/* IULA Manager layout. Colours come from the live ISUPLVL shared stylesheets. */
body.im-root { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); font: 14px/1.55 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.im-root *, .im-root *::before, .im-root *::after { box-sizing: border-box; }
.im-root [hidden] { display: none !important; }
.im-root h1, .im-root h2, .im-root h3, .im-root p { margin: 0; }
.im-root h1, .im-root h2, .im-root h3 { color: var(--text); font-weight: 650; }
.im-root button, .im-root input, .im-root select, .im-root textarea { font: inherit; }
.im-root button, .im-root a, .im-root input, .im-root select, .im-root textarea { -webkit-tap-highlight-color: transparent; }
.im-root a { color: inherit; text-decoration: none; }
.im-root button { cursor: pointer; }
.im-root svg { width: 20px; height: 20px; display: block; flex-shrink: 0; }
.im-root .im-muted { color: var(--muted); }
.im-root .im-eyebrow { color: var(--accent); font-size: 10px; letter-spacing: .15em; font-weight: 750; }
.im-root .im-wordmark { display: flex; align-items: baseline; gap: 8px; color: var(--text); font-size: 30px; font-weight: 780; letter-spacing: -.065em; line-height: 1; }
.im-root .im-wordmark span { color: var(--accent); font-size: 12px; font-weight: 700; letter-spacing: .07em; }
.im-root .im-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; white-space: nowrap; }
.im-root .im-btn-quiet { padding: 8px 12px; min-height: 44px; }
.im-root .im-btn-wide { width: 100%; }
.im-root .im-btn svg { width: 16px; height: 16px; }
.im-root .im-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; padding: 10px; flex-shrink: 0; }
.im-root .im-link { display: inline-flex; align-items: center; gap: 7px; color: var(--cyan); font-size: 12px; font-weight: 600; }
.im-root .im-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.im-root .im-link svg { width: 15px; height: 15px; }
.im-root .im-badge, .im-root .im-stage-label { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border: 1px solid var(--line); border-radius: 5px; color: var(--muted); font-size: 10px; font-weight: 600; line-height: 1.3; white-space: nowrap; }
.im-root .im-stage-label { color: var(--cyan); background: color-mix(in srgb, var(--accent) 8%, transparent); }
.im-root .im-skip { position: fixed; top: 8px; left: 8px; z-index: 100; padding: 10px 16px; color: var(--bg); background: var(--accent); border-radius: 6px; transform: translateY(-160%); }
.im-root .im-skip:focus { transform: translateY(0); }
.im-root .im-boot { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 26px; padding: 32px; text-align: center; color: var(--muted); }
.im-root .im-boot p { max-width: 430px; }
.im-root .im-login { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(360px, 1fr); min-height: 100vh; }
.im-root .im-login-story { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; min-height: 720px; padding: 56px clamp(40px, 5.6vw, 94px); background: radial-gradient(ellipse at 30% 48%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 68%), var(--panel); border-right: 1px solid var(--line); }
.im-root .im-login-story::after { content: ""; position: absolute; bottom: 13%; right: 9%; width: 140px; height: 140px; border: 1px solid color-mix(in srgb, var(--line) 50%, transparent); border-radius: 32px; transform: rotate(18deg); pointer-events: none; }
.im-root .im-login-copy { position: relative; z-index: 1; padding: 64px 0; }
.im-root .im-login h1 { margin: 25px 0; font-size: clamp(34px, 3.7vw, 57px); line-height: 1.14; letter-spacing: -.045em; }
.im-root .im-login-lead { max-width: 400px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.im-root .im-login-features { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 32px; }
.im-root .im-login-features span { padding: 7px 11px; border: 1px solid var(--line); border-radius: 6px; color: var(--muted); font-size: 11px; }
.im-root .im-login-signature { color: var(--text); font-size: 11px; font-weight: 600; }
.im-root .im-login-signature span { margin-left: 8px; color: var(--muted); font-weight: 400; }
.im-root .im-login-panel { display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; padding: 64px 40px 90px; }
.im-root .im-login-form-wrap { width: 100%; max-width: 356px; }
.im-root .im-login h2 { margin: 12px 0 8px; font-size: 31px; letter-spacing: -.035em; }
.im-root .im-login form { margin-top: 30px; }
.im-root .im-login-note { display: flex; gap: 12px; align-items: flex-start; border-top: 1px solid var(--line); margin-top: 30px; padding-top: 22px; }
.im-root .im-login-note p { font-size: 11px; color: var(--muted); line-height: 1.65; }
.im-root .im-login-bottom { position: absolute; bottom: 28px; font-size: 10px; letter-spacing: .08em; color: var(--muted); }
.im-root .im-form { display: flex; flex-direction: column; gap: 20px; }
.im-root .im-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.im-root .im-field small { color: var(--muted); font-size: 11px; }
.im-root select { padding-right: 30px; }
.im-root textarea { resize: vertical; min-height: 92px; }
.im-root .im-password-wrap { position: relative; }
.im-root .im-password-wrap input { padding-right: 82px; min-height: 54px; }
.im-root .im-reveal { position: absolute; top: 5px; right: 5px; min-height: 44px; padding: 6px 9px; font-size: 11px; }
.im-root .im-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.im-root .im-form-error { margin: 0; padding: 12px; font-size: 12px; }
.im-root .im-shell { display: grid; grid-template-columns: 238px minmax(0, 1fr); min-height: 100vh; }
.im-root .im-sidebar { position: sticky; top: 0; display: flex; flex-direction: column; height: 100dvh; padding: 30px 16px 0; background: color-mix(in srgb, var(--panel) 62%, var(--bg)); border-right: 1px solid var(--line); overflow-y: auto; z-index: 30; }
.im-root .im-brand { display: flex; justify-content: space-between; align-items: flex-end; margin: 0 12px 31px; }
.im-root .im-brand .im-wordmark { font-size: 27px; gap: 7px; }
.im-root .im-brand .im-wordmark span { font-size: 10px; }
.im-root .im-brand-sub { font-size: 8px; letter-spacing: .1em; color: var(--muted); line-height: 1; padding-bottom: 1px; }
.im-root .im-workspace { display: flex; align-items: center; gap: 10px; padding: 13px 12px; border: 1px solid var(--line); border-radius: 10px; margin-bottom: 27px; }
.im-root .im-workspace-icon { display: flex; width: 32px; height: 34px; align-items: center; justify-content: center; color: var(--accent); background: color-mix(in srgb, var(--accent) 11%, transparent); border-radius: 7px; }
.im-root .im-workspace div { min-width: 0; }
.im-root .im-workspace strong { display: block; font-size: 11px; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 143px; }
.im-root .im-workspace div span { display: block; font-size: 9px; color: var(--muted); margin-top: 2px; }
.im-root .im-nav-label { font-size: 9px; color: var(--muted); letter-spacing: .13em; padding: 0 12px; margin-bottom: 10px; }
.im-root .im-nav { display: flex; flex-direction: column; gap: 5px; }
.im-root .im-nav a { display: flex; align-items: center; gap: 12px; padding: 11px 13px; min-height: 44px; border: 1px solid transparent; border-radius: 8px; color: var(--muted); font-size: 12px; font-weight: 500; transition: background .15s, color .15s; }
.im-root .im-nav a > span:first-child { opacity: .86; }
.im-root .im-nav a svg { width: 18px; height: 18px; }
.im-root .im-nav a:hover { color: var(--text); background: color-mix(in srgb, var(--accent) 6%, transparent); }
.im-root .im-nav a[aria-current="page"] { color: var(--cyan); background: color-mix(in srgb, var(--accent) 12%, transparent); border-color: color-mix(in srgb, var(--line) 85%, transparent); }
.im-root .im-sidebar-bottom { margin-top: auto; padding-top: 40px; }
.im-root .im-stage-card { padding: 15px 13px; border: 1px solid var(--line); border-radius: 10px; background: color-mix(in srgb, var(--accent) 3%, transparent); }
.im-root .im-stage-card strong { display: block; font-size: 11px; margin: 10px 0 4px; }
.im-root .im-stage-card p { color: var(--muted); font-size: 10px; line-height: 1.7; }
.im-root .im-user { display: flex; align-items: center; gap: 10px; padding: 20px 2px; margin-top: 15px; border-top: 1px solid var(--line); }
.im-root .im-avatar { display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; color: var(--cyan); background: color-mix(in srgb, var(--accent) 14%, transparent); font-size: 12px; font-weight: 650; }
.im-root .im-user > div { min-width: 0; flex: 1; }
.im-root .im-user strong, .im-root .im-user div span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.im-root .im-user strong { font-size: 11px; font-weight: 600; }
.im-root .im-user div span { font-size: 9px; color: var(--muted); margin-top: 1px; }
.im-root .im-topbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 68px; padding: 12px 34px; border-bottom: 1px solid var(--line); }
.im-root .im-topbar-left, .im-root .im-topbar-right { display: flex; align-items: center; gap: 14px; min-width: 0; }
.im-root .im-topbar-left { color: var(--muted); font-size: 11px; }
.im-root .im-topbar-brand { color: var(--text); font-size: 10px; font-weight: 650; letter-spacing: .035em; white-space: nowrap; }
.im-root .im-breadcrumb-separator { color: var(--line); }
.im-root .im-connection { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 10px; white-space: nowrap; }
.im-root .im-menu-button { display: none; }
.im-root .im-main { padding: 34px 34px 0; max-width: 1610px; margin: 0 auto; }
.im-root .im-page-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 27px; }
.im-root .im-page-heading h1 { font-size: clamp(26px, 2.4vw, 34px); letter-spacing: -.04em; line-height: 1.2; margin-top: 8px; }
.im-root .im-page-description { color: var(--muted); margin-top: 10px; font-size: 12px; line-height: 1.65; }
.im-root .im-page-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-shrink: 0; }
.im-root .im-date { color: var(--muted); font-size: 11px; text-align: right; }
.im-root .im-date strong { display: block; color: var(--text); font-size: 12px; font-weight: 500; margin-bottom: 2px; }
.im-root .im-notice { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 20px; font-size: 12px; line-height: 1.7; }
.im-root .im-notice svg { width: 18px; height: 18px; margin-top: 2px; color: var(--accent); }
.im-root .im-notice strong { color: var(--text); font-weight: 600; }
.im-root .im-notice-inline { margin: 0; }
.im-root .im-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
.im-root .im-metric { min-width: 0; }
.im-root .im-metric-top { display: flex; justify-content: space-between; gap: 12px; align-items: center; color: var(--muted); font-size: 11px; }
.im-root .im-metric-top > span:last-child { display: flex; padding: 7px; border: 1px solid var(--line); border-radius: 7px; color: var(--accent); }
.im-root .im-metric-top svg { width: 16px; height: 16px; }
.im-root .im-metric-value { display: block; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: -.04em; margin-top: 19px; font-variant-numeric: tabular-nums; }
.im-root .im-metric-foot { margin-top: 9px; color: var(--muted); font-size: 10px; }
.im-root .im-grid-two { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(290px, 1fr); gap: 22px; align-items: start; }
.im-root .im-grid-equal { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: start; }
.im-root .im-stack { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.im-root .im-card { min-width: 0; --iula-card-padding: 0px; overflow: hidden; }
.im-root .im-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 20px 22px; }
.im-root .im-card h2, .im-root .im-card h3 { font-size: 14px; letter-spacing: -.01em; }
.im-root .im-card-heading p { font-size: 10px; color: var(--muted); margin-top: 4px; }
.im-root .im-card-body { padding: 0 22px 22px; }
.im-root .im-card-divider { height: 1px; background: var(--line); margin: 0 22px; }
.im-root .im-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 22px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; }
.im-root .im-list { list-style: none; margin: 0; padding: 0; }
.im-root .im-list li + li { border-top: 1px solid var(--line); }
.im-root .im-list-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 22px; }
.im-root .im-list-main { display: flex; align-items: center; gap: 12px; min-width: 0; }
.im-root .im-list-main > div { min-width: 0; }
.im-root .im-list-main strong { display: block; font-size: 12px; font-weight: 550; overflow: hidden; text-overflow: ellipsis; }
.im-root .im-list-main p { color: var(--muted); font-size: 10px; margin-top: 3px; }
.im-root .im-list-value { text-align: right; font-size: 12px; font-variant-numeric: tabular-nums; flex-shrink: 0; }
.im-root .im-list-value small { display: block; color: var(--muted); font-size: 10px; margin-top: 3px; }
.im-root .im-small-icon { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 8px; color: var(--accent); flex-shrink: 0; }
.im-root .im-small-icon svg { width: 16px; height: 16px; }
.im-root .im-toolbar { display: flex; align-items: center; gap: 12px; padding: 18px 22px; border-bottom: 1px solid var(--line); }
.im-root .im-search { position: relative; max-width: 380px; flex: 1; }
.im-root .im-search > svg { position: absolute; top: 13px; left: 12px; width: 16px; height: 16px; color: var(--muted); pointer-events: none; }
.im-root .im-search input { padding-left: 38px; }
.im-root .im-toolbar select { width: auto; min-width: 140px; }
.im-root .im-toolbar-count { color: var(--muted); font-size: 11px; margin-left: auto; }
.im-root .im-table-wrap { overflow-x: auto; }
.im-root .im-table { width: 100%; margin: 0; border-collapse: collapse; border-spacing: 0; text-align: left; font-size: 12px; white-space: nowrap; }
.im-root .im-table thead { background: color-mix(in srgb, var(--bg) 36%, transparent); }
.im-root .im-table th { padding: 12px 19px; font-size: 9px; letter-spacing: .055em; text-transform: uppercase; font-weight: 600; border: 0; border-bottom: 1px solid var(--line); }
.im-root .im-table td { padding: 15px 19px; border: 0; border-bottom: 1px solid color-mix(in srgb, var(--line) 68%, transparent); color: var(--text); }
.im-root .im-table th:first-child, .im-root .im-table td:first-child { padding-left: 22px; }
.im-root .im-table th:last-child, .im-root .im-table td:last-child { padding-right: 22px; }
.im-root .im-table tbody tr:last-child td { border-bottom: 0; }
.im-root .im-table tbody tr:hover { background: color-mix(in srgb, var(--accent) 4%, transparent); }
.im-root .im-table .im-cell-name { font-weight: 550; white-space: normal; min-width: 180px; max-width: 380px; }
.im-root .im-table .im-cell-name small { display: block; font-size: 10px; font-weight: 400; color: var(--muted); margin-top: 3px; }
.im-root .im-table .im-cell-code { color: var(--muted); font: 10px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
.im-root .im-table .im-numeric { text-align: right; font-variant-numeric: tabular-nums; }
.im-root .im-table .im-row-actions { text-align: right; }
.im-root .im-pagination { display: flex; align-items: center; gap: 12px; }
.im-root .im-pagination button { width: 44px; height: 44px; padding: 10px; display: flex; align-items: center; justify-content: center; }
.im-root .im-pagination svg { width: 15px; height: 15px; }
.im-root .im-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 260px; padding: 40px 26px; text-align: center; }
.im-root .im-empty > svg { width: 32px; height: 32px; color: var(--accent); margin-bottom: 3px; }
.im-root .im-empty h2, .im-root .im-empty h3 { font-size: 15px; }
.im-root .im-empty p { max-width: 430px; font-size: 12px; color: var(--muted); line-height: 1.75; }
.im-root .im-empty-small { min-height: 140px; padding: 22px; }
.im-root .im-empty-small > svg { width: 24px; height: 24px; }
.im-root .im-skeleton { border-radius: 8px; background: color-mix(in srgb, var(--accent) 8%, var(--panel)); }
.im-root .im-loading-cards { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.im-root .im-loading-cards > div { height: 145px; }
.im-root .im-loading-block { height: 330px; margin-top: 22px; }
.im-root .im-loading-label { margin: 16px 0; color: var(--muted); font-size: 12px; }
.im-root .im-warehouse-tabs { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 22px; }
.im-root .im-tab { display: inline-flex; align-items: center; gap: 10px; }
.im-root .im-room-tables { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 12px; }
.im-root .im-room-table { min-height: 90px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 14px 8px; border: 1px solid var(--line); border-radius: 10px; background: color-mix(in srgb, var(--bg) 45%, transparent); text-align: center; }
.im-root .im-room-table strong { font-size: 12px; font-weight: 550; }
.im-root .im-room-table span { color: var(--muted); font-size: 10px; }
.im-root .im-room-summary { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; font-size: 11px; color: var(--muted); }
.im-root .im-definition-list { margin: 0; }
.im-root .im-definition-list > div { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 13px 0; }
.im-root .im-definition-list > div + div { border-top: 1px solid var(--line); }
.im-root .im-definition-list dt { color: var(--muted); font-size: 11px; }
.im-root .im-definition-list dd { margin: 0; font-size: 12px; text-align: right; overflow-wrap: anywhere; }
.im-root .im-mono { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 10px; }
.im-root .im-footer { display: flex; justify-content: space-between; gap: 15px; color: var(--muted); font-size: 9px; padding: 25px 0; margin-top: 18px; }
.im-root .im-footer-separator { padding: 0 6px; color: var(--line); }
.im-root .im-dialog { padding: 0; width: min(610px, calc(100vw - 32px)); max-width: 850px; max-height: calc(100dvh - 48px); border: 1px solid var(--line); border-radius: 15px; background: var(--panel); color: var(--text); box-shadow: 0 24px 100px color-mix(in srgb, var(--bg) 90%, transparent); overflow: auto; }
.im-root .im-dialog::backdrop { background: color-mix(in srgb, var(--bg) 80%, transparent); backdrop-filter: blur(5px); }
.im-root .im-dialog.im-dialog-wide { width: min(850px, calc(100vw - 32px)); }
.im-root .im-dialog-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 25px 27px 22px; border-bottom: 1px solid var(--line); }
.im-root .im-dialog-heading h2 { font-size: 22px; letter-spacing: -.025em; margin-top: 6px; }
.im-root #dialog-content { padding: 24px 27px 27px; }
.im-root .im-dialog-actions { display: flex; justify-content: flex-end; align-items: center; gap: 10px; border-top: 1px solid var(--line); padding-top: 22px; margin-top: 3px; }
.im-root .im-document-lines { display: flex; flex-direction: column; gap: 12px; }
.im-root .im-document-line { display: grid; grid-template-columns: minmax(150px, 1.8fr) minmax(80px, .7fr) minmax(95px, .8fr) 44px; gap: 10px; align-items: end; padding: 14px; border: 1px solid var(--line); border-radius: 10px; }
.im-root .im-document-line .im-icon-btn { margin-bottom: 4px; }
.im-root .im-document-line label { font-size: 10px; }
.im-root .im-document-lines-title { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 12px; }
.im-root .im-document-lines-title h3 { font-size: 13px; }
.im-root .im-toasts { position: fixed; right: 25px; bottom: 25px; z-index: 80; width: min(390px, calc(100vw - 32px)); display: flex; flex-direction: column; gap: 10px; pointer-events: none; }
.im-root .im-toast { display: flex; align-items: flex-start; gap: 12px; font-size: 12px; line-height: 1.6; box-shadow: 0 12px 45px color-mix(in srgb, var(--bg) 80%, transparent); pointer-events: auto; }
.im-root .im-toast > svg { color: var(--accent); width: 18px; height: 18px; margin-top: 1px; }
.im-root .im-toast > div { flex: 1; min-width: 0; }
.im-root .im-toast .im-icon-btn { padding: 10px; margin: -3px -6px 0 0; }
.im-root .im-toast .im-icon-btn svg { width: 14px; height: 14px; }
.im-root .im-noscript { position: fixed; inset: 0; display: grid; place-items: center; padding: 30px; background: var(--bg); color: var(--text); }
.im-root .im-metrics-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.im-root .im-metrics-three .im-metric-value { font-size: clamp(19px, 2.1vw, 29px); overflow-wrap: anywhere; }
.im-root .im-report-note { margin-top: 14px; font-size: 11px; line-height: 1.7; }
.im-root .im-settings-actions { margin-top: 20px; }
.im-root .im-system-status { margin: 2px 0 12px; }
.im-root .im-dialog-intro { margin-bottom: 22px; font-size: 12px; }
.im-root .im-document-preview { margin: 20px -27px; }
.im-root .im-notes-title { margin-bottom: 8px; font-size: 13px; }
.im-root .im-pre-wrap { white-space: pre-wrap; overflow-wrap: anywhere; }
.im-root .im-draft-search { padding: 16px; border: 1px solid var(--iula-ui-border); border-radius: var(--iula-radius); }
.im-root .im-draft-search > label { display: block; margin-bottom: 8px; }
.im-root .im-draft-search-row { display: flex; gap: 10px; align-items: center; }
.im-root .im-draft-search-row > input, .im-root .im-draft-search-row > select { flex: 1; }
.im-root .im-draft-search-row > button { flex-shrink: 0; }
.im-root .im-draft-search-found { margin-top: 14px; }
.im-root .im-draft-empty { font-size: 12px; padding: 15px; border: 1px dashed var(--iula-ui-border); border-radius: var(--iula-radius); }
.im-root .im-document-line > div:first-child { align-self: center; min-width: 0; }
.im-root .im-document-line > div:first-child strong { display: block; font-size: 12px; overflow-wrap: anywhere; }
.im-root .im-document-line > div:first-child small { display: block; font-size: 10px; color: var(--muted); margin-top: 4px; }
.im-root .im-document-lines-title { font-size: 13px; }
.im-root .im-grid-two > .im-stack > .im-card { width: 100%; }

@media (min-width: 1450px) { .im-root .im-main { padding-top: 42px; padding-left: 44px; padding-right: 44px; } .im-root .im-topbar { padding-left: 44px; padding-right: 44px; } }
@media (max-width: 1150px) { .im-root .im-shell { grid-template-columns: 216px minmax(0,1fr); } .im-root .im-main { padding: 28px 25px 0; } .im-root .im-topbar { padding-left: 25px; padding-right: 25px; } .im-root .im-grid-two { grid-template-columns: minmax(0,1fr); } .im-root .im-grid-two > .im-stack { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } .im-root .im-metrics { gap: 12px; } .im-root .im-metric { padding: 17px; } .im-root .im-metric-top { gap: 7px; font-size: 10px; } .im-root .im-collection-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .im-root .im-brand-sub { display: none; } }
@media (max-width: 850px) { .im-root .im-shell { display: block; } .im-root .im-sidebar { position: fixed; left: 0; top: 0; width: 240px; height: 100dvh; transform: translateX(-100%); transition: transform .2s ease; background: var(--bg); } .im-root.im-menu-open .im-sidebar { transform: translateX(0); } .im-root .im-menu-button { display: inline-flex; } .im-root .im-nav-backdrop { position: fixed; inset: 0; z-index: 25; border: 0; border-radius: 0; background: color-mix(in srgb, var(--bg) 75%, transparent); } .im-root .im-topbar { padding: 10px 20px; min-height: 62px; } .im-root .im-topbar-left, .im-root .im-topbar-right { gap: 10px; } .im-root .im-main { padding: 27px 20px 0; } .im-root .im-brand-sub { display: block; } .im-root .im-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } .im-root .im-login-story { padding: 45px 32px; min-height: 650px; } .im-root .im-login { grid-template-columns: minmax(0,1fr) minmax(330px,1fr); } .im-root .im-login-panel { padding-left: 28px; padding-right: 28px; } .im-root .im-login h1 { font-size: 36px; } .im-root .im-login-story::after { display: none; } }
@media (max-width: 620px) { .im-root .im-login { display: block; } .im-root .im-login-story { min-height: auto; padding: 30px 28px; border-right: 0; border-bottom: 1px solid var(--line); } .im-root .im-login-copy { padding: 27px 0 3px; } .im-root .im-login h1 { font-size: 29px; margin: 13px 0; } .im-root .im-login-lead, .im-root .im-login-features, .im-root .im-login-signature { display: none; } .im-root .im-login-panel { min-height: 540px; padding: 35px 28px 76px; } .im-root .im-login-form-wrap { max-width: 430px; } .im-root .im-login h2 { font-size: 26px; } .im-root .im-page-heading { align-items: flex-start; gap: 15px; flex-direction: column; margin-bottom: 22px; } .im-root .im-page-actions { width: 100%; justify-content: flex-start; } .im-root .im-date { display: none; } .im-root .im-page-heading h1 { font-size: 28px; } .im-root .im-page-description { font-size: 11px; } .im-root .im-topbar { gap: 7px; padding-left: 12px; padding-right: 12px; } .im-root .im-topbar-left { gap: 9px; } .im-root .im-topbar-brand, .im-root .im-breadcrumb-separator { display: none; } .im-root .im-topbar-right .im-badge { max-width: 122px; overflow: hidden; text-overflow: ellipsis; } .im-root .im-connection-label { display: none; } .im-root .im-main { padding-left: 16px; padding-right: 16px; } .im-root .im-metric { padding: 17px; } .im-root .im-metric-value { font-size: 29px; margin-top: 14px; } .im-root .im-metric-top > span:last-child { padding: 5px; } .im-root .im-metric-foot { font-size: 9px; } .im-root .im-grid-two > .im-stack, .im-root .im-grid-equal { display: flex; flex-direction: column; } .im-root .im-grid-equal > * { width: 100%; } .im-root .im-collection-grid { grid-template-columns: minmax(0,1fr); } .im-root .im-card-heading { padding: 19px 17px; } .im-root .im-card-body { padding: 0 17px 19px; } .im-root .im-list-row { padding: 15px 17px; } .im-root .im-card-foot { padding: 13px 17px; flex-wrap: wrap; } .im-root .im-table td, .im-root .im-table th { padding-left: 15px; padding-right: 15px; } .im-root .im-toolbar { flex-wrap: wrap; padding: 15px 17px; } .im-root .im-toolbar-count { font-size: 10px; } .im-root .im-search { flex: 1 1 190px; } .im-root .im-toolbar select { flex: 1 1 150px; } .im-root .im-dialog-heading { padding: 21px 19px; } .im-root #dialog-content { padding: 21px 19px; } .im-root .im-document-line { grid-template-columns: 1fr 1fr 44px; } .im-root .im-document-line > div:first-child { grid-column: 1 / -1; } .im-root .im-footer { font-size: 8px; gap: 10px; } .im-root .im-footer span:last-child { text-align: right; } .im-root .im-loading-cards { grid-template-columns: repeat(2,minmax(0,1fr)); } .im-root .im-toasts { right: 16px; bottom: 16px; } }
@media (prefers-reduced-motion: reduce) { .im-root *, .im-root *::before, .im-root *::after { scroll-behavior: auto !important; transition: none !important; } }