/* SSO light workspace. Explicit light theme, independent of OS preference. */
:root[data-theme=light]{--page:#f3f6fc;--card:#fff;--card-2:#f5f8fd;--ink:#18304e;--ink-2:#526681;--ink-3:#647892;--muted:#526681;--line:#dfe7f2;--line-2:#ccd9e9;--brand:#336ac7;--brand-soft:#edf3ff;--pill:#336ac7;--pill-ink:#fff;--sso-border:#dce5f2;color-scheme:light}
html[data-theme=light] body{background:#f3f6fc;color:var(--ink);background-image:radial-gradient(ellipse at 85% 0%,#e6efff,transparent 60%)}
.sso-accountbar{background:#fff;color:#284665;min-height:58px;border-bottom:1px solid #dfe7f2!important}
.sso-accountbar details{position:relative}.sso-accountbar code{user-select:all}
.frame{height:calc(100dvh - 90px);min-height:0;margin-top:12px!important}
.frame .rail{height:100%;position:static}.frame .main{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.frame .rail{background:#fff;background-image:none;border:1px solid #dfe7f2;box-shadow:0 5px 24px #24457405}
.frame .rail .logo img{width:96px;height:40px;padding:0;border:0;border-radius:0;background:transparent;filter:none;object-fit:contain}
.rail .logo{flex-wrap:wrap;gap:8px}.rail-menu button{min-height:46px;border-radius:10px}.rail-menu button.on{background:#edf3ff;color:#285db6;box-shadow:inset 3px 0 #f8cb28}
.main{background:#f9fbff;border-color:#dfe7f2!important;box-shadow:0 5px 24px #24457404}
.sso-heading{min-height:150px;padding:26px 30px!important;background:linear-gradient(115deg,#eef4ff,#fff 76%);color:#173b73;border:1px solid #dce7fa;box-shadow:none;border-radius:18px;gap:16px}
.sso-heading .sso-eyebrow{color:#336ac7;letter-spacing:.14em}.sso-heading h1{font-size:clamp(24px,2.4vw,31px);max-width:620px}.sso-heading p{color:#526681!important;max-width:560px}.sso-heading>div{max-width:640px}
.sso-heading:before{width:210px;height:210px;right:-80px;top:-98px;border:25px solid #f8cb2840}.sso-heading:after{display:none}.sso-heading .btn-dark{box-shadow:none;background:#f8cb28!important;color:#203e6b!important}
.sso-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 24px}
.sso-quick-actions button{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;text-align:left;background:#fff;border:1px solid #dfe7f2;border-radius:15px;color:#18304e;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.sso-quick-actions button:hover{border-color:#336ac7;box-shadow:0 5px 18px #336ac712}.quick-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#edf3ff;color:#336ac7;font-weight:800;border-radius:10px}.sso-quick-actions button:nth-child(2) .quick-icon{background:#fff7d5;color:#775700}.sso-quick-actions b{font-size:13px}.sso-quick-actions small{font-size:11px;line-height:1.6;color:#526681}
.sso-demo-banner{background:#fff8dc;color:#715919;padding:8px 20px;font-size:11px;font-weight:500;border-bottom:1px solid #f1e4ab}
.sso-home .card{border:1px solid #dfe7f2;box-shadow:none;border-radius:16px}.sso-home .sso-upload{min-height:105px;padding:20px;background:#f5f9ff;border-color:#9bb9e8!important}.sso-metrics>div{background:#fff;background-image:none;box-shadow:none;border-color:#dfe7f2}.sso-metrics strong{color:#173b73}
.sso-home .f{background:#fff;color:#18304e;border-color:#ccd9e9}.sso-home .f:focus{outline:2px solid #96b8f3;outline-offset:1px}.sso-home .sso-label{background:#edf3ff;color:#285db6;padding:5px 9px;border-radius:6px;display:inline-block}.sso-notice{background:#fff8dc;color:#665019}
.sso-motion-toggle{opacity:.75;font-size:10px;padding:6px 10px;min-height:30px}.sso-home{padding-bottom:45px}.sso-home details>summary{color:#336ac7;font-weight:600}
@media(max-width:1100px){.sso-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sso-accountbar{padding:10px 14px!important;gap:9px!important;font-size:12px}.frame{height:calc(100dvh - 62px)!important;margin-top:0!important}.sso-heading{min-height:145px!important;padding:20px!important}.sso-quick-actions{gap:9px}.sso-quick-actions button{padding:13px}.sso-heading .btn-dark{white-space:normal}.sso-home{padding:16px}.sso-accountbar details{max-width:100%}}

/* Login structure and sizing follow DESIGN-KIT/components.css. */
.sso-dropzone{cursor:default}.sso-dropzone:focus,.sso-dropzone:focus-within{outline:3px solid #f8cb28;outline-offset:3px}.sso-dropzone.is-dragging{background:#e8f0ff!important;border-color:#336ac7!important;box-shadow:0 0 0 4px #336ac720}.sso-dropzone>span{font-size:12px;color:#526681}.sso-dropzone kbd{background:#fff;border:1px solid #ccd9e9;padding:2px 5px;border-radius:4px}.sso-dropzone[aria-busy=true]{opacity:.65}
.sso-login{overflow-x:clip;min-height:100dvh}.sso-login .login-story{min-width:0}.sso-login .login-card{width:calc(100% - 48px);max-width:520px;margin:24px 0}
.sso-login-brand{margin:32px 0 6px;padding:18px 24px;width:fit-content;max-width:100%;border-radius:16px;background:#fff;box-shadow:0 12px 30px #15346620}.sso-login-brand img{display:block;width:clamp(135px,15vw,215px);max-width:100%;height:auto}
.sso-login .login-story h2{letter-spacing:-.035em}.sso-login .login-fitur{letter-spacing:normal}.sso-login .login-fitur i{color:#ffe47a}
.sso-login-eyebrow{color:#336ac7;font-size:10px;font-weight:700;letter-spacing:.14em;margin-bottom:14px}
.sso-login fieldset{padding:0;border:0;margin:0;min-width:0}.sso-login-field{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin:16px 0 8px}.sso-login-field input{display:block;width:100%;padding:14px;margin-top:8px;border:1px solid var(--line);border-radius:10px;background:var(--card-2);font:inherit;font-size:14px;color:var(--ink)}
.sso-login input:focus-visible,.sso-login button:focus-visible{outline:3px solid #9cbbf0;outline-offset:2px}.sso-login .password-field:focus-within{outline:3px solid #9cbbf0;outline-offset:2px}.sso-login .password-field input:focus-visible{outline:none}
.sso-password-toggle{background:transparent;border:0;padding:0 14px;font-size:11px;font-weight:600;color:var(--brand);cursor:pointer;flex:none}
.sso-login-link{display:block;margin:0 auto;background:none;border:0;padding:9px;color:var(--brand);font-size:12px;cursor:pointer}.sso-login .login-submit{display:flex;justify-content:center;gap:12px;align-items:center}.sso-login .login-submit:hover:not(:disabled){filter:brightness(.96)}.sso-login .login-note{border-top:1px solid var(--line);padding-top:20px;line-height:1.7}.sso-login-status{height:0;overflow:hidden}
.sso-login button:disabled{cursor:wait;opacity:.65}.sso-login-workspace{min-width:0}
@media(max-width:760px){.sso-login{grid-template-columns:1fr}.sso-login .login-story{padding:26px}.sso-login .login-story>div:first-child{font-size:10px}.sso-login .sso-login-brand{margin:16px 0 0;padding:10px 14px}.sso-login .sso-login-brand img{width:105px}.sso-login .login-fitur{margin-top:20px;gap:24px}.sso-login .login-story h2{font-size:26px}.sso-login .login-card{width:calc(100% - 32px);padding:28px 22px;margin:20px 0 52px}.sso-login input{font-size:16px}}
.sso-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.frame{height:auto!important;min-height:calc(100dvh - 62px)}.frame .rail{height:auto;position:relative}.frame .main{height:auto;min-height:60dvh;overflow:visible}.frame .sso-home{height:auto;overflow:visible}.sso-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.sso-quick-actions button{padding:11px;gap:6px}.sso-quick-actions small{font-size:10px}.sso-quick-actions b{font-size:12px}}
@media(max-width:420px){.sso-quick-actions{grid-template-columns:1fr}.sso-quick-actions button{display:grid;grid-template-columns:35px 1fr;align-items:center}.sso-quick-actions .quick-icon{grid-row:span 2}}

.sso-discount{margin-top:20px;padding-top:18px;border-top:1px solid #dfe7f2}.sso-discount .sso-section-head{margin:0 0 8px}.sso-discount .sso-section-head h3{margin:0}.sso-discount-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#edf4ff;border-radius:12px;padding:16px;margin-top:16px}.sso-discount-result small,.sso-discount-result strong{display:block}.sso-discount-result strong{color:#173b73;font-size:18px;margin-top:7px}.sso-discount-result small{color:#526681;font-size:11px}@media(max-width:760px){.sso-discount-result{grid-template-columns:1fr}.sso-discount input{font-size:16px}}

.sso-paste-area{min-height:58px;width:100%;box-sizing:border-box;padding:18px;background:#fff;border:1px dashed #94b3e1;border-radius:10px;cursor:text;color:#173b73;text-align:center}.sso-paste-area:empty:before{content:attr(data-placeholder);color:#526681;pointer-events:none}.sso-paste-area:focus{outline:3px solid #f8cb28;outline-offset:2px}.sso-upload-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.sso-paste-area[aria-disabled=true]{cursor:wait}

:root{--sso-preview-width:clamp(400px,43vw,800px)}body{transition:padding-right .5s cubic-bezier(.22,1,.36,1)}body.sso-preview-open{padding-right:var(--sso-preview-width)}.sso-preview-panel{position:fixed;right:0;top:0;bottom:0;width:var(--sso-preview-width);z-index:1100;display:flex;flex-direction:column;background:#f4f7fc;box-shadow:-12px 0 45px #15315826;border-left:1px solid #d9e4f2;animation:sso-panel-in .55s cubic-bezier(.16,1.15,.3,1)}.sso-preview-panel.is-closing{animation:sso-panel-out .26s ease-in forwards}.sso-preview-panel header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px;background:#fff;border-bottom:2px solid #f8cb28}.sso-preview-panel h2{font-size:16px;margin:7px 0 0;overflow-wrap:anywhere}.sso-preview-panel small{font-size:10px;color:#336ac7;letter-spacing:.12em}.sso-preview-body{flex:1;min-height:0;overflow:auto;padding:12px}.sso-preview-body iframe{width:100%;height:100%;min-height:400px;border:0;background:white;border-radius:10px}.sso-preview-body img{display:block;max-width:100%;height:auto;margin:auto}.sso-upload-result{margin-top:16px;padding:18px;border:1px solid #9bb9e8;border-radius:14px;background:#f5f9ff;animation:sso-card-in .45s cubic-bezier(.16,1,.3,1)}.sso-upload-result>button{margin:8px}.sso-upload-result>b{display:block}@keyframes sso-panel-in{from{transform:translateX(103%);opacity:.2}to{transform:translateX(0);opacity:1}}@keyframes sso-panel-out{to{transform:translateX(103%);opacity:0}}@keyframes sso-card-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:1000px){body.sso-preview-open{padding-right:0}.sso-preview-panel{width:min(94vw,720px)}}@media(prefers-reduced-motion:reduce){body{transition:none}.sso-preview-panel,.sso-preview-panel.is-closing,.sso-upload-result{animation:none}}[data-sso-motion=off] body{transition:none}[data-sso-motion=off] .sso-preview-panel,[data-sso-motion=off] .sso-upload-result{animation:none}

/* A document lifts out of the drop zone, then settles into the working stack. */
.sso-upload-stack{position:relative;isolation:isolate;padding-bottom:28px}.sso-dropzone{position:relative;transition:background .4s,box-shadow .4s,transform .55s cubic-bezier(.22,1,.36,1)}.sso-dropzone.has-incoming{box-shadow:inset 0 0 0 1px #bfd1ef;background:#eef4ff!important}.sso-dropzone.has-incoming> :not(.sso-incoming-card){opacity:.22;transition:opacity .25s}.sso-dropzone.has-incoming .sso-incoming-card{opacity:1!important}.sso-incoming-card{position:absolute;inset:25% 16px auto;z-index:5;display:flex;align-items:center;gap:16px;padding:25px;background:#fff;border:1px solid #d8e4f5;border-radius:20px;box-shadow:0 24px 65px #254d8a24,0 5px 14px #254d8a12;animation:sso-document-arrive .65s cubic-bezier(.16,1.12,.3,1) both;overflow:hidden;pointer-events:none;text-align:left}.sso-incoming-icon{flex:none;width:52px;height:62px;border-radius:10px 20px 10px 10px;background:linear-gradient(145deg,#3979db,#2053a1);color:white;display:grid;place-items:center;font-size:28px;box-shadow:0 6px 14px #2864bb25}.sso-incoming-copy{min-width:0;display:flex;flex-direction:column;gap:7px}.sso-incoming-copy small{font-size:10px;color:#336ac7;letter-spacing:.13em}.sso-incoming-copy strong{font-size:15px;color:#18304e;overflow-wrap:anywhere}.sso-incoming-copy span{font-size:12px;color:#63748c}.sso-upload-progress{height:3px;position:absolute;bottom:0;left:0;right:0;background:#eaf0fb}.sso-upload-progress i{display:block;width:35%;height:100%;background:linear-gradient(90deg,#336ac7,#f8cb28);animation:sso-upload-sweep 1.35s ease-in-out infinite}.sso-front-card{position:relative;z-index:3;margin:-32px 10px 18px!important;background:#fff!important;border:1px solid #d9e5f4!important;border-radius:20px!important;box-shadow:0 18px 50px #214b891a,0 3px 9px #214b890a;animation:sso-document-arrive .65s cubic-bezier(.16,1.12,.3,1) both}.sso-front-card:before{content:'';position:absolute;inset:-7px 12px auto;height:15px;background:#edf3fe;border:1px solid #dbe6f5;border-radius:16px 16px 0 0;z-index:-1}.sso-front-card h3{margin:4px 0 18px}.sso-document-tile{animation:sso-document-arrive .5s cubic-bezier(.22,1,.36,1) both}.sso-document-tile:nth-child(2){animation-delay:65ms}.sso-document-tile:nth-child(3){animation-delay:130ms}.sso-front-card.is-leaving,.sso-document-tile.is-leaving{animation:sso-document-leave .22s ease-in both;pointer-events:none}@keyframes sso-document-arrive{from{opacity:0;transform:perspective(900px) translateY(28px) rotateX(-7deg) scale(.95)}to{opacity:1;transform:perspective(900px) translateY(0) rotateX(0) scale(1)}}@keyframes sso-document-leave{to{opacity:0;transform:translateY(12px) scale(.96)}}@keyframes sso-upload-sweep{from{transform:translateX(-110%)}to{transform:translateX(390%)}}@media(max-width:760px){.sso-incoming-card{padding:18px;gap:12px;inset:22% 10px auto}.sso-incoming-icon{width:38px;height:48px}.sso-front-card{margin-left:3px!important;margin-right:3px!important}}@media(prefers-reduced-motion:reduce){.sso-incoming-card,.sso-front-card,.sso-document-tile,.sso-upload-progress i{animation:none!important}.sso-dropzone{transition:none}}[data-sso-motion=off] .sso-incoming-card,[data-sso-motion=off] .sso-front-card,[data-sso-motion=off] .sso-document-tile,[data-sso-motion=off] .sso-upload-progress i{animation:none!important}

.sso-upload-stack .sso-dropzone{padding-bottom:40px}.sso-front-card{margin-top:-52px!important}
.sso-dropzone.has-incoming[aria-busy=true]{opacity:1}

.sso-reading-card{margin:16px 0;padding:16px;border-radius:14px;background:#f5f8ff;border:1px solid #e0e9f5}.sso-reading-heading{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.sso-reading-heading span{font-size:11px;color:#526681}.sso-reading-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px}.sso-reading-fields dt{font-size:11px;color:#63748c;margin-bottom:4px}.sso-reading-fields dd{margin:0;font-size:13px;font-weight:600;overflow-wrap:anywhere;white-space:pre-wrap}.sso-reading-fields .is-missing{color:#987122;font-weight:400}.sso-reading-text pre{font-family:inherit;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#fff;border-radius:8px;max-height:300px;overflow:auto}.sso-reading-warnings{background:#fff8dd;border-radius:10px;padding:12px;margin:14px 0;font-size:12px;line-height:1.6}.sso-reading-warnings ul{padding-left:18px;margin-bottom:0}.sso-reading-table{overflow:auto;margin:10px 0}.sso-reading-table table{width:100%;border-collapse:collapse;font-size:12px}.sso-reading-table th,.sso-reading-table td{padding:8px;border-bottom:1px solid #dbe5f3;text-align:left;vertical-align:top}.sso-front-card .sso-actions{grid-template-columns:1fr}@media(max-width:500px){.sso-reading-fields{grid-template-columns:1fr}}