@import url('/competency-radar.css');
@import url('/development-workspace.css');
/* Shared product foundation, loaded after existing module styles. */
:root{--product-ink:#162b39;--product-muted:#526573;--product-line:#d9e2e7;--product-canvas:#f4f7f9;--product-action:#12665c;--product-focus:#165fc0;--product-radius:12px;color-scheme:light}
html{scroll-padding-top:24px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--product-ink);background:var(--product-canvas);line-height:1.55}
*,*::before,*::after{box-sizing:border-box}h1,h2,h3{color:var(--product-ink);line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(1.75rem,3vw,2.5rem)}h2{font-size:1.2rem}p{line-height:1.6}p.sub,.small,.muted,.metric-foot,.sub,.tiny{color:var(--product-muted)}
a{color:#135e78;text-underline-offset:3px}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--product-focus)!important;outline-offset:3px!important}button,a.button,input,select{min-height:42px}button{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font:inherit;border-radius:8px;border-color:#aebfc9;max-width:100%}textarea{line-height:1.5}label{color:var(--product-ink)}
.panel,.module-card,.metric,.auth-card,.account-row{background:#fff;border:1px solid var(--product-line);border-radius:var(--product-radius);box-shadow:0 2px 8px #142d4010}.panel{padding:24px}.panel+.panel{margin-top:18px}.panel p{margin-top:8px}.button,button.soft,button.ghost{border-radius:8px;box-shadow:none}.button.primary,button.primary,.auth-card button[type=submit]{background:var(--product-action);border-color:var(--product-action);color:#fff}.button.primary:hover{background:#0b5149}.hero{background:#e9f1f3!important;border:1px solid #ccdce1;box-shadow:none;color:var(--product-ink)}.hero h1,.hero p,.hero .eyebrow{color:var(--product-ink)!important}.hero h1{font-size:clamp(1.6rem,2.8vw,2.35rem)}
.sidebar{background:#152c3a!important}.sidebar .brand-words,.sidebar .brand-words span{color:#fff}.nav-btn{min-height:46px;border-radius:8px}.nav-btn.active{background:#284c5c!important;color:#fff}.brand,.eyebrow,.section-kicker{letter-spacing:.045em}.topbar{background:#fff;border-bottom:1px solid var(--product-line);box-shadow:none}.page-heading{align-items:flex-start}.content,.shell{max-width:1500px}.content{padding:28px}.table-wrap{max-width:100%;overflow:auto}.table{font-size:.9rem}.table th{color:#304e60;background:#f1f5f7}.table td,.table th{padding:12px 14px}.table caption{text-align:left;color:var(--product-muted);padding:10px 0}.progress{background:#e2eaf0}.progress>span,.progress>div{background:var(--product-action)}
.product-next{display:flex;justify-content:space-between;align-items:center;gap:20px;border-left:4px solid var(--product-action);margin:18px 0}.product-next>div:first-child{min-width:0;flex:1}.product-next .product-next-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;flex:0 0 auto;width:250px;max-width:100%;margin:0}.product-next-actions>.button,.product-next-actions>button{display:flex;align-items:center;justify-content:center;min-height:46px;padding:11px 16px;line-height:1.4;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;border:1px solid var(--product-action);font-weight:750}.product-next-actions>.product-guide-action{background:#fff;color:var(--product-action)}.product-next-actions>.product-guide-action:hover{background:#edf6f3}.product-signals{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.product-signals span{font-size:.8rem;padding:5px 10px;background:#edf3f6;border-radius:6px;color:#314f60}.product-bars{display:grid;gap:14px;margin:20px 0}.product-bars>div{display:grid;grid-template-columns:80px minmax(80px,1fr) 110px;gap:12px;align-items:center}.product-bars meter{width:100%;height:18px;accent-color:var(--product-action)}.product-bars strong{text-align:right}.diag-dots{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.diag-dots button{min-width:36px;min-height:36px;border:1px solid #b8c9d2;background:#f6f9fa;color:var(--product-ink);border-radius:6px}.diag-dots [aria-current=step]{border:2px solid var(--product-action);background:#e1f0eb}.product-help{max-width:1000px;margin:32px auto;padding:0 20px}.product-help nav{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.product-help section{scroll-margin-top:24px}.skip-link{position:absolute;left:12px;top:-100px;background:#fff;padding:12px;z-index:9999}.skip-link:focus{top:12px}
@media(max-width:760px){.content{padding:18px 14px}.panel{padding:18px}.product-next{flex-direction:column;align-items:stretch}.product-next .actions{justify-content:flex-start;width:100%}.product-bars>div{grid-template-columns:65px minmax(50px,1fr) 95px;font-size:.85rem}.page-heading,.page-head{gap:14px}.topbar-actions{row-gap:10px}.hero{padding:22px}.product-signals span{padding:4px 7px}.table{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.product-next .actions,.skip-link{display:none}.panel{box-shadow:none}.product-bars meter{print-color-adjust:exact}}

.grid{align-items:start}.grid>.panel{margin-top:0}
#saveState{font-size:.75rem}
@media(max-width:1100px){.topbar{flex-wrap:wrap}.topbar-actions{flex-wrap:wrap;min-width:0;max-width:100%}.topbar-actions .button{white-space:normal}.page-heading{flex-wrap:wrap}.product-next{flex-direction:column;align-items:stretch}.product-next .actions{justify-content:flex-start;width:100%}}
/* Keep inherited legacy labels readable against the shared light/dark surfaces. */
.sidebar-label,.side-version,.side-version span,.side-card small{color:#c2d3dc}.nav-btn:not(.active){color:#c2d3dc}.topbar #breadcrumb,.client-pick-label,#saveState{color:#435b6a}#saveState.error{color:#9b3028}
#content p,#content .small,#content .metric-top,#content .empty,#content .tiny,.shell p,.shell .muted,.auth-card p{color:#435b6b}.notice.danger,.notice.danger p,.error{color:#902f2b}
#content .field small,.tabbar .tab:not(.active){color:#435b6b}
.shell .eyebrow,.shell label{color:#435b6b}
.shell .metric>span{color:#435b6b}

.product-role-dialog{max-width:520px;width:calc(100% - 32px);border:1px solid var(--product-line);border-radius:12px;padding:24px;color:var(--product-ink)}.product-role-dialog::backdrop{background:#142c3a88}.product-role-dialog label{display:block;margin-top:14px}.product-role-dialog select{width:100%;padding:10px}.product-role-dialog .buttons{display:flex;gap:12px;margin-top:18px}.product-role-dialog p{color:#435b6b;margin:12px 0}
/* Stable assessment chrome and a shared screen/print result summary. */
html{scrollbar-gutter:stable}
.assessment-active #feedback{position:fixed;top:auto;bottom:16px;right:16px;width:min(460px,calc(100% - 32px));z-index:50;margin:0}
.topbar{flex-wrap:wrap}.topbar-actions{flex-wrap:wrap;min-width:0;max-width:100%}
.result-details{margin:16px 0}.result-details>div{display:grid;grid-template-columns:minmax(130px,1fr) 2fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--product-line)}.result-details dt{font-weight:650}.result-details dd{margin:0;overflow-wrap:anywhere}.result-overall{padding:20px;background:#edf5f3;border-radius:10px;margin:24px 0}.result-overall>strong{display:block;font-size:2.5rem;color:var(--product-action);margin:10px 0}.result-competencies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.result-competency{border:1px solid var(--product-line);border-radius:8px;padding:16px;min-width:0;overflow-wrap:anywhere}.result-competency>div{display:flex;justify-content:space-between;gap:12px}.result-competency progress{display:block;width:100%;height:12px;accent-color:var(--product-action);margin:12px 0}.result-competency p{font-size:.8rem}.assessment-result h3{margin-top:18px}
#assessmentPrintRoot{display:none}
@media(min-width:761px){.save-status{min-width:155px}}
@media(max-width:760px){.result-competencies{grid-template-columns:1fr}.result-details>div{grid-template-columns:1fr;gap:4px}}
@media print{body.assessment-print>*{display:none!important}body.assessment-print>#assessmentPrintRoot{display:block!important}.result-actions{display:none!important}.assessment-result{break-inside:auto}.result-competency{break-inside:avoid}.result-competencies{grid-template-columns:repeat(2,minmax(0,1fr))}}
.diagnostic-save-line{min-height:108px;padding-top:12px}.assessment-active .save-line{min-height:56px}.assessment-active #app>.panel>p[role=status]{min-height:56px}
.assessment-results-open #feedback{position:static}
.result-pillars>section{margin:24px 0}.result-pillars h4{font-size:1rem;color:var(--product-ink)}.competency-guide section{margin-top:22px}.competency-guide details,.competency-learning{margin-top:10px}.priority-context{border:1px solid var(--product-line);border-radius:8px;padding:14px;margin:14px 0}.priority-context legend{font-weight:650;padding:0 6px}.priority-context label{display:block;margin-top:12px}.priority-context textarea,.priority-context select{width:100%}
.financial-red{color:#a92b36!important}.financial-green{color:#12665c!important}.financial-amber{color:#88530b!important}.financial-neutral{color:#526573!important}
/* Shared feedback keeps dark text on a light surface, including legacy errors. */
body .toast.error,body #feedback.error,body .notice.error,body .notice.danger{color:#7c211c;background:#fff0ee;border:1px solid #bc6259}
body .notice.error p,body .notice.danger p,#modalRoot .form-save-feedback.error{color:#7c211c}
.form-save-feedback{margin-top:16px}.form-save-feedback:empty{display:none}
.active-team>h2,.recent-shops>h2{margin:24px 0 12px}.active-shop-panel,.shop-directory,.recent-shops{margin-top:20px}.active-team .team-member-card{min-width:0}.team-member-card .actions{margin-top:16px}.client-card,.team-member-card{overflow-wrap:anywhere}
.shop-directory summary,.workspace-filters summary{cursor:pointer;font-weight:650;min-height:44px}.shop-directory .field{margin:16px 0}.directory-pagination{margin-top:16px}.workspace-filters .fields{padding-top:14px}
.admin-overview-metrics{margin:20px 0}.admin-metric{text-align:left;font:inherit;min-width:0;cursor:pointer}.admin-metric strong{display:block;font-size:1.9rem;color:var(--product-ink)}
.settings-detail{margin-top:18px}.settings-detail>summary{cursor:pointer;min-height:44px;font-weight:650}.settings-detail>.actions,.settings-detail>.field{margin-top:14px}
@media(max-width:760px){.active-shop-panel .panel-head{align-items:stretch;flex-direction:column}.active-shop-panel .actions{width:100%}.active-shop-panel .actions .button{flex:1}.directory-pagination .button{flex:1}.shop-directory .grid{grid-template-columns:1fr}}

/* Long scenario labels and actions must reflow inside the administrator page. */
#sampleManagement{min-width:0;max-width:100%;overflow-wrap:anywhere}
#sampleManagement :is(button,.button){max-width:100%;white-space:normal;overflow-wrap:anywhere}
#sampleManagement .fields>*{min-width:0}