/* The workspace shares the landing page's dark, mint and violet palette. */
:root{color-scheme:dark;--ink:#e4edf5;--muted:#8197ad;--green:#80e8c7;--lime:#89efcb;--border:#263746;--bg:#0a111b;--white:#121e2b;--amber:#d7ae7c;--red:#e7a297}
body{background:radial-gradient(ellipse at 100% 0,#8061be0a,transparent 45%),#0a111b;color:#dce8f3}
#sidebar{background:linear-gradient(170deg,#13232c,#0d1824 80%);box-shadow:3px 0 30px #0002;border-right:1px solid #ffffff0a;color:#a7becb}
.brand{color:#e7f4f5}.brandmark{background:linear-gradient(135deg,#80f1ce1b,#aa94ff12);color:#8beccb;border-color:#80f1ce38;box-shadow:0 0 18px #80f1ce08}.brand small{color:#6c8c99}.workspace{border-color:#243945}.workspace small{color:#5d8291}.avatar{background:#254238;color:#a7f1d4}.nav-label{color:#5c7b8c}nav button{color:#789aaf}nav button.active{background:linear-gradient(110deg,#80f1ce13,#80f1ce06);color:#9eebd4;border:1px solid #80f1ce16}nav button:hover{background:#80f1ce0d}.nav-new{border-color:#466254;color:#a5dcbd}.sidebar-bottom{color:#668d99}.sidebar-bottom p{color:#496a7a}.sidebar-bottom button{color:#8ab8bb}.status-dot{background:#80e4bd}.back-to-site{display:block;text-decoration:none;color:#8dc8bf;font-size:14px;padding:0 0 18px;margin-bottom:15px;border-bottom:1px solid #24404a}
header{background:#0e1823c9;border-color:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}#breadcrumb{color:#728d9f}#breadcrumb span{color:#3e596c}.pill{color:#89b7ad;border-color:#33524c;background:#80f1ce06}.icon-button{color:#9acec2}.subtitle,.muted{color:#7d97ac}.eyebrow{color:#5b8c91}h1,h2,h3,h4{color:#dce9f1}
.card,.stat,.table-wrap{background:linear-gradient(130deg,#172531e8,#111e2bd9);border-color:#263746;box-shadow:0 8px 25px #00000008;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.card,.stat{transition:transform .25s,box-shadow .25s}.practice-card:hover{transform:translateY(-3px);box-shadow:0 12px 22px #0002;border-color:#80f1ce30}.stat .label{color:#7995a5}.stat strong{color:#b9eedc}.stat small{color:#557a8b}
button{color:#bad4df;background:#192d3a;border-color:#304654;transition:background .2s,box-shadow .2s,transform .2s}button:hover{background:#24404a}button.primary{color:#102b25;background:#80e8c7;border-color:#80e8c7}button.primary:hover{background:#a3f5dd}button.lime{background:#90edca;color:#163c31;border-color:#90edca}button.quiet{color:#7b9cae}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:not-allowed}button.danger{color:#dc9a94}
.hero{background:linear-gradient(130deg,#153e364d,#22244055);border-color:#305346}.hero h2{color:#d0efe1}.hero p{color:#7da699}.hero-visual{background:radial-gradient(ellipse,#80f1ce10,transparent 70%)}.orbit:before{border-color:#416550}.orbit-node{background:#1c3a356e;color:#9fd5c2;border:1px solid #629f7c2b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 20px #0002;animation:workbench-float 6s ease-in-out infinite}.orbit-node span{color:#8acaa8}.orbit-node:nth-child(2){animation-delay:-2s}.orbit-node:nth-child(3){animation-delay:-4s}
.focus{background:linear-gradient(135deg,#223b39,#1d2539);border-color:#426154;box-shadow:inset 0 1px #ffffff08,0 14px 30px #0001}.focus h2{color:#c8e6d9}.focus .eyebrow{color:#81b699}.focus p{color:#86a39a}.focus .badge{background:#355345;color:#b4dcbb;border-color:#4d715b}.mini-bars span{background:#34534e}.mini-bars span:nth-last-child(-n+2){background:#90d7a9}
.badge{color:#9de1c6;background:#80f1ce09;border:1px solid #80f1ce20}.badge.amber{color:#d6b78a;background:#bfa2770b;border-color:#bfa27722}.badge.red{color:#d6a198;background:#d6978b09;border-color:#d6978b20}.badge.blue{color:#9ca8db;background:#9d9de70b;border-color:#9d9de722}.note{background:#80f1ce08;border-left-color:#4d9a80;color:#82aca2}.card-icon{background:#80f1ce0b;color:#8ec7ae;border:1px solid #80f1ce15}.practice-card .category{color:#628e8e}.practice-card p{color:#7595a5}.practice-card .card-bottom{border-color:#2b3d49}.library-callout{background:linear-gradient(120deg,#19373177,#29273a55);border:1px solid #80f1ce12}.library-callout p{color:#719b96}
input,select,textarea,.input{background:#0e1e2a;border-color:#2c4554;color:#b4d1db}label{color:#7194a6}input:focus,select:focus,textarea:focus{outline:2px solid #80f1ce66;outline-offset:2px}.tabs{border-color:#263b49}.tabs button{color:#567c91;background:none}.tabs button.selected{color:#94e0c5;border-bottom-color:#80e8c7}.tabs button:hover{color:#afcfd3}.canvas{background-color:#0d1b27;background-image:radial-gradient(#264351 .8px,transparent .8px);border-color:#293f4b}.flow-node{background:linear-gradient(135deg,#1b3440ef,#192b37dd);border-color:#345349;border-left-color:#5ea48d;backdrop-filter:blur(12px);box-shadow:0 3px 7px #0001}.flow-node:hover{box-shadow:0 5px 12px #0003}.flow-node.selected{border-color:#78c6ad;box-shadow:0 0 0 3px #80f1ce0b}.flow-node .node-type{color:#57998b}.flow-node small{color:#719ba6}.connector{color:#497a70}.end-node{background:#16362f;border-color:#3b6050;color:#8ab9a1}
.table-wrap{background:#101f2c}th{background:#1a2d3a;color:#7499aa}td{border-color:#233e4a;color:#9fbac9}td.raci{color:#9bd9be}.journey{border-color:#263b45}.journey h3{color:#b5d1d5}.journey p{color:#638696}.step-num{background:#183a344f;color:#8dbfa9;border:1px solid #42645144}.result{background:#152633;border-color:#2d414d}.result h3{color:#bdd2dc}.result p{color:#7999a8}.result.pass{border-left-color:#71b394}.result.fail{border-left-color:#c18d76}.result.unknown{border-left-color:#a6a17a}.big-result{background:#19382e66;border:1px solid #42664f44}.big-result strong{color:#b2d7af}.kanban-col{background:#101f2d;border:1px solid #263b49}.kanban-col>h3{color:#6d90a0}.task{background:#192e3a;border-color:#2b4753}.task p{color:#7697a7}.task select{background:#152632}.assessment-item{border-color:#253d49}.assessment-item p{color:#7899a9}.progress{background:#233d41}.progress i{background:#71bda3}
dialog{background:#142431;border-color:#345345;color:#d0e1e9;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#020712a8;backdrop-filter:blur(6px)}.doc{color:#9db9c6}.doc li,.doc p{color:#91afbf}.empty{color:#547a91}.guide-response{color:#a5c8cd}footer{border-color:#203745;color:#4f778c}#toast{background:#244c3f;color:#b6f4db;border:1px solid #44735a}
@keyframes workbench-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{:root{color-scheme:light;--ink:#183431;--muted:#74817d;--border:#e2e7df}body{background:#fff;color:#183431}.card,.stat,.table-wrap,.doc{background:white;backdrop-filter:none;box-shadow:none;color:#183431}.doc p,.doc li,td{color:#344b42}h1,h2,h3,h4{color:#183431}th{background:#eef3e9;color:#526953}td{border-color:#dce5d6}.note{color:#47654f;background:#eef3e9}.back-to-site{display:none}}
.stat[style*="background:"]{background:#1c352f!important}
@media print{.stat[style*="background:"]{background:#f3f6ef!important}}

/* ---- phone layout ---- */
@media(max-width:850px){
 #breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;font-size:15px}
 header{gap:10px}.header-right{flex-shrink:0}
 #main h1,#main h2,#main h3{line-height:1.2}#main h1{font-size:clamp(28px,7.4vw,36px)}
 #main .actions,#main .btn-row{flex-wrap:wrap}
 .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
 dialog{max-width:calc(100vw - 24px);width:calc(100vw - 24px)}
 footer{flex-wrap:wrap;gap:6px;padding-inline:max(16px,env(safe-area-inset-left))}
 select,input,textarea{font-size:16px}
}
img.brandmark{width:40px;height:40px;border:0;padding:0;background:none;box-shadow:none;border-radius:10px;display:block;object-fit:cover}