/* DESIGN-KIT/components.css is the visual reference. Keep SSO branding,
   upload interaction and role layouts; normalize subsequent app overrides. */
:root[data-theme=light]{
 --page:#eef1f6;--card:#fff;--card-2:#f5f7fb;
 --ink:#1b1e27;--ink-2:#5d6473;--ink-3:#737b8b;--muted:var(--ink-2);
 --line:#e7eaf1;--line-2:#dde1ea;--r:18px;--r-sm:14px;
 --brand:#336ac7;--brand-soft:#e8f0fc;--pill:#336ac7;--pill-ink:#fff;
 --kit-ease:cubic-bezier(.22,1,.36,1);--kit-exit:cubic-bezier(.4,0,.2,1);
}
html[data-theme=light] body{background:var(--page);color:var(--ink);background-image:none}
.frame .rail,.frame .main{background:var(--card);border:1px solid var(--line)!important;border-radius:20px;box-shadow:var(--sh-sm)}
.frame .rail{padding:18px 14px 14px}
.rail-menu button{min-height:42px;border-radius:12px;font-size:13px;padding:10px 12px}
.rail-menu button.on{background:var(--brand-soft);color:var(--brand);box-shadow:none}
.rail .logo{padding:2px 6px 18px}
.sso-accountbar{background:var(--card);color:var(--ink-2);border-color:var(--line)!important;font-size:12px}
.sso-demo-banner{background:var(--warn-soft);color:var(--warn);font-size:11px;font-weight:500}
.main .topbar{padding-bottom:18px;margin-bottom:20px;border-color:var(--line)}
.topbar .hd h1{font-size:24px;line-height:1.15;font-weight:800;letter-spacing:-.025em}
.topbar .hd p{font-size:12.5px;color:var(--ink-2)}
.sso-home{color:var(--ink)}
.sso-home .card,.main .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-sm);padding:18px}
.sso-home h2{font-size:18px;letter-spacing:-.02em;line-height:1.35}
.sso-home h3,.main .card h3{font-size:15px;letter-spacing:-.01em;line-height:1.45}
.sso-home p,.main .sub{color:var(--ink-2)}
.sso-heading{background:linear-gradient(140deg,var(--hero-a),var(--hero-b));border:0;color:white;border-radius:var(--r);box-shadow:0 18px 40px -18px color-mix(in srgb,var(--hero-a) 70%,transparent);padding:26px 28px!important;min-height:150px}
.sso-heading h1{color:white;font-size:clamp(24px,2.4vw,31px);line-height:1.22;letter-spacing:-.025em}
.sso-heading .sso-eyebrow,.sso-heading p{color:rgba(255,255,255,.82)!important}
.sso-heading:before{border-color:rgba(255,255,255,.12);pointer-events:none}
.sso-quick-actions{gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.sso-quick-actions button{border-radius:var(--r-sm);border-color:var(--line);box-shadow:var(--sh-sm);padding:18px;color:var(--ink);transition:transform 180ms var(--kit-ease),border-color 180ms,box-shadow 180ms}
.sso-quick-actions button:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:var(--sh-md)}
.sso-quick-actions small{color:var(--ink-2);font-size:11.5px}
.quick-icon{border-radius:10px;background:var(--brand-soft);color:var(--brand)}
.sso-metrics>div,.kpi{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);padding:15px;box-shadow:var(--sh-sm);min-width:0}
.kpi .kl{color:var(--ink-2);font-size:10.5px;font-weight:700;letter-spacing:.05em}
.kpi .big{font-family:'IBM Plex Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:clamp(18px,1.65vw,28px);line-height:1.4;letter-spacing:-.055em;overflow-wrap:anywhere;margin:8px 0}
.kpi .sub{font-size:11.5px;overflow-wrap:anywhere}
.grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid>*{min-width:0}
.main .btn-dark,.sso-home .btn-dark{border-radius:999px;min-height:40px;background:var(--pill);color:var(--pill-ink);font-size:13px;font-weight:700}
.main .btn-ghost,.sso-home .btn-ghost{border-radius:999px;min-height:40px;background:var(--card);color:var(--ink-2);border:1px solid var(--line-2);font-size:12.5px}
.main .btn-mini,.sso-home .btn-mini{border-radius:9px;padding:7px 11px;font-size:11.5px;min-height:34px;border:1px solid var(--line-2);background:var(--card);color:var(--ink-2);text-decoration:none}
.main .btn-mini.pri,.sso-home .btn-mini.pri{background:var(--pill);color:white;border-color:transparent}
.main :is(input.f,select.f,textarea.f),.sso-home .f{background:var(--card-2);border:1px solid var(--line-2);border-radius:12px;padding:11px 12px;color:var(--ink);font-family:inherit;min-height:42px;max-width:100%}
.main label,.sso-home label{color:var(--ink-2);font-size:12px;font-weight:500}
:is(button,a,input,select,textarea,summary,[contenteditable]):focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 45%,white);outline-offset:3px}
.main table th{font-size:10.5px;letter-spacing:.055em;color:var(--ink-2);background:var(--card-2);text-align:left}
.main table td{border-color:var(--line);font-size:12px}
.sso-home .sso-dropzone{background:var(--card-2);border:1px dashed var(--line-2);border-radius:var(--r);box-shadow:none;color:var(--ink);transition:background 180ms,border-color 180ms,transform 180ms var(--kit-ease)}
.sso-home .sso-dropzone:hover,.sso-home .sso-dropzone:focus-within{background:var(--brand-soft);border-color:var(--brand);box-shadow:none}
.sso-home .sso-paste-area{border-radius:12px;border-color:var(--line-2);background:var(--card)}
.sso-front-card{border-radius:var(--r)!important;border-color:var(--line)!important;box-shadow:var(--sh-md);animation-duration:650ms;animation-timing-function:var(--kit-ease)}
.sso-reading-card{background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:18px;color:var(--ink)}
.sso-reading-heading{border-bottom:1px solid var(--line);padding-bottom:14px}
.sso-reading-heading span,.sso-reading-fields dt{color:var(--ink-2)}
.sso-reading-fields dd{font-size:13px;font-variant-numeric:tabular-nums;line-height:1.5}
.sso-reading-warnings{background:var(--warn-soft);color:#705319;border:1px solid color-mix(in srgb,var(--warn) 20%,transparent);border-radius:12px}
.sso-reading-warnings.is-ready{background:var(--pos-soft);color:#176047;border-color:color-mix(in srgb,var(--pos) 24%,transparent)}
.sso-reading-warnings p{color:inherit}
.sso-reading-table td:last-child{font-family:'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
.sso-reading-table th,.sso-reading-table td{padding:12px 10px;border-color:var(--line)}
.sso-reading-card summary{font-size:11.5px;font-weight:600;color:var(--brand);padding:7px 0;cursor:pointer}
.sso-reading-text pre{border:1px solid var(--line);border-radius:12px;color:var(--ink-2)}
.sso-preview-panel{background:var(--card);border-color:var(--line);box-shadow:var(--sh-md);animation-duration:540ms;animation-timing-function:var(--kit-ease)}
.sso-preview-panel.is-closing{animation-duration:320ms;animation-timing-function:var(--kit-exit)}
.sso-preview-panel header{padding:22px 24px;border-bottom:1px solid var(--line)}
.sso-preview-body{background:var(--card-2);padding:16px}
.sso-preview-panel h2{font-size:18px;letter-spacing:-.02em}
.sso-login .login-card{border-radius:24px;box-shadow:var(--sh-md)}
.sso-login-field input,.sso-login .password-field,.sso-login select{border-radius:12px;background:var(--card-2);border-color:var(--line-2)}
.sso-login .login-submit{border-radius:999px}
@media(min-width:761px){.main{container-type:inline-size}.sso-home{padding:24px 28px}.sso-home .sso-quick-actions{margin:20px 0 24px}}
@container(max-width:760px){.grid.g2:has(>.pricing-controls){grid-template-columns:1fr}.kpi .big{font-size:24px}}
@media(max-width:760px){.frame .rail,.frame .main{border-radius:16px}.sso-heading{padding:22px!important}.sso-quick-actions{grid-template-columns:1fr}.sso-home .card,.main .card{padding:16px}.grid.g2{grid-template-columns:1fr}.kpi .big{font-size:24px}.sso-preview-panel header{padding:18px}.sso-home{padding:16px}.main .btn-mini{min-height:40px}}
@media(prefers-reduced-motion:reduce){.sso-quick-actions button,.sso-home .sso-dropzone{transition:none}.sso-preview-panel,.sso-front-card{animation:none}}
[data-sso-motion=off] :is(.sso-quick-actions button,.sso-dropzone){transition:none}
.sso-upload-workspace{position:fixed;inset:0;margin:auto;width:min(1320px,94vw);height:90dvh;max-width:none;max-height:none;padding:0;border:1px solid #dce6f5;border-radius:24px;background:#fff;color:#193252;box-shadow:0 30px 100px #10264c40;overflow:hidden;transform-origin:center}
.sso-upload-workspace::backdrop{background:#142e5266;backdrop-filter:blur(7px);animation:sso-backdrop-in .3s ease both}.sso-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;background:linear-gradient(115deg,#f3f7ff,#fff);border-bottom:1px solid #e6edf8}.sso-workspace-head small{font-size:10px;letter-spacing:.16em;color:#336ac7;font-weight:800}.sso-workspace-head h2{font-size:21px;margin:6px 0 0}.sso-workspace-status{display:flex;align-items:center;gap:10px;padding:12px 28px;font-size:12px;border-bottom:1px solid #e6edf8}.sso-workspace-status span{margin-left:auto;color:#71819a}.sso-workspace-status i{width:8px;height:8px;border-radius:50%;background:#2a9a78}.sso-workspace-status i.is-working{background:#e7b621;animation:sso-upload-pulse 1.2s ease-in-out infinite}
.sso-workspace-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);height:calc(100% - 139px);min-height:0}.sso-workspace-source,.sso-workspace-reading{min-width:0;min-height:0;overflow:auto;padding:20px}.sso-workspace-source{background:#f0f4fa;border-right:1px solid #e3eaf5;display:flex;flex-direction:column}.sso-workspace-source h3,.sso-workspace-reading>h3{font-size:12px;overflow-wrap:anywhere;margin:0 0 16px;color:#607493}.sso-workspace-source>div{flex:1;min-height:0}.sso-workspace-source iframe{width:100%;height:100%;border:0;border-radius:12px;background:white}.sso-workspace-source img{display:block;width:100%;height:auto;border-radius:12px}.sso-workspace-reading{background:#fff}.sso-workspace-reading .sso-front-card{animation:sso-result-in .4s ease both;transform:none;margin:0;box-shadow:none;border:0;padding:0}.sso-workspace-reading .sso-actions{display:block}.sso-workspace-reading .sso-document-tile{width:100%;margin:0 0 16px;box-sizing:border-box}.sso-workspace-reading details{margin:16px 0;font-size:12px}.sso-workspace-reading summary{cursor:pointer;color:#336ac7}.sso-workspace-tabs{display:none}.sso-workspace-files{display:flex;gap:8px;overflow:auto;padding:8px 20px;max-height:46px}.sso-workspace-files~.sso-workspace-columns{height:calc(100% - 185px)}.sso-workspace-files button,.sso-workspace-tabs button{border:1px solid #dde6f4;border-radius:10px;padding:8px 12px;background:white;color:#4f6380;white-space:nowrap}.sso-workspace-files button[aria-pressed=true],.sso-workspace-tabs button[aria-pressed=true]{background:#eaf1ff;color:#255ab2;border-color:#a5bfec}
.sso-reading-skeleton{padding:24px;border:1px solid #e5ecf7;border-radius:16px;margin-bottom:16px}.sso-reading-skeleton div{height:18px;margin-bottom:16px;border-radius:6px;background:linear-gradient(90deg,#edf2fa,#fafcff,#edf2fa);background-size:200% 100%;animation:sso-upload-shimmer 1.6s linear infinite}.sso-reading-skeleton div:nth-child(2){width:75%}.sso-reading-skeleton div:nth-child(3){width:50%}.sso-reading-skeleton p{font-size:12px;color:#71819a;line-height:1.8}.sso-upload-orbit{width:54px;height:54px;border-radius:18px;background:#e9f0ff;color:#336ac7;display:grid;place-items:center;font-size:30px;box-shadow:0 8px 24px #336ac717;transition:transform .4s cubic-bezier(.22,1,.36,1)}.sso-dropzone:hover .sso-upload-orbit,.sso-dropzone.is-dragging .sso-upload-orbit{transform:translateY(-8px) rotate(-5deg)}
@keyframes sso-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes sso-result-in{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes sso-upload-pulse{50%{box-shadow:0 0 0 5px #e7b62122}}@keyframes sso-upload-shimmer{to{background-position:-200% 0}}
@media(max-width:720px){.sso-upload-workspace{width:calc(100vw - 12px);height:96dvh;border-radius:18px}.sso-workspace-head{padding:16px}.sso-workspace-head h2{font-size:16px}.sso-workspace-status{padding:10px 16px;font-size:11px}.sso-workspace-tabs{display:flex;gap:8px;padding:8px 16px}.sso-workspace-columns{display:block;height:calc(100% - 176px)}.sso-workspace-files~.sso-workspace-columns{height:calc(100% - 222px)}.sso-workspace-source,.sso-workspace-reading{height:100%;box-sizing:border-box;padding:14px}.sso-workspace-columns[data-view=document] .sso-workspace-reading,.sso-workspace-columns[data-view=reading] .sso-workspace-source{display:none}}
@media(prefers-reduced-motion:reduce){.sso-upload-workspace *,.sso-upload-workspace::backdrop{animation:none!important;transition:none!important}}
.sso-workspace-reading .sso-front-card{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important}.sso-workspace-reading .sso-front-card:before{display:none}.sso-workspace-reading .sso-front-card>h3{display:none}.sso-workspace-reading .sso-document-tile{padding:0;border:0;box-shadow:none;background:transparent}.sso-workspace-reading .sso-reading-card{padding:18px;background:#f8faff}.sso-workspace-reading .sso-reading-warnings{margin:10px 0 18px}.sso-workspace-reading .sso-reading-warnings details{margin:8px 0 0}.sso-workspace-reading .sso-reading-text summary{cursor:pointer;color:#336ac7;font-size:12px}.sso-workspace-reading .sso-reading-fields{padding:8px 0}.sso-workspace-reading .sso-document-tile>.sso-reading-card~div:last-child{position:sticky;bottom:-20px;background:#fff;padding:14px 0;border-top:1px solid #e4ebf5;z-index:2}
[data-sso-motion=off] .sso-upload-workspace *,[data-sso-motion=off] .sso-upload-workspace::backdrop{animation:none!important;transition:none!important}

.sso-preview-panel{transition:width .45s var(--kit-ease)}.sso-preview-panel.is-expanded{width:100vw;max-width:100vw}.sso-preview-actions{display:flex;gap:8px;flex-shrink:0}.sso-preview-panel header>div:first-child{min-width:0}@media(max-width:600px){.sso-preview-panel{width:100vw}.sso-preview-panel header{flex-wrap:wrap}.sso-preview-actions{margin-left:auto}}@media(prefers-reduced-motion:reduce){.sso-preview-panel{transition:none}}