/* Shared Global product language for the embedded and standalone workspace. */
:root{--product-line:#e7e3e9;--product-muted:#726a79;--product-brand:#80366e}
html body{background:#f6f6f8;color:#302737;font-size:14px;line-height:1.5}
html.in-command-center body{background:transparent}
html body :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid #b36b9e;outline-offset:3px}
html body .workspace{background:transparent}
html body .workspace>aside{background:#43253f;padding:16px 12px}
html body .workspace>main{padding:24px 28px 40px}
html.in-command-center body .workspace>main{padding:0 0 20px}
html body .workspace h1{font-size:28px;letter-spacing:-.8px}
html body .workspace .eyebrow{display:none}
html.in-command-center body .module-tabs{display:flex;gap:4px;padding:0 0 8px;margin-bottom:18px;background:transparent;border-radius:0;border-bottom:1px solid var(--product-line)}
html.in-command-center body .module-tabs button{padding:9px 12px;min-height:42px;background:transparent;border-radius:7px;box-shadow:none;font-size:13px}
html.in-command-center body .module-tabs button.active{background:#f5edf3;color:var(--product-brand)}
html body :is(.panel,.form-panel,.kpi,.design-panel){border:1px solid var(--product-line);border-radius:10px;background:#fff;box-shadow:none;padding:18px}
html body .kpi{min-height:110px;padding:16px 18px}
html body .kpi strong{font-size:28px;margin:8px 0;font-variant-numeric:tabular-nums}
html body .kpi small{font-size:12px;color:var(--product-muted)}
html body .kpi em{font-size:11px}
html body :is(.panel h2,.form-panel h2){font-size:17px;letter-spacing:-.3px;margin-top:0}
html body .manager-grid,html body .detail-grid{gap:16px}
html body .case-row{border-radius:0;padding:14px 0;min-height:70px;border-color:var(--product-line);box-shadow:none}
html body .case-row:hover{background:#faf7fa}
html body .case-code{font-size:12px}
html body .case-main b{font-size:14px}
html body .case-main small{font-size:12px;color:var(--product-muted)}
html body .case-row .arrow{font-size:12px}
html body .detail-head h2{font-size:24px;letter-spacing:-.6px;margin:0}
html body .detail-head p{font-size:13px}
html body .project-next{background:#f7f1f6;border:1px solid #e7d8e3;border-left:3px solid var(--product-brand);border-radius:9px;padding:16px;margin-bottom:16px}
html body .project-next h3{font-size:18px;margin:0}
html body .project-next p:not(.eyebrow){font-size:13px;margin:6px 0}
html body .project-journey{margin-bottom:18px}
html body .detail-shortcuts{gap:6px;margin-bottom:18px}
html body .detail-shortcuts button{border-radius:7px;border-color:var(--product-line);font-size:12px;padding:8px 12px}
html body .metadata dl{gap:14px}
html body .metadata dt{font-size:12px;color:var(--product-muted)}
html body .metadata dd{font-size:14px}
html body .form-grid button,html body .stage-form button,html body .note-form button{border-radius:8px;box-shadow:none;font-size:13px}
html body :is(.form-grid,.stage-form,.note-form,.upload-form) :is(input,select,textarea){border-radius:8px;border-color:var(--product-line)}
html body .design-panel{padding:18px;margin:16px 0}
html body .design-panel h3{font-size:18px;letter-spacing:-.3px;margin:0 0 16px}
html body .design-brief{border-radius:8px;padding:16px;background:#f8f6f9}
html body .design-brief small,html body .design-panel label{color:var(--product-muted)}
html body .design-review,html body .design-submit{padding:16px;border-radius:8px;background:#faf9fb;border-color:var(--product-line)}
html body .design-panel details{border-radius:8px;padding:12px;border-color:var(--product-line)}
html body .design-panel button{border-radius:8px;font-size:13px}
html body .design-versions article{padding:14px 0;border-color:var(--product-line)}
html body .design-versions small{color:var(--product-muted)}
html body #login.login{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:100dvh;padding:32px 20px;background:#f6f6f8}
html.in-command-center body #login.login{display:none}
html body .login-art{display:block;background:transparent;padding:0;min-height:0}
html body .login-art>div{display:none}
html body .login-art>img{width:140px;max-width:140px;margin:0 auto;display:block}
html body .login-card{width:100%;max-width:400px;border:1px solid var(--product-line);border-radius:12px;padding:28px;margin:0;background:#fff;box-shadow:0 8px 32px #30273706}
html body .login-card>p{display:none}
html body .login-card h2{font-size:23px;margin:0 0 24px}
@media(max-width:800px){
 html body .workspace>main{padding:20px 16px}
 html body .kpis{gap:10px}
 html body .kpi{min-height:106px;padding:14px}
 html body .kpi strong{font-size:26px}
 html body :is(.panel,.form-panel,.design-panel){padding:16px}
 html body .case-row{padding:14px 0}
 html body .project-next{padding:14px}
 html body .detail-head h2{font-size:22px}
 html.in-command-center body .module-tabs{display:flex;flex-wrap:wrap;gap:4px}
 html.in-command-center body .module-tabs button{flex:1;font-size:12px;padding:8px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){html body *,html body *::before,html body *::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}