/* Ordered cascade; generated by migrate_layers.py. */
@layer sc-legacy{@layer workspace-auth{body.auth-screen,body.auth-security-page{--auth-ink:#20242c;--auth-muted:#626b78;--auth-line:#dce1e7;--auth-paper:#fff;--auth-accent:#007f5b;--auth-soft:#e4f3ec;--auth-font:"Manrope",system-ui,sans-serif}}
@layer workspace-auth{body.auth-screen:not(.workspace-studio){color-scheme:light}}
@layer workspace-auth{body.auth-screen .auth-layout{width:min(100%,420px);margin:clamp(12px,5vh,48px) auto;min-width:0}}
@layer workspace-auth{body.auth-screen .main .auth-card{min-width:0;margin:0}}
@layer workspace-auth{body.auth-screen .auth-card-header{margin:0 0 16px;padding:0;display:grid;gap:5px}}
@layer workspace-auth{body.auth-screen .main .auth-eyebrow,body.auth-security-page .main .auth-eyebrow{letter-spacing:.1em;text-transform:uppercase}}
@layer workspace-auth{body.auth-screen .main #auth-heading{overflow-wrap:anywhere}}
@layer workspace-auth{body.auth-screen .auth-stack,body.auth-security-page .auth-stack{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0;margin:0}}
@layer workspace-auth{body.auth-screen .auth-field,body.auth-security-page .auth-field{display:flex;flex-direction:column;gap:5px;min-width:0}}
@layer workspace-auth{body.auth-screen .auth-card p,body.auth-security-page .security-section p{margin:0;overflow-wrap:anywhere}}
@layer workspace-auth{body.auth-screen .main .auth-description strong{font-weight:600;color:var(--auth-ink)}}
@layer workspace-auth{body.auth-screen .main .auth-hint,body.auth-security-page .main .auth-hint{margin:0}}
@layer workspace-auth{body.auth-screen .main .auth-card .auth-code{font-variant-numeric:tabular-nums;text-align:center}}
@layer workspace-auth{body.auth-screen .main .auth-card .auth-code::placeholder{color:#8e99a5;letter-spacing:.25em;font-weight:400}}
@layer workspace-auth{body.auth-screen .main .auth-card .password-field,body.auth-security-page .main .password-field{min-width:0;margin:0}}
@layer workspace-auth{body.auth-screen .main .auth-card .btn,body.auth-security-page .main .security-section .btn{text-align:center;overflow-wrap:anywhere;transition:background-color .15s,border-color .15s}}
@layer workspace-auth{body.auth-screen .main .auth-card :disabled,body.auth-security-page .main .security-section :disabled{opacity:.5;cursor:not-allowed}}
@layer workspace-auth{body.auth-screen .main .auth-card a:not(.btn),body.auth-security-page .main .security-section a:not(.btn){text-decoration:underline;text-underline-offset:3px;font-size:13px}}
@layer workspace-auth{body.auth-screen .main .auth-actions,body.auth-security-page .main .auth-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0}}
@layer workspace-auth{body.auth-screen .auth-secondary{padding-top:12px;border-top:1px solid var(--auth-line);margin:0}}
@layer workspace-auth{body.auth-screen .auth-note,body.auth-security-page .auth-note{padding:10px 12px;border:1px solid #c7e4d8;border-radius:5px;background:#eef8f2;color:#23523f;font:400 13px/1.5 var(--auth-font);overflow-wrap:anywhere}}
@layer workspace-auth{body.auth-screen .auth-note-error{color:#8f2931;background:#fff3f3;border-color:#eccbcf}}
@layer workspace-auth{body.auth-screen .main .login-remember{display:flex;align-items:center;gap:8px;min-height:28px}}
@layer workspace-auth{body.auth-screen .login-remember input{width:16px;height:16px;margin:0;accent-color:var(--auth-accent)}}
@layer workspace-auth{body.auth-screen .auth-card #passkey-status:empty,body.auth-security-page #passkey-status:empty{display:none}}
@layer workspace-auth{body.auth-screen .flash-messages{box-sizing:border-box}}
@layer workspace-auth{body.auth-screen .flash{overflow-wrap:anywhere}}
@layer workspace-auth{body.auth-security-page .security-layout{max-width:880px;margin:0 auto;display:grid;gap:12px}}
@layer workspace-auth{body.auth-security-page .main .security-header h1{letter-spacing:-.4px}}
@layer workspace-auth{body.auth-security-page .security-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}}
@layer workspace-auth{body.auth-security-page .security-section{min-width:0;padding:16px;border:1px solid var(--auth-line);border-radius:6px;background:#fff;display:grid;gap:12px}}
@layer workspace-auth{body.auth-security-page .security-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}}
@layer workspace-auth{body.auth-security-page .security-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:9px 0;margin:0;border-bottom:1px solid var(--auth-line)}}
@layer workspace-auth{body.auth-security-page .security-row:last-child{border-bottom:0;padding-bottom:0}}
@layer workspace-auth{body.auth-security-page .security-row>div{min-width:0;overflow-wrap:anywhere}}
@layer workspace-auth{body.auth-security-page .security-row .btn{flex:none}}
@layer workspace-auth{body.auth-security-page .security-meta{display:block;color:var(--auth-muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}}
@layer workspace-auth{body.auth-security-page .security-device{display:grid;gap:3px;padding:8px 0;border-bottom:1px solid var(--auth-line);overflow-wrap:anywhere;font-size:13px}}
@layer workspace-auth{body.auth-security-page .security-device:last-child{border-bottom:0}}
@layer workspace-auth{body.auth-security-page .security-current{display:inline-block;width:fit-content;background:var(--auth-soft);color:#006648;border-radius:4px;padding:2px 5px;font-size:11px;font-weight:650}}
@media(max-width:600px){@layer workspace-auth{body.auth-screen .auth-layout{margin:8px auto 16px}}
@layer workspace-auth{body.auth-security-page .security-columns{grid-template-columns:1fr}}
@layer workspace-auth{body.auth-security-page .security-section{padding:12px}}}}
@layer sc-legacy-priority{@layer workspace-auth{body.auth-screen:not(.workspace-studio){margin:0;min-height:100dvh;display:flex;flex-direction:column;background:#f3f5f7;color:var(--auth-ink);font:400 14px/1.5 var(--auth-font)}}
@layer workspace-auth{body.auth-screen:not(.workspace-studio)>.header{position:relative;inset:auto;flex:none;height:auto;min-height:56px;padding:0 24px;background:#181f28;border:0;border-bottom:1px solid #2d3540;box-shadow:none}}
@layer workspace-auth{body.auth-screen:not(.workspace-studio) .header-inner{max-width:1280px;min-height:56px;padding:0;margin:auto}}
@layer workspace-auth{body.auth-screen:not(.workspace-studio) .logo-img{width:205px;height:auto;max-width:65vw;filter:brightness(0) invert(1);opacity:1}}
@layer workspace-auth{body.auth-screen:not(.workspace-studio)>.main{flex:1;width:100%;max-width:none;margin:0;padding:32px 16px;min-height:0;box-sizing:border-box}}
@layer workspace-auth{body.auth-screen:not(.workspace-studio) .site-version{margin:0;padding:12px 16px;font:400 11px/16px var(--auth-font);background:transparent;border:0}}
@layer workspace-auth{body.auth-screen .main .auth-card{padding:24px;background:var(--auth-paper);border:1px solid var(--auth-line);border-top:3px solid var(--auth-accent);border-radius:8px;box-shadow:0 6px 22px #1826360a;color:var(--auth-ink);font:400 14px/1.5 var(--auth-font)}}
@layer workspace-auth{body.auth-screen .main .auth-eyebrow,body.auth-security-page .main .auth-eyebrow{margin:0;color:var(--auth-accent);font:700 10px/16px var(--auth-font)}}
@layer workspace-auth{body.auth-screen .main #auth-heading{margin:0;font:750 22px/1.25 var(--auth-font);letter-spacing:-.6px;color:var(--auth-ink);text-align:left}}
@layer workspace-auth{body.auth-screen .auth-field,body.auth-security-page .auth-field{margin:0}}
@layer workspace-auth{body.auth-screen .main .auth-description,body.auth-security-page .main .auth-description{color:var(--auth-muted);font:400 13px/1.6 var(--auth-font)}}
@layer workspace-auth{body.auth-screen .main .auth-hint,body.auth-security-page .main .auth-hint{font:400 12px/1.5 var(--auth-font);color:var(--auth-muted)}}
@layer workspace-auth{body.auth-screen .main .auth-card label,body.auth-security-page .main .security-section label{font:600 12px/18px var(--auth-font);color:var(--auth-ink);margin:0}}
@layer workspace-auth{body.auth-screen .main .auth-card .form-control,body.auth-security-page .main .security-section .form-control{width:100%;min-width:0;max-width:100%;height:38px;min-height:38px;box-sizing:border-box;border:1px solid #bac4cf;border-radius:5px;padding:8px 10px;background:#fff;color:var(--auth-ink);box-shadow:none;font:500 14px/20px var(--auth-font)}}
@layer workspace-auth{body.auth-screen .main .auth-card .auth-code{width:184px;max-width:100%;font:650 20px/24px var(--auth-font);height:44px;letter-spacing:.25em}}
@layer workspace-auth{body.auth-screen .main .auth-card .password-field,body.auth-security-page .main .password-field{width:100%;flex:none}}
@layer workspace-auth{body.auth-screen .main .auth-card .password-field__input,body.auth-security-page .main .password-field__input{padding-right:42px}}
@layer workspace-auth{body.auth-screen .main .auth-card .btn,body.auth-security-page .main .security-section .btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin:0;width:auto;min-width:0;max-width:100%;min-height:36px;height:auto;padding:7px 12px;border:1px solid #cbd3dc;border-radius:5px;background:#fff;color:#32404d;box-shadow:none;font:600 13px/20px var(--auth-font);white-space:normal;text-decoration:none}}
@layer workspace-auth{body.auth-screen .main .auth-card .btn-primary,body.auth-security-page .main .security-section .btn-primary{background:var(--auth-accent);border-color:var(--auth-accent);color:#fff}}
@layer workspace-auth{body.auth-screen .main .auth-card .btn:hover:not(:disabled),body.auth-security-page .main .security-section .btn:hover:not(:disabled){border-color:#7d9a8e;background:#edf5f1}}
@layer workspace-auth{body.auth-screen .main .auth-card .btn-primary:hover:not(:disabled),body.auth-security-page .main .security-section .btn-primary:hover:not(:disabled){background:#006648;border-color:#006648}}
@layer workspace-auth{body.auth-screen .main .auth-card [hidden],body.auth-security-page .main [hidden]{display:none}}
@layer workspace-auth{body.auth-screen .main .auth-card a:not(.btn),body.auth-security-page .main .security-section a:not(.btn){color:#006c4d}}
@layer workspace-auth{body.auth-screen .main .auth-card :is(input,button,a):focus-visible,body.auth-security-page .main :is(input,button,a):focus-visible{outline:2px solid #007f5b;outline-offset:3px;box-shadow:none}}
@layer workspace-auth{body.auth-screen .main .login-remember{font-weight:400}}
@layer workspace-auth{body.auth-screen .flash-messages{width:min(100%,420px);margin:0 auto 12px}}
@layer workspace-auth{body.auth-screen .flash{font:500 13px/1.5 var(--auth-font);padding:10px 12px;border-radius:5px}}
@layer workspace-auth{body.auth-security-page .main .security-header h1{font:750 20px/1.3 var(--auth-font);margin:0 0 6px}}
@layer workspace-auth{body.auth-security-page .main .security-section h2{margin:0;font:700 15px/21px var(--auth-font)}}
@media(max-width:600px){@layer workspace-auth{body.auth-screen:not(.workspace-studio)>.header{padding:0 16px;min-height:52px}}
@layer workspace-auth{body.auth-screen:not(.workspace-studio) .header-inner{min-height:52px}}
@layer workspace-auth{body.auth-screen:not(.workspace-studio)>.main{padding:20px 12px}}
@layer workspace-auth{body.auth-screen .main .auth-card{padding:18px}}
@layer workspace-auth{body.auth-screen .main #auth-heading{font-size:20px}}
@layer workspace-auth{body.auth-screen .main .auth-card .form-control,body.auth-security-page .main .security-section .form-control{font-size:16px;height:40px}}
@layer workspace-auth{body.auth-screen .main .auth-card .auth-code{font-size:20px;height:44px}}
@layer workspace-auth{body.auth-screen .main .auth-card .btn,body.auth-security-page .main .security-section .btn{min-height:40px}}}
@media(prefers-reduced-motion:reduce){@layer workspace-auth{body.auth-screen .main .auth-card *,body.auth-security-page .main .security-section *{transition:none;animation:none}}}}
