:root{--action:#006B73;--hover:#00565D;--canvas:#F6F9F9;--surface:#fff;--tint:#EAF8F6;--ink:#183337;--muted:#50696C;--line:#DCE9E8;--warning:#79520B;--danger:#A33434;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:var(--canvas)}button,input,textarea,select{font:inherit}button,select{min-height:44px}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;padding:10px 18px;font-weight:600}button:hover{background:var(--tint)}button.primary{background:var(--action);color:#fff;border-color:var(--action)}button.primary:hover{background:var(--hover)}button:disabled{opacity:.5;cursor:wait}a{color:var(--action)}:focus-visible{outline:3px solid var(--action);outline-offset:3px}h1,h2,h3,p{margin:0 0 12px}h1{font-size:30px;letter-spacing:-.6px;line-height:1.2}h2{font-size:20px;line-height:1.3}h3{font-size:16px}p.muted,.muted{color:var(--muted)}.layout{display:grid;grid-template-columns:216px 1fr;min-height:100vh}.sidebar{background:white;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:26px;font-weight:650;line-height:1.1}.mark{display:grid;place-items:center;background:var(--action);color:white;border-radius:12px;width:44px;height:44px;font-size:32px}.brand-sub{display:block;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:1.5px;margin-top:4px}.sidebar nav{display:grid;gap:8px;margin-top:44px}.nav{text-align:left;border:0;background:transparent}.nav.active{background:var(--tint);color:var(--action)}.sidebar-foot{margin-top:auto;padding-top:60px;font-size:13px}.sidebar-foot span{color:var(--muted)}.workspace{min-width:0}header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;padding:22px 40px;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--muted)}.workspace-name{font-size:16px;font-weight:600;margin-top:4px}.identity{display:flex;align-items:center;gap:10px;font-size:12px}.identity select{border:1px solid #718789;border-radius:8px;background:white;padding:7px;color:var(--ink)}.mode,.badge{display:inline-block;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--tint);color:var(--action)}.mode{white-space:nowrap}.notice{font-size:12px;color:var(--muted);padding:10px 40px;border-bottom:1px solid var(--line)}main{padding:36px 40px;max-width:1300px;margin:auto;min-height:65vh}footer{padding:20px 40px;color:var(--muted);font-size:12px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:1.3px;color:var(--action);font-weight:700;margin-bottom:10px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.card .badge{margin-bottom:16px}.card-actions{margin-top:24px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.empty{padding:48px 24px;text-align:center;border:1px dashed #9CB2B1;border-radius:12px;background:white}.journey{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);padding:20px 24px}.panel-body{padding:24px}.steps{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0 24px;font-size:12px;color:var(--muted)}.steps .current{color:var(--action);font-weight:700}.messages{padding:24px;min-height:260px;max-height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.message{max-width:88%;align-self:flex-start}.message.learner{align-self:flex-end}.message-label{font-size:11px;color:var(--muted);margin-bottom:5px}.bubble{padding:14px 16px;background:var(--canvas);border:1px solid var(--line);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.learner .bubble{background:var(--tint);border-color:#C9E4E1}.composer{border-top:1px solid var(--line);padding:20px 24px}.field{display:block;font-size:13px;font-weight:600;margin-bottom:8px}textarea{display:block;width:100%;border:1px solid #718789;border-radius:8px;padding:12px;resize:vertical;min-height:100px;background:white;color:var(--ink)}textarea:disabled{background:var(--canvas);color:var(--muted)}.compose-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.hint{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.stack{display:grid;gap:20px;align-content:start}.assessment{background:#FFFBF1;border-color:#E8DAB4}.assessment .badge{color:var(--warning);background:#FFF1CF}.attempt-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.attempt-row:last-child{border:0}.attempt-title{font-weight:600}.review{padding:16px 0;border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.review:last-child{border:0}.alert{margin:20px 40px 0;padding:14px 18px;border:1px solid var(--danger);border-radius:8px;color:var(--danger);background:#FFF5F4}.back{font-weight:500;padding:6px 0;background:none;border:0;margin-bottom:16px;min-height:36px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-100px;left:16px;background:white;padding:12px;z-index:2}.skip:focus{top:8px}[hidden]{display:none!important}.busy button,.busy select{pointer-events:none}.busy button[data-voice="end"]{pointer-events:auto;opacity:1;cursor:pointer}.busy{cursor:progress}.saved{color:var(--action);font-size:12px}@media(max-width:1000px){.journey{grid-template-columns:1fr}.stack{grid-template-columns:1fr 1fr}.layout{grid-template-columns:180px 1fr}header,main{padding:24px}.notice,footer{padding-left:24px;padding-right:24px}.identity label,.mode{display:none}}@media(max-width:650px){.layout{display:block}.sidebar{padding:16px 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:22px}.mark{width:36px;height:36px;font-size:26px}.sidebar nav{display:flex;gap:8px;margin-top:16px;overflow-x:auto}.nav{white-space:nowrap}.sidebar-foot{display:none}header{padding:16px 20px;gap:8px}.workspace-name{font-size:14px}.identity label{display:none}.notice{padding:10px 20px}main{padding:24px 20px}.stack{grid-template-columns:1fr}h1{font-size:26px}.page-head{display:block}.panel-head,.panel-body,.composer,.messages{padding:20px}.card{padding:20px}.alert{margin:16px 20px 0}.message{max-width:94%}.compose-actions{flex-wrap:wrap}.identity select{max-width:120px}.attempt-row{align-items:flex-start}.steps{gap:10px}}

.review-panel{margin-top:24px}
.knowledge-create{margin-bottom:28px}.knowledge-fields{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:20px}.knowledge-fields input{display:block;width:100%;min-height:44px;border:1px solid #718789;border-radius:8px;padding:10px;margin-top:4px;color:var(--ink)}.knowledge-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:24px}.knowledge-version{padding:18px 0;border-bottom:1px solid var(--line)}.knowledge-version:last-child{border:0}.knowledge-version pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:var(--canvas);border:1px solid var(--line);border-radius:8px;padding:14px;margin:12px 0 0}.publish-card{background:var(--tint);border-color:#B8DCD8}
.rubric-evaluation{margin-top:24px}.rubric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.rubric-row{min-width:0;margin:0;border:1px solid var(--line);border-radius:10px;padding:18px;background:var(--canvas)}.rubric-row legend{padding:0 6px;font-weight:650}.rubric-row select{width:100%;border:1px solid #718789;border-radius:8px;background:white;color:var(--ink);padding:9px;margin-top:4px}.rubric-row textarea{min-height:88px}.rubric-row .field{margin-top:14px}
.rubric-score{font-size:13px;color:var(--warning)}.rubric-score strong{font-size:22px}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:32px}.metric{display:flex;flex-direction:column;gap:2px;background:var(--ink);color:white;border-radius:12px;padding:20px}.metric strong{font-size:28px;line-height:1}.metric span{font-size:12px;color:#CFE1DF}.programs{margin-bottom:32px}.program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.program{background:var(--tint);border:1px solid #C9E4E1;border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.program h3{font-size:18px}.program-progress{font-size:12px;color:var(--action)}.program-progress strong{font-size:18px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:8px 0 16px}.section-heading .section-label{margin-bottom:4px}.scenario-card{display:flex;flex-direction:column}.scenario-card .card-actions{margin-top:auto;padding-top:20px}.scenario-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.scenario-meta .badge{margin:0}.skill-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.skill-row span{font-size:11px;text-transform:capitalize;padding:4px 8px;border-radius:999px;background:var(--canvas);border:1px solid var(--line);color:var(--muted)}.competency-card{margin-bottom:24px}.competency-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.competency{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.status{font-size:11px;font-weight:600;padding:4px 8px;border-radius:999px;white-space:nowrap;background:var(--canvas);color:var(--muted)}.status.evaluation_pending{background:#FFF1CF;color:var(--warning)}.status.in_progress{background:var(--tint);color:var(--action)}
@media(max-width:650px){.metric-grid{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:1/-1}.program-grid,.competency-list{grid-template-columns:1fr}.scenario-meta{align-items:flex-start}.section-heading{align-items:flex-start}}
@media(max-width:760px){.rubric-grid{grid-template-columns:1fr}}
@media(max-width:760px){.knowledge-fields,.knowledge-layout{grid-template-columns:1fr}}
.criterion{padding:12px 0;border-top:1px solid #E8DAB4;display:flex;justify-content:space-between;gap:12px}.criterion p{font-size:12px;margin:4px 0;color:var(--muted)}
.status.proficient{background:#E6F6E9;color:#276738}.status.needs_practice{background:#FFF1CF;color:var(--warning)}
.voice-card{border-color:#B8DCD8;background:linear-gradient(150deg,#fff 35%,var(--tint))}.voice-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.voice-heading .section-label{margin-bottom:5px}.voice-indicator{width:14px;height:14px;border-radius:50%;background:#91A3A4;box-shadow:0 0 0 5px #E8EEEE;margin-top:7px;flex:0 0 auto}.voice-indicator.connecting,.voice-indicator.thinking{background:#D49A27;box-shadow:0 0 0 5px #FFF1CF;animation:pulse 1.4s infinite}.voice-indicator.listening{background:var(--action);box-shadow:0 0 0 5px #CFE9E6;animation:pulse 1.4s infinite}.voice-indicator.speaking{background:#5C55A5;box-shadow:0 0 0 5px #E8E6FA;animation:pulse .8s infinite}.voice-indicator.interrupted{background:#D97732;box-shadow:0 0 0 5px #FBE8DA}.voice-indicator.failed{background:var(--danger);box-shadow:0 0 0 5px #F9DDDD}.voice-card button{width:100%;margin:8px 0 12px}@keyframes pulse{50%{transform:scale(.82);opacity:.75}}@media(prefers-reduced-motion:reduce){.voice-indicator{animation:none!important}}

.authoring-note{padding:12px 14px;border:1px solid #C9E4E1;border-radius:8px;background:var(--tint);color:var(--muted);font-size:13px;margin:0 0 20px;overflow-wrap:anywhere}.authoring-form{display:grid;gap:26px;min-width:0}.authoring-section{min-width:0;border-bottom:1px solid var(--line);padding-bottom:22px}.authoring-section:last-of-type{border:0;padding-bottom:0}.authoring-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;min-width:0}.authoring-grid>*{min-width:0}.authoring-wide{grid-column:1/-1}.authoring-form input:not([type=checkbox]),.authoring-form select{display:block;width:100%;min-width:0;min-height:44px;border:1px solid #718789;border-radius:8px;padding:9px 11px;margin-top:5px;background:white;color:var(--ink)}.authoring-form textarea{margin-top:5px}.authoring-form .hint{display:block;margin-top:6px}.authoring-rubric,.authoring-options{display:grid;gap:10px;min-width:0}.authoring-rubric-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:16px;padding:14px;border:1px solid var(--line);border-radius:9px;min-width:0}.authoring-check,.authoring-option{display:flex;align-items:flex-start;gap:10px;min-width:0}.authoring-check input,.authoring-option input{flex:0 0 auto;margin-top:4px;accent-color:var(--action)}.authoring-check span,.authoring-option span{min-width:0;overflow-wrap:anywhere}.authoring-check small,.authoring-option small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.weight-field{font-size:12px;color:var(--muted)}.weight-field input{width:100%;min-width:0}.authoring-learners{min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:9px}.authoring-learners legend{padding:0 5px;font-size:13px;font-weight:600}.authoring-learners .authoring-option{padding:5px 0}.valid-total{color:var(--action);font-weight:700}.scenario-review{min-width:0;overflow-wrap:anywhere}.scenario-review h2{margin-top:22px}.scenario-review ul{padding-left:20px}.review-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.review-columns>*{min-width:0}
@media(max-width:760px){.authoring-grid,.review-columns{grid-template-columns:1fr}.authoring-wide{grid-column:auto}.authoring-rubric-row{grid-template-columns:minmax(0,1fr) 82px;gap:8px}.weight-field{font-size:11px}.authoring-form,.scenario-review{padding:16px}}

/* Kushalya production presentation layer. */
:root{
  --action:#08766f;--hover:#065f5a;--canvas:#f3f6f7;--surface:#fff;--tint:#e8f5f2;
  --ink:#14282d;--muted:#607378;--line:#d9e3e5;--warning:#8a5a0a;--danger:#b13f3f;
  --navy:#102f39;--teal:#16a394;--shadow:0 16px 46px rgba(16,47,57,.09);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
body{background:linear-gradient(145deg,#f7f9fa 0%,#eef4f4 100%);color:var(--ink)}
button,input,select,textarea{font:inherit}
input,select,textarea{width:100%;min-height:46px;border:1px solid #cbd8da;border-radius:10px;background:#fff;color:var(--ink);padding:11px 13px;transition:border-color .16s,box-shadow .16s,background .16s}
input::placeholder,textarea::placeholder{color:#8a9a9e}
input:hover,select:hover,textarea:hover{border-color:#9eb5b8}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 4px rgba(22,163,148,.13)}
button{border-radius:10px;transition:transform .15s,box-shadow .15s,background .15s}
button.primary{background:linear-gradient(135deg,var(--action),#0a8d83);box-shadow:0 8px 20px rgba(8,118,111,.18)}
button.primary:hover{background:linear-gradient(135deg,var(--hover),var(--action));transform:translateY(-1px);box-shadow:0 10px 24px rgba(8,118,111,.24)}
.brand{gap:11px;font-size:23px;letter-spacing:-.4px}.brand strong{display:block;font-size:21px}.brand small{display:block;margin-top:2px;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);font-weight:700}
.mark,.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--navy),var(--action));color:#fff;box-shadow:0 8px 22px rgba(16,47,57,.2);flex:0 0 auto}
.brand-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sidebar{background:rgba(255,255,255,.94);box-shadow:8px 0 32px rgba(16,47,57,.03);padding:28px 18px}
.sidebar nav{gap:6px;margin-top:38px}.nav{border-radius:10px;padding:11px 13px;color:#52696e;font-size:14px}.nav:hover{background:#f0f6f5;color:var(--action)}.nav.active{background:var(--tint);box-shadow:inset 3px 0 var(--teal)}
.nav{display:flex;align-items:center;gap:10px}.nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.sidebar .brand-sub{display:none}
header{background:rgba(255,255,255,.9);backdrop-filter:blur(14px);padding:18px 34px}.notice{background:#fbfdfd;padding:9px 34px}
.card,.panel{border-color:#dfe7e8;box-shadow:0 8px 28px rgba(16,47,57,.05);border-radius:15px}.card{padding:26px}
.field{font-size:12px;letter-spacing:.15px;color:#344d52;margin-bottom:7px}.hint{line-height:1.55}
.auth-page{min-height:100vh;background:#edf3f3}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr);padding:0;max-width:none;margin:0}
.auth-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:46px 58px;background:linear-gradient(145deg,#0d3540 0%,#0c4f54 58%,#0a6f67 100%);color:#fff}
.auth-story:before,.auth-story:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.auth-story:before{width:520px;height:520px;right:-280px;top:-170px}.auth-story:after{width:330px;height:330px;right:-130px;top:-55px}
.auth-story .brand{position:relative;z-index:1;color:#fff}.auth-story .brand small{color:#b9d8d4}.auth-story .brand-icon{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);box-shadow:none}
.auth-copy{position:relative;z-index:1;max-width:570px;margin:72px 0}.auth-kicker{display:inline-flex;align-items:center;gap:8px;color:#aee1da;text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:750}.auth-kicker:before{content:"";width:24px;height:1px;background:#64cfc2}
.auth-copy h1{font-size:clamp(38px,4.1vw,58px);line-height:1.06;letter-spacing:-2.2px;margin:20px 0}.auth-copy>p{font-size:17px;line-height:1.7;color:#cbe0de;max-width:520px}
.auth-benefits{display:grid;gap:13px;margin-top:36px}.auth-benefit{display:flex;gap:13px;align-items:center;color:#e7f3f2;font-size:14px}.auth-benefit-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.1);color:#8de0d6}.auth-benefit-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.auth-foot{position:relative;z-index:1;color:#a9c8c6;font-size:12px}.auth-form-panel{display:grid;place-items:center;padding:48px;background:radial-gradient(circle at 80% 5%,#fff 0,#f6f9f9 42%,#eef4f4 100%)}
.auth-card{width:min(100%,480px);background:#fff;border:1px solid #dfe7e8;border-radius:20px;padding:42px;box-shadow:var(--shadow)}.auth-card h2{font-size:30px;letter-spacing:-.9px;margin:8px 0 10px}.auth-card>.muted{font-size:14px;line-height:1.65;margin-bottom:28px}
.auth-form{display:grid;gap:18px}.auth-form label>span{display:block;font-size:12px;font-weight:700;color:#385157;margin-bottom:7px}.input-wrap{position:relative}.input-wrap svg{position:absolute;left:13px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:#789095;stroke-width:1.8;pointer-events:none}.input-wrap input{padding-left:42px}
.auth-submit{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px}.auth-submit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.auth-card .hint{text-align:center;margin:22px 0 0}.auth-error{padding:11px 13px;border-radius:9px;background:#fff1f0;color:var(--danger);font-size:13px;border:1px solid #f0cecb;margin:0}
.admin-page{min-height:100vh}.admin-layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;padding:28px 22px;background:var(--navy);color:#fff;display:flex;flex-direction:column}
.admin-sidebar .brand{color:#fff}.admin-sidebar .brand small{color:#93b7b6}.admin-sidebar .brand-icon{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);box-shadow:none}.admin-nav{display:grid;gap:7px;margin-top:50px}
.admin-nav-item{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;color:#bcd0d1;font-size:13px;font-weight:650}.admin-nav-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.admin-nav-item.active{color:#fff;background:rgba(255,255,255,.1)}
.admin-sidebar-foot{margin-top:auto;padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:12px;color:#a9c4c4;font-size:12px;line-height:1.6}.admin-main{min-width:0}.admin-topbar{padding:16px 34px;display:flex;align-items:center;justify-content:space-between}.admin-topbar-right{display:flex;align-items:center;gap:12px}
.preview-control{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750;color:var(--muted);white-space:nowrap}.preview-control[hidden]{display:none}.preview-control select{width:auto;min-width:112px;padding:7px 28px 7px 10px;border-radius:9px;background-color:#fff;font-size:12px;font-weight:750;color:var(--ink)}.identity .preview-control{margin-left:4px}
.admin-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--tint);color:var(--action);font-size:12px;font-weight:800}.admin-content{padding:34px;max-width:1420px;margin:auto}.admin-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.admin-hero h1{font-size:32px;margin:4px 0 8px}.admin-hero p{color:var(--muted);max-width:680px}
.admin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.admin-metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 7px 24px rgba(16,47,57,.04)}.admin-metric-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--tint);color:var(--action)}.admin-metric-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.admin-metric strong{display:block;font-size:22px;line-height:1.1}.admin-metric span{font-size:11px;color:var(--muted)}
.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:0 8px 28px rgba(16,47,57,.045)}.admin-card-wide{grid-column:1/-1}.admin-card-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:21px}.admin-card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eff6f5;color:var(--action);flex:0 0 auto}.admin-card-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.admin-card h2{font-size:17px;margin:0 0 3px}.admin-card-head p{font-size:12px;color:var(--muted);margin:0}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.admin-form .span-2{grid-column:1/-1}.admin-form .field{margin:0}.admin-form .field span{display:block;margin-bottom:6px}.admin-form button{align-self:end}.admin-notice:not(:empty){margin-bottom:20px;padding:12px 15px;border:1px solid #bfe0db;background:#eef9f7;color:#176a63;border-radius:10px;font-size:13px}
.team-list{margin-top:22px;border-top:1px solid var(--line)}.team-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 2px;border-bottom:1px solid #edf1f2}.team-person{display:flex;align-items:center;gap:11px;min-width:0}.team-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf5f4;color:var(--action);font-size:11px;font-weight:800;text-transform:uppercase}.team-email{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis}.role-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eff4f5;color:#52686d;text-transform:capitalize;font-size:10px;font-weight:750;letter-spacing:.3px}.team-empty{padding:22px 4px;color:var(--muted);font-size:13px}
/* KUSH2-ADMIN-CATALOGUE: lists under Learning programme, Competency and Supervisor assignment */
.catalogue-list{margin-top:16px}.catalogue-body{display:flex;flex-direction:column;gap:3px;min-width:0}.catalogue-sub{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.catalogue-count{text-transform:none}.catalogue-new{background:#f3faf8}.catalogue-warn{background:#fff4e5;color:#8a5300}.catalogue-notice:not(:empty){margin:16px 0 0}.admin-notice.catalogue-problem:not(:empty){border-color:#f0d3a6;background:#fff8ec;color:#8a5300}@media(max-width:620px){.catalogue-row{grid-template-columns:1fr}.catalogue-row .role-badge{justify-self:start}}
.admin-actions{display:flex;justify-content:flex-end}.admin-actions button{min-width:145px}.admin-page #logout{min-height:38px;padding:7px 12px;font-size:12px}.admin-page #identity{font-size:12px;color:var(--muted)}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:390px;padding:32px}.auth-copy{margin:48px 0 22px}.auth-copy h1{font-size:40px}.auth-foot{display:none}.auth-form-panel{padding:30px 20px}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto;padding:18px 22px}.admin-nav,.admin-sidebar-foot{display:none}.admin-grid{grid-template-columns:1fr}.admin-card-wide{grid-column:auto}}
@media(max-width:620px){.auth-story{min-height:330px;padding:24px}.auth-copy{margin:40px 0 10px}.auth-copy h1{font-size:34px;letter-spacing:-1.3px}.auth-benefits{display:none}.auth-form-panel{padding:18px 14px}.auth-card{padding:28px 22px;border-radius:16px}.admin-content{padding:24px 18px}.admin-topbar{padding:14px 18px}.admin-hero{display:block}.admin-metrics{grid-template-columns:1fr}.admin-form{grid-template-columns:1fr}.admin-form .span-2{grid-column:auto}.admin-card{padding:20px}.team-row{grid-template-columns:minmax(0,1fr) auto}}

/* KUSH2-FLOW-FIXES (audit P2 #15): real sidebar links; the logo fits the sidebar; no horizontal scroll on a phone. */
.admin-sidebar .brand-studio{display:none}.admin-nav-item{text-decoration:none}.admin-nav-item:hover{color:#fff;background:rgba(255,255,255,.06)}.admin-content [tabindex="-1"]:focus{outline:none}
@media(max-width:620px){.admin-topbar{flex-wrap:wrap;gap:10px}.admin-topbar-right{flex-wrap:wrap;gap:8px;width:100%}.admin-topbar-right #identity{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-layout,.admin-main,.admin-content,.admin-card{min-width:0;max-width:100vw}.team-email{overflow-wrap:anywhere;min-width:0}}
@media(max-width:820px){.admin-sidebar .brand-wordmark{height:161px}.admin-sidebar{padding:14px 18px}}

/* KUSH2-DEADEND-FIXES (audit #9, #10): account-menu Help (report a problem, My requests). */
.help-menu{display:flex;flex-direction:column;gap:.35rem;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--line,#e5e7eb)}
.help-menu-btn{text-align:left}
.help-dialog{max-width:34rem;width:calc(100% - 32px);border:0;padding:1.25rem 1.25rem 1rem;position:relative}
.help-dialog::backdrop{background:rgba(15,23,42,.45)}
.help-dialog-close{position:absolute;top:.5rem;right:.5rem;border:0;background:none;font-size:1.4rem;line-height:1;cursor:pointer}
.help-requests{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.6rem}
.help-requests li{border:1px solid var(--line,#e5e7eb);border-radius:10px;padding:.6rem .75rem;display:grid;grid-template-columns:1fr auto;gap:.2rem .5rem}
.help-requests li .hint,.help-requests li .help-note{grid-column:1/-1;margin:0}
.help-requests li.is-new{outline:2px solid var(--accent,#2563eb)}
.not-admin{max-width:36rem;margin:4rem auto;padding:0 16px}
/* KUSH2-BUGS-TRAINER-ADMIN (#8): on a narrow screen the administration nav is a scrollable row under the logo
   (it was hidden, so Requests and Help could not be reached on a phone). */
@media(max-width:900px){.admin-layout{grid-template-columns:minmax(0,1fr)}.admin-sidebar{min-width:0;max-width:100vw;overflow-x:hidden}.admin-nav{display:flex;gap:6px;margin-top:12px;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.admin-nav-item{flex:0 0 auto;white-space:nowrap;padding:9px 12px}}
/* KUSH2-WAVE2 (items 9, 13): the console uses the same top header and tabs as the other roles (no dark sidebar). */
.admin-tabs-page .admin-header{position:sticky;top:0;z-index:5}.admin-tabs .admin-tab{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}.admin-tabs{display:flex;flex-wrap:wrap;min-width:0}
.admin-header .viewas{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:600;color:var(--muted)}.admin-header .viewas select{min-height:34px;width:auto;padding:4px 8px;font-size:13px}
.admin-tabs-page .admin-content{max-width:1180px}.admin-view .lede{margin:0 0 18px}.admin-view>h1{margin-bottom:6px}.admin-view>.admin-card{margin-bottom:18px}
.admin-form-4{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.admin-form-4 .admin-actions,.admin-form .gate-line{grid-column:1/-1}.admin-form .field>span:first-child{display:block;margin-bottom:4px}.admin-form .req{color:var(--danger)}
.admin-form input,.admin-form select{display:block;width:100%;min-height:42px;border:1px solid var(--border-strong,var(--line));border-radius:8px;padding:8px 10px}
.people-head{display:grid;grid-template-columns:minmax(0,2fr) minmax(110px,1fr) 110px minmax(150px,auto);gap:14px;padding:0 2px 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.people-list{margin-top:0}.people-row{grid-template-columns:minmax(0,2fr) minmax(110px,1fr) 110px minmax(150px,auto)}.team-who{display:flex;flex-direction:column;min-width:0}.team-name{font-size:14px}.team-who .team-email{font-size:12px;color:var(--muted)}
.team-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.team-actions button,.deact-confirm button{min-height:36px;padding:6px 12px;font-size:13px}
.people-row.is-off{background:var(--cream-warm,#f6f1e8)}.people-row.is-off .team-person,.people-row.is-off>.role-badge,.people-row.is-off>.team-email{opacity:.55}.status-off{background:#ececea;color:#5a5a55}.status-active{background:var(--sage-wash,var(--tint));color:var(--sage,var(--action))}
.deact-confirm{margin:6px 0 12px;padding:14px 16px;border:1px solid #E8DAB4;border-radius:10px;background:#FFFBF1}.deact-confirm .row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.deact-confirm select{display:block;margin-top:6px;max-width:320px;min-height:38px}.deact-move p{margin:8px 0 0}
button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.danger:hover{background:#8a2b2b}
.mapping-summary{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.mapping-summary .admin-notice{flex-basis:100%;margin:6px 0 0}.mapping-select{min-height:38px;max-width:240px;width:100%}.mapping-sub{margin:22px 0 4px;font-size:14px}
.admin-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.people-row>.role-badge{justify-self:start;width:auto}.people-row .ak-pw{grid-column:1/-1}.admin-form .field .req{display:inline;margin-left:2px}
@media(max-width:900px){.admin-form-4{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-header{flex-wrap:wrap;height:auto}.admin-tabs{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap}}
@media(max-width:620px){.admin-form-4,.admin-grid-2{grid-template-columns:1fr}.people-head{display:none}.people-row{grid-template-columns:minmax(0,1fr) auto}.people-row .team-actions{grid-column:1/-1;justify-content:flex-start}.mapping-select{max-width:none;grid-column:1/-1}.admin-header .viewas select{max-width:130px}}
/* KUSH2-UI-SWEEP (founder, 16 Oct): "Preview as" is one compact control with a one-line hint (it was "View as" and a
   bare select); the previewed workspace shows one bar: Previewing as … · Switch to … · Back to admin. */
.admin-header .viewas{display:grid;gap:2px;justify-items:end;align-content:center;padding:0;border:0;background:none;white-space:normal}.admin-header .viewas[hidden]{display:none}
.admin-header .viewas-row{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink)}.admin-header .viewas .viewas-row label{display:inline}.admin-header .identity .viewas .viewas-row select{max-width:none;height:auto;font-weight:650;color:var(--ink);min-height:32px;width:auto;padding:3px 26px 3px 8px;font-size:13px;border:1px solid var(--border-strong,var(--line));border-radius:8px;background-color:#fff}
.admin-header .viewas-hint{max-width:250px;font-size:11px;line-height:1.25;font-weight:500;color:var(--muted);text-align:right}
.admin-header .preview-problem,.preview-indicator .preview-problem{flex-basis:100%;font-size:12px;color:var(--danger);text-align:right}
body .preview-indicator{gap:10px 14px;padding:8px 16px;font-weight:500}body .preview-indicator .preview-label b{font-weight:750}
body .preview-indicator .preview-switch{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650}body .preview-indicator .preview-switch select{min-height:30px;height:30px;width:auto;padding:2px 24px 2px 8px;font-size:12px;border:1px solid #d9c48f;border-radius:8px;background-color:#fff}
body .preview-indicator .preview-exit{min-height:32px;padding:4px 12px;font-size:12px;font-weight:750;background:var(--ink,#1a1a1a);border-color:var(--ink,#1a1a1a);color:#fff}
.user-menu .identity-name{max-width:220px}
/* KUSH2-UI-SWEEP: the console tabs never wrap out of sight (Ask Kushalya's button or panel used to push Supervisor
   mapping, Help and Requests off the header); the tab row scrolls instead. Help looks like the other tabs. */
.admin-tabs-page .admin-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:1 1 auto}.admin-tabs-page .admin-tabs::-webkit-scrollbar{display:none}
.admin-tabs-page .admin-header .brand{flex:0 0 auto}.admin-tabs-page .admin-header .identity{flex:0 0 auto}
@media(max-width:1320px){.admin-tabs-page .admin-header .brand-studio{display:none}.admin-tabs-page .admin-header .brand{min-width:auto}}
/* KUSH2-UI-SWEEP: roster columns line up on every row (the actions column was sized per row), and the add-person
   fields sit on one line even when Main supervisor shows its hint. */
.people-head,.people-row{grid-template-columns:minmax(0,2fr) minmax(110px,1fr) 110px 120px}.people-row .team-actions{justify-content:flex-end}
.admin-form-4{align-items:start}
@media(max-width:900px){.admin-tabs-page .admin-header .identity{flex:1 1 auto;min-width:0;white-space:normal}.admin-header .viewas{order:2;justify-items:start;min-width:0}.admin-header .viewas-hint{text-align:left;max-width:none}}
@media(max-width:620px){.people-row{grid-template-columns:minmax(0,1fr) auto}.admin-header .identity{white-space:normal;flex-wrap:wrap;justify-content:flex-start;row-gap:6px}.admin-header .viewas{flex-basis:100%}body .preview-indicator{justify-content:flex-start}}
/* KUSH2-UI-SWEEP: long names and emails wrap instead of spilling out; the previewed name is not cut short. */
.team-name,.team-email,.team-who b{overflow-wrap:anywhere}.app-header .user-menu .identity-name{max-width:220px}
.mapping-select{max-width:320px}
/* KUSH2-UI-SWEEP: the workspace tabs never run under Ask Kushalya or off a phone screen; they scroll instead. Wide
   tables (version history) scroll inside their card on a phone, not the whole page. */
.app-header .workspace-nav{min-width:0;overflow-x:auto;scrollbar-width:none}.app-header .workspace-nav::-webkit-scrollbar{display:none}.app-header .ak-btn{flex:0 0 auto}
.app-header .workspace-nav .nav{flex:0 0 auto}
@media(max-width:820px){.app-header .workspace-nav{max-width:100%}main table{display:block;position:relative;max-width:100%;overflow-x:auto}}

/* KUSH2-REPORT-BUG: the shared report dialog's context list and the console header button */
.report-context{display:grid;grid-template-columns:max-content 1fr;gap:.2rem .75rem;margin:.25rem 0 .5rem;font-size:.82rem}
.report-context dt{color:var(--muted,#64748b)}.report-context dd{margin:0;overflow-wrap:anywhere}
.help-dialog .help-form select,.help-dialog .help-form input[type=file]{width:100%}
.report-bug-btn[hidden]{display:none}
@media(max-width:620px){.help-dialog{max-height:92vh;overflow:auto}.report-context{grid-template-columns:1fr}.report-context dd{margin-bottom:.35rem}}
body .preview-indicator .preview-report{min-height:32px;padding:4px 12px;font-size:12px;font-weight:650}
/* KUSH2-UI-SWEEP: the dialog's close button never sits on its title. */
.help-dialog #help-dialog-title{padding-right:44px}
/* KUSH2-UI-SWEEP: with Errors, Report a bug and Ask in the console header, every tab stays visible on a laptop: the
   studio label, the long Ask label and the name give way first; below 1280px the tabs take their own row. */
@media(max-width:1500px){.admin-tabs-page .admin-header .brand-studio{display:none}.admin-tabs-page .admin-header .brand{min-width:auto}.admin-header .identity-name{display:none}}
@media(max-width:1279px){.admin-tabs-page .admin-header{flex-wrap:wrap;height:auto}.admin-tabs-page .admin-tabs{order:3;flex-basis:100%}}

/* Voice-first practice workspace — follows the proven ClauseCall Training room structure. */
.app-header{height:78px;display:flex;align-items:center;gap:34px;padding:0 3.2%;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;box-shadow:0 3px 16px rgba(16,47,57,.035)}
.app-header .brand{white-space:nowrap}.app-header .brand-icon{width:40px;height:40px;border-radius:11px}.app-header .brand strong{text-transform:none}
.workspace-nav{display:flex;align-items:center;gap:4px;height:100%;overflow-x:auto}.workspace-nav .nav{height:auto;min-height:40px;padding:9px 13px;white-space:nowrap;border-radius:8px}.workspace-nav .nav.active{box-shadow:none;background:var(--tint)}
.app-header .identity{margin-left:auto;white-space:nowrap;gap:9px}.identity-name{font-size:12px;font-weight:700;color:#334f53;max-width:140px;overflow:hidden;text-overflow:ellipsis}.preview-control{display:flex;align-items:center;gap:6px;padding:3px 4px 3px 9px;border:1px solid var(--line);border-radius:9px;background:#f8fbfb;color:var(--muted);font-size:10px;font-weight:700}.preview-control select,.app-header .identity select{min-height:30px;height:30px;border:0;background:transparent;padding:3px 22px 3px 5px;font-size:11px;font-weight:750;color:var(--ink)}.compact-logout{min-height:34px;padding:6px 10px;border-color:transparent;background:transparent;color:var(--muted);font-size:11px}.compact-logout:hover{border-color:var(--line);background:#f8fbfb}
.safety-strip{display:flex;justify-content:center;gap:8px;padding:8px 24px;background:#f9fbfb;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.safety-strip span{font-weight:750;color:var(--action);text-transform:uppercase;letter-spacing:.7px}
body>main{max-width:1480px;padding:34px 3.2% 68px}body>footer{max-width:1480px;margin:auto;display:flex;justify-content:space-between;padding:22px 3.2%;border-top:1px solid var(--line)}
.training-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:4px 0 28px}.training-title h1{font-size:36px;max-width:760px;letter-spacing:-1.2px}.training-title p{max-width:720px;color:var(--muted);font-size:15px}.voice-first-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:750;color:var(--action);white-space:nowrap}.voice-first-badge i{width:8px;height:8px;border-radius:50%;background:#1dac8d;box-shadow:0 0 0 4px #dff3ee}
.training-overview{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.72fr);gap:22px;margin-bottom:42px}.featured-practice{position:relative;min-height:302px;padding:34px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#103943,#075f61 65%,#078176);color:#fff;box-shadow:0 18px 46px rgba(15,70,72,.17);display:flex}.featured-practice:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-230px;top:-240px}.featured-practice:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-70px;bottom:-180px}.feature-copy{position:relative;z-index:2;max-width:620px;display:flex;flex-direction:column;align-items:flex-start}.feature-label{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#9cddd3}.feature-copy h2{font-size:29px;letter-spacing:-.8px;margin:14px 0 8px}.feature-copy>p{color:#c8dfdc;max-width:510px;font-size:14px}.feature-skills{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 22px}.feature-skills span{padding:5px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:10px;color:#d9ece9;text-transform:capitalize}.feature-action{display:inline-flex;align-items:center;gap:9px;margin-top:auto;background:#d8f6ef;color:#124942;border:0;box-shadow:0 9px 22px rgba(0,0,0,.12)}.feature-action:hover{background:#fff}.feature-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9}
.feature-visual{position:relative;z-index:2;margin-left:auto;align-self:center;width:180px;height:180px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.07);backdrop-filter:blur(8px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.mini-avatar{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#d8f6ef;color:#0d625a}.mini-avatar svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7}.feature-visual>span{font-size:11px;color:#bcd9d5}.mini-wave{height:28px;display:flex;align-items:center;gap:3px}.mini-wave i{display:block;width:3px;height:8px;border-radius:3px;background:#8bd9ce}.mini-wave i:nth-child(3n){height:22px}.mini-wave i:nth-child(2n){height:15px}
.progress-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 12px 36px rgba(16,47,57,.06)}.progress-panel .progress-head{align-items:flex-start}.progress-panel .progress-head strong{font-size:28px;color:var(--action)}.progress-track{height:8px;border-radius:999px;background:#edf2f2;margin:24px 0;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--action),var(--teal))}.progress-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 -4px 20px;padding:18px 4px}.progress-metrics div{display:grid;text-align:center;border-right:1px solid var(--line)}.progress-metrics div:last-child{border:0}.progress-metrics strong{font-size:23px}.progress-metrics span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.progress-panel>p{font-size:12px;line-height:1.6;color:var(--muted)}
.practice-library-head p{margin:4px 0 0;color:var(--muted)}.scenario-count{font-size:12px;color:var(--muted)}.practice-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:42px}.practice-tile{min-width:0;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 8px 28px rgba(16,47,57,.045);display:grid;grid-template-columns:50px minmax(0,1fr)}.practice-number{display:flex;align-items:flex-start;justify-content:center;padding-top:24px;background:#eff7f5;color:var(--action);font-weight:800;font-size:13px}.practice-tile-body{padding:22px 22px 16px;min-height:220px}.practice-tile h3{font-size:19px;margin:12px 0 8px}.practice-tile p{font-size:13px;color:var(--muted)}.tile-action{grid-column:1/-1;display:flex;justify-content:space-between;border:0;border-top:1px solid var(--line);border-radius:0;padding:13px 20px;background:#fff;color:var(--action);font-size:12px}.tile-action:hover{background:var(--tint)}
.recent-attempts{background:#fff;border:1px solid var(--line);border-radius:15px;padding:0 22px}.recent-attempt{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 4px}.recent-attempt:last-child{border:0}.recent-attempt small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.recent-attempt b{color:var(--action)}.attempt-state{width:9px;height:9px;border-radius:50%;background:#d39c35}.attempt-state.sealed{background:#2aa584}
.room-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.room-toolbar h1{font-size:31px}.room-toolbar p{color:var(--muted);margin:6px 0 0}.practice-steps{display:flex;align-items:center;margin:0 0 26px;color:#8a9b9f;font-size:11px;font-weight:700}.practice-steps span{display:flex;align-items:center;gap:7px;white-space:nowrap}.practice-steps i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #cbd7d9;font-style:normal;background:#fff}.practice-steps span.current{color:var(--action)}.practice-steps span.current i{background:var(--action);border-color:var(--action);color:#fff}.practice-steps b{display:block;width:64px;height:1px;background:#cbd7d9;margin:0 10px}
.brief-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:22px}.brief-main,.session-setup{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 34px rgba(16,47,57,.055)}.brief-hero{padding:30px;border-bottom:1px solid var(--line)}.brief-hero h2{font-size:25px}.brief-hero p{max-width:760px;color:var(--muted);line-height:1.7}.brief-lessons{padding:10px 30px 24px}.brief-lessons article{display:grid;grid-template-columns:36px minmax(0,1fr);gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.brief-lessons article:last-child{border:0}.lesson-number{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--tint);color:var(--action);font-weight:800;font-size:12px}.brief-lessons p{color:var(--muted);line-height:1.65}.brief-lessons small{color:#84969a}.session-setup{padding:28px;align-self:start}.session-setup h2{font-size:24px}.setup-person{display:flex;align-items:center;gap:12px;padding:16px 0;margin:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.setup-person div{display:grid}.setup-person span{font-size:11px;color:var(--muted)}.customer-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--tint);color:var(--action);flex:0 0 auto}.customer-avatar svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}.session-sequence{list-style:none;padding:0;margin:20px 0;display:grid;gap:13px}.session-sequence li{display:flex;align-items:center;gap:10px;font-size:12px}.session-sequence i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0f5f5;color:var(--action);font-style:normal;font-weight:800;font-size:10px}.brief-skills{display:flex;flex-wrap:wrap;gap:6px}.brief-skills span{padding:4px 8px;border-radius:999px;background:var(--tint);color:var(--action);font-size:10px;text-transform:capitalize}.setup-note{font-size:11px;color:var(--muted);margin:18px 0}.enter-room{width:100%;display:flex;align-items:center;justify-content:center;gap:9px}.enter-room svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.practice-room{display:grid;grid-template-columns:minmax(220px,.58fr) minmax(420px,1.2fr) minmax(255px,.62fr);gap:18px;align-items:start}.practice-context,.conversation-room,.tool-card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 28px rgba(16,47,57,.05)}.practice-context{padding:24px;position:sticky;top:100px}.practice-context>p{font-size:13px;color:var(--muted);line-height:1.65}.context-section{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.context-section h3{font-size:12px;text-transform:uppercase;letter-spacing:.7px}.context-skills{display:grid;gap:9px}.context-skills span{display:flex;align-items:center;gap:8px;font-size:12px}.context-skills i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--tint);color:var(--action);font-style:normal;font-size:10px}.call-flow{list-style:none;padding:0;margin:0;display:grid;gap:11px}.call-flow li{display:flex;align-items:center;gap:9px;font-size:12px;color:#425a5f}.call-flow i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#f0f5f5;color:var(--action);font-style:normal;font-size:10px;font-weight:800}.context-tip{margin-top:22px;padding:14px;border-radius:10px;background:#fff8e8;border:1px solid #efdfb9}.context-tip strong{font-size:11px;text-transform:uppercase;color:#8a6417}.context-tip p{font-size:11px;color:#715e37;margin:5px 0 0}
.conversation-room{overflow:hidden}.call-stage{min-height:500px;padding:24px 30px 28px;background:radial-gradient(circle at 50% 34%,#f0fbf8 0,#fff 48%);display:flex;align-items:center;flex-direction:column;text-align:center}.call-stage.is-live{background:radial-gradient(circle at 50% 34%,#e5faf4 0,#fff 52%)}.call-stage-top{width:100%;display:flex;align-items:center;justify-content:space-between}.call-kicker{font-size:10px;letter-spacing:1.2px;font-weight:800;color:var(--action)}.call-security{font-size:10px;color:var(--muted);padding:4px 7px;border:1px solid var(--line);border-radius:999px}.customer-portrait{display:flex;align-items:center;gap:11px;margin:28px 0 15px;text-align:left}.customer-portrait div{display:grid}.customer-portrait div span{font-size:11px;color:var(--muted)}.audio-orbit{position:relative;width:250px;height:116px;display:grid;place-items:center}.audio-orbit .voice-indicator{position:absolute;top:5px;right:42px;z-index:2}.voice-wave{height:74px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 25px;border-radius:50px;background:#edf5f4}.voice-wave i{width:4px;height:12px;border-radius:4px;background:#7bbdb6;transition:height .2s}.voice-wave i:nth-child(4n+1){height:28px}.voice-wave i:nth-child(3n){height:42px}.voice-wave i:nth-child(5n){height:20px}.voice-wave.live i{animation:wave 1s ease-in-out infinite}.voice-wave.live i:nth-child(2n){animation-delay:-.25s}.voice-wave.live i:nth-child(3n){animation-delay:-.55s}@keyframes wave{50%{height:10px;opacity:.55}}.call-stage h2{font-size:25px}.call-message{max-width:450px;min-height:43px;color:var(--muted);font-size:13px}.call-connect,.call-end{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:220px;min-height:50px;margin:12px 0}.call-connect svg,.call-end svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9}.call-end{border-color:#efc2bf;background:#fff2f1;color:var(--danger)}.call-footnote{font-size:10px;color:#829397}.text-fallback{border-top:1px solid var(--line);background:#fbfcfc}.text-fallback summary{list-style:none;cursor:pointer;padding:17px 21px;display:flex;justify-content:space-between;align-items:center;gap:14px}.text-fallback summary::-webkit-details-marker{display:none}.text-fallback summary span{display:flex;align-items:center;gap:9px}.text-fallback summary svg{width:17px;height:17px;fill:none;stroke:var(--action);stroke-width:1.8}.text-fallback summary small{color:var(--muted)}.text-fallback[open] summary{border-bottom:1px solid var(--line)}.text-fallback .messages{max-height:330px;min-height:160px}.conversation-empty{padding:30px;text-align:center;color:var(--muted)}.conversation-empty p{font-size:12px}.practice-tools{display:grid;gap:16px;position:sticky;top:100px}.tool-card{padding:20px}.tool-card>p{font-size:12px;color:var(--muted)}.tool-card textarea{min-height:120px;margin:12px 0}.tool-card button{width:100%}.tool-card .saved{display:block;text-align:center;margin-top:8px}.finish-card{background:#f8fbfb}.finish-card h2{font-size:18px}.assessment{background:#fffbf1}.review-panel{max-width:1040px;margin:24px auto 0}
.practice-focus .safety-strip,.practice-focus>footer{display:none}.practice-focus>main{width:100%;max-width:none;padding:26px 2% 34px}.practice-focus .practice-room{min-height:calc(100vh - 138px)}.practice-focus .call-stage{min-height:650px}.practice-focus .practice-context,.practice-focus .practice-tools{top:96px}
@media(max-width:1180px){.app-header{gap:18px}.identity-name{display:none}.practice-room{grid-template-columns:240px minmax(0,1fr)}.practice-tools{grid-column:1/-1;position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.training-overview{grid-template-columns:1fr}.progress-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.progress-panel>p{grid-column:2;grid-row:1/4}.practice-library{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.app-header{height:auto;min-height:72px;flex-wrap:wrap;padding:12px 20px;position:relative;top:auto}.workspace-nav{order:3;width:100%;height:auto}.app-header .identity{margin-left:auto}.safety-strip{display:none}body>main{padding:28px 20px}.practice-focus>main{padding:18px 14px 28px}.practice-focus .practice-room{min-height:0}.practice-focus .call-stage{min-height:500px}.training-title{align-items:flex-start}.training-title h1{font-size:31px}.featured-practice{padding:28px}.feature-visual{display:none}.practice-room{grid-template-columns:1fr}.practice-context,.practice-tools{position:static}.practice-context{display:grid;grid-template-columns:1fr 1fr;gap:14px}.practice-context>p,.context-tip{grid-column:1/-1}.brief-layout{grid-template-columns:1fr}.session-setup{position:static}.practice-steps b{width:30px}.practice-library{grid-template-columns:1fr}.progress-panel{display:block}.progress-panel>p{margin-top:18px}}
@media(max-width:560px){.app-header .brand small,.app-header #logout{display:none}.workspace-nav .nav{font-size:12px;padding:8px 10px}.workspace-nav .nav svg{width:16px}.training-title{display:block}.voice-first-badge{margin-top:12px}.training-title h1{font-size:27px}.featured-practice{min-height:330px;padding:24px}.feature-copy h2{font-size:25px}.practice-context{display:block}.context-section{margin-top:16px}.practice-tools{grid-template-columns:1fr}.call-stage{padding:20px 16px}.audio-orbit{width:220px}.practice-steps{overflow-x:auto;padding-bottom:5px}.practice-steps b{width:18px;min-width:18px}.room-toolbar{display:block}.room-toolbar .badge{margin-top:10px}.recent-attempt{grid-template-columns:auto minmax(0,1fr) auto}.recent-attempt .badge{display:none}body>footer{display:block}body>footer span{display:block;margin:4px 0}}

/* Live call workspace: call controls move right while customer context grows in the center. */
.live-context-mode{background:transparent}.live-context-board{min-height:650px;padding:28px;background:linear-gradient(180deg,#fff 0,#fbfefe 100%)}.live-context-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.live-context-head h2{margin:5px 0 7px;font-size:25px}.live-context-head p{margin:0;color:var(--muted);font-size:12px}.live-sync{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#e7f7f3;color:var(--action);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.live-sync i{width:7px;height:7px;border-radius:50%;background:#1eae8c;box-shadow:0 0 0 5px rgba(30,174,140,.12);animation:livePulse 1.8s ease-out infinite}.customer-summary{display:flex;gap:14px;align-items:flex-start;margin:22px 0;padding:18px;border:1px solid #dcebea;border-radius:13px;background:#f4fbf9}.customer-summary>div{display:grid;gap:2px}.customer-summary strong{font-size:17px}.customer-summary span{font-size:11px;color:var(--action);font-weight:700}.customer-summary p{margin:7px 0 0;font-size:12px;line-height:1.55;color:#4e666b}.live-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.live-detail{min-height:108px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,background .2s,transform .2s}.live-detail span{font-size:10px;font-weight:800;letter-spacing:.65px;text-transform:uppercase;color:#62777b}.live-detail strong{font-size:13px;line-height:1.35;color:var(--ink)}.live-detail small{margin-top:auto;font-size:10px;color:var(--muted)}.live-detail.is-new{border-color:#54b9ab;background:#effaf7;animation:detailArrival 2.2s ease-out}.live-requests{margin-top:22px;padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff}.live-requests>div:first-child{display:flex;align-items:center;justify-content:space-between}.request-count{display:grid;place-items:center;min-width:24px;height:24px;border-radius:8px;background:var(--tint);color:var(--action);font-size:11px;font-weight:800}.live-requests ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:9px}.live-requests li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:11px 12px;border-radius:10px;background:#f7faf9;color:#314b50;font-size:12px;line-height:1.45}.live-requests li i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#83a9a4}.live-requests li.is-new{background:#eaf8f4;animation:detailArrival 2.2s ease-out}.live-requests li.is-new i{background:#12967f;box-shadow:0 0 0 4px rgba(18,150,127,.12)}.live-empty{padding:26px 12px 12px;text-align:center;color:var(--muted)}.live-empty strong{font-size:13px;color:#40585d}.live-empty p{margin:6px auto 0;max-width:390px;font-size:11px;line-height:1.5}.live-context-note{margin:16px 2px 0;font-size:10px;color:#789095}.practice-tools>.call-stage{min-height:0;padding:18px;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 28px rgba(16,47,57,.05);background:radial-gradient(circle at 50% 32%,#e7faf5 0,#fff 70%)}.practice-tools>.call-stage .call-stage-top{align-items:center}.practice-tools>.call-stage .call-security{display:none}.practice-tools>.call-stage .customer-portrait{margin:14px 0 5px}.practice-tools>.call-stage .customer-portrait .customer-avatar{width:34px;height:34px}.practice-tools>.call-stage .customer-portrait div span{display:none}.practice-tools>.call-stage .audio-orbit{width:100%;height:70px}.practice-tools>.call-stage .voice-wave{height:48px;width:100%;gap:3px;padding:0 13px}.practice-tools>.call-stage .voice-wave i{width:3px}.practice-tools>.call-stage .audio-orbit .voice-indicator{top:0;right:17px}.practice-tools>.call-stage h2{margin:8px 0 2px;font-size:17px}.practice-tools>.call-stage .call-message{min-height:32px;margin:5px 0;font-size:11px}.practice-tools>.call-stage .call-connect,.practice-tools>.call-stage .call-end{min-width:0;width:100%;min-height:42px;margin:8px 0 3px}.practice-tools>.call-stage .call-footnote{display:none}.practice-focus .practice-tools>.call-stage{min-height:0}
@keyframes detailArrival{0%{transform:translateY(5px);box-shadow:0 0 0 0 rgba(18,150,127,.28)}35%{box-shadow:0 0 0 7px rgba(18,150,127,.08)}100%{transform:none;box-shadow:none}}@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(30,174,140,.28)}70%{box-shadow:0 0 0 7px rgba(30,174,140,0)}100%{box-shadow:0 0 0 0 rgba(30,174,140,0)}}
@media(max-width:1180px){.live-context-board{min-height:560px}.practice-tools>.call-stage{grid-column:1/-1}.live-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.live-context-board{min-height:0;padding:21px}.live-context-head{display:block}.live-sync{margin-top:12px}.live-detail-grid{grid-template-columns:1fr 1fr}.practice-tools>.call-stage{grid-column:auto}}
@media(max-width:560px){.live-detail-grid{grid-template-columns:1fr}.customer-summary{padding:14px}.live-context-board{padding:17px}.live-context-head h2{font-size:21px}}

/* Immediate transcript-grounded coaching in Reflect & review. */
.reflection-coaching{max-width:1300px;margin:24px auto 0;padding:26px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 34px rgba(16,47,57,.05)}.reflection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.reflection-head h2{font-size:24px;margin:4px 0 6px}.reflection-head p{margin:0;color:var(--muted);font-size:12px}.evidence-badge{white-space:nowrap;padding:6px 10px;border-radius:999px;background:var(--tint);color:var(--action);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.pointer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(220px,.55fr);gap:18px;padding-top:20px}.pointer-grid>section>h3{font-size:12px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:12px}.pointer-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:14px;border:1px solid var(--line);border-radius:11px;margin-top:9px;background:#fbfdfd}.pointer-item>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-weight:800}.pointer-item.worked>span{background:#e4f6f0;color:#087661}.pointer-item.improve>span{background:#fff1cf;color:#8a6417}.pointer-item strong{font-size:13px}.pointer-item p,.pointer-clear p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.pointer-item blockquote{margin:9px 0 0;padding:8px 10px;border-left:2px solid #9dcfc8;background:#f1f8f7;color:#3f5a5e;font-size:11px;line-height:1.45}.pointer-clear{padding:16px;border:1px solid var(--line);border-radius:11px;background:#fbfdfd}.pointer-grid>aside{align-self:stretch;padding:18px;border-radius:12px;background:linear-gradient(150deg,#123e46,#087069);color:#fff}.pointer-grid>aside .section-label{color:#9cddd3}.pointer-grid>aside strong{display:block;font-size:15px;line-height:1.5}.pointer-grid>aside p{margin:12px 0 0;color:#cce3df;font-size:11px}.review-panel{max-width:1300px}
@media(max-width:980px){.pointer-grid{grid-template-columns:1fr 1fr}.pointer-grid>aside{grid-column:1/-1}}@media(max-width:650px){.reflection-coaching{padding:20px}.reflection-head{display:block}.evidence-badge{display:inline-block;margin-top:10px}.pointer-grid{grid-template-columns:1fr}.pointer-grid>aside{grid-column:auto}}

/* Locked Kushalya cream presentation. The live IA and behavior remain unchanged. */
:root{--cream:#f7f3eb;--cream-warm:#f6f1e8;--cream-deep:#efe8dc;--cream-card:#fffcf7;--charcoal:#1a1a1a;--charcoal-soft:#2c2c2c;--muted:#5a5a55;--muted-2:#7a7a74;--sage:#5c6b5a;--sage-light:#7a8f78;--sage-pale:#d4dcd2;--sage-wash:#e8eee6;--orange-wave:#c47a4a;--blue-wave:#5b7fa6;--amber-wash:#f5edd8;--border:rgba(26,26,26,.08);--border-strong:rgba(26,26,26,.14);--paper-shadow:0 1px 2px rgba(26,26,26,.04),0 8px 24px rgba(26,26,26,.06);--paper-shadow-lg:0 2px 4px rgba(26,26,26,.04),0 16px 48px rgba(26,26,26,.1);--serif:Newsreader,Georgia,"Times New Roman",serif;--sans:Inter,system-ui,-apple-system,sans-serif;--action:var(--sage);--hover:#4b5949;--canvas:var(--cream);--surface:var(--cream-card);--tint:var(--sage-wash);--ink:var(--charcoal);--line:var(--border-strong);font-family:var(--sans)}
body{background:var(--cream);color:var(--charcoal)}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.025em}button{border-radius:10px}button.primary{background:var(--charcoal);border-color:var(--charcoal);box-shadow:none}button.primary:hover{background:#333;border-color:#333;box-shadow:none;transform:none}input,select,textarea{background:var(--cream-card);border-color:var(--border-strong);color:var(--charcoal)}input:focus,select:focus,textarea:focus{border-color:var(--sage);box-shadow:0 0 0 3px rgba(92,107,90,.14)}
.app-header{height:70px;padding:12px 32px;background:var(--cream-card);border-color:var(--border);box-shadow:none}.app-header .brand{display:flex;align-items:center;gap:10px;min-width:242px}.brand-logo-crop{position:relative;display:block;height:38px;flex:0 0 auto}.brand-wordmark{display:block;width:auto;height:38px;max-width:none}.brand-studio{padding-left:10px;border-left:1px solid var(--border-strong);color:var(--muted-2);font-size:9px;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.workspace-nav{gap:5px}.workspace-nav .nav{min-height:38px;padding:8px 13px;border:1px solid transparent;border-radius:10px;color:var(--muted);font-weight:550}.workspace-nav .nav:hover{background:var(--cream-warm);color:var(--charcoal)}.workspace-nav .nav.active{background:var(--sage-wash);border-color:var(--sage-pale);color:var(--sage);box-shadow:none}.identity{color:var(--muted)}.identity-name{max-width:150px;color:var(--charcoal);font-weight:650}.preview-control select{min-height:36px;background-color:var(--cream);border-color:var(--border-strong)}.compact-logout{min-height:36px;padding:7px 11px;border-color:var(--border-strong);background:transparent;color:var(--muted);font-weight:550}.safety-strip{padding:7px 32px;background:var(--cream-deep);border-color:var(--border);color:var(--muted)}.safety-strip span{color:var(--sage)}body>main{max-width:1440px;padding:30px 40px 44px}body>footer{padding:16px 40px;background:var(--cream-deep);border-top:1px solid var(--border);color:var(--muted-2)}
.section-label,.eyebrow,.call-kicker{color:var(--sage)}.training-title h1,.page-head h1{font-size:38px}.voice-first-badge,.badge,.mode{background:var(--sage-wash);color:var(--sage)}.card,.panel,.practice-tile,.progress-panel,.brief-main,.session-setup,.practice-context,.conversation-room,.tool-card,.reflection-coaching{background:var(--cream-card);border-color:var(--border);box-shadow:var(--paper-shadow)}
.featured-practice{background:linear-gradient(150deg,#1a1a1a,#2a2f2a 68%,#3a4638);border:0;box-shadow:var(--paper-shadow-lg)}.featured-practice .badge{background:rgba(255,255,255,.1);color:var(--sage-pale)}.featured-practice .primary{background:#fff;border-color:#fff;color:var(--charcoal)}.feature-visual{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.09)}.feature-visual .wave i:nth-child(odd),.voice-wave i:nth-child(odd){background:var(--orange-wave)}.feature-visual .wave i:nth-child(3n),.voice-wave i:nth-child(3n){background:var(--blue-wave)}.feature-visual .wave i:nth-child(5n),.voice-wave i:nth-child(5n){background:var(--sage-light)}.progress-ring{background:conic-gradient(var(--sage) var(--progress,70%),var(--cream-deep) 0)}.practice-tile:hover{border-color:var(--sage-pale);box-shadow:0 12px 34px rgba(26,26,26,.08)}.practice-icon,.customer-avatar{background:var(--sage-wash);color:var(--sage)}.recent-attempts,.recent-attempt{border-color:var(--border)}
.summary-card{background:var(--charcoal);border-color:var(--charcoal);color:#fff}.summary-card .muted,.summary-card p{color:rgba(255,255,255,.62)}.summary-card strong{font-family:var(--serif);font-weight:500}.competency-bar i{background:var(--sage)}.attempt-row{background:var(--cream-card);border-color:var(--border)}
.room-toolbar{margin-bottom:18px}.practice-steps{padding:15px 18px;background:var(--cream-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--paper-shadow)}.practice-steps b{background:var(--cream-deep);border-color:var(--border-strong);color:var(--muted)}.practice-steps .active b{background:var(--charcoal);border-color:var(--charcoal);color:#fff}.brief-hero{background:var(--cream-warm);border-color:var(--border)}.brief-lessons li:before,.context-skills i{background:var(--sage-wash);color:var(--sage)}.session-setup{border-top:4px solid var(--sage)}
.practice-room{grid-template-columns:minmax(230px,.8fr) minmax(460px,1.65fr) minmax(250px,.9fr);gap:18px}.practice-context{border-radius:16px}.call-stage,.call-stage.is-live{background:var(--cream-card)}.conversation-room{border-radius:16px}.voice-wave{background:var(--cream-warm)}.call-connect{background:var(--charcoal)!important;border-color:var(--charcoal)!important}.text-fallback{background:var(--cream-warm);border-color:var(--border)}.text-fallback summary{color:var(--charcoal)}.text-fallback summary svg{stroke:var(--sage)}.bubble{background:var(--cream-warm);border-color:var(--border)}.learner .bubble{background:var(--sage-wash);border-color:var(--sage-pale)}.finish-card{background:var(--cream-warm)}.context-tip{background:var(--amber-wash);border-color:#e1d0a8}.context-tip strong{color:#7b5d16}
.live-context-board{background:var(--cream-card)}.live-sync{background:var(--sage-wash);color:var(--sage)}.live-sync i{background:var(--sage-light)}.customer-summary{background:var(--cream-warm);border-color:var(--border)}.live-detail,.live-requests{background:var(--cream-card);border-color:var(--border)}.live-detail.is-new,.live-requests li.is-new{background:var(--sage-wash);border-color:var(--sage-pale)}.live-requests li{background:var(--cream-warm)}.practice-tools>.call-stage{background:var(--cream-card);border-color:var(--border);box-shadow:var(--paper-shadow)}
.reflection-coaching{border-color:var(--border)}.pointer-item,.pointer-clear{background:var(--cream-warm);border-color:var(--border)}.pointer-item.worked>span{background:var(--sage-wash);color:var(--sage)}.pointer-item.improve>span{background:var(--amber-wash);color:#8a6417}.pointer-item blockquote{background:var(--cream-card);border-color:var(--sage-light)}.pointer-grid>aside{background:linear-gradient(150deg,#1a1a1a,#354034)}.evidence-badge{background:var(--sage-wash);color:var(--sage)}.assessment{background:var(--amber-wash)}

/* Dedicated sign-in and administration routes share the locked brand system. */
.auth-page{background:var(--cream)}.auth-shell{background:var(--cream)}.auth-story{background:linear-gradient(155deg,#1a1a1a 0%,#2a2f2a 55%,#3a4638 100%)}.auth-story .brand{align-items:center}.auth-story .brand-logo-crop{border-radius:8px;background:var(--cream);padding:6px 10px;height:auto}.auth-story .brand-studio{color:rgba(255,255,255,.56);border-color:rgba(255,255,255,.2)}.auth-kicker{color:var(--sage-pale)}.auth-kicker:before{background:var(--sage-light)}.auth-copy h1{font-family:var(--serif);font-weight:500}.auth-form-panel{background:var(--cream-warm)}.auth-card{background:var(--cream-card);border-color:var(--border);box-shadow:var(--paper-shadow-lg)}.auth-card h2{font-family:var(--serif);font-weight:500}.auth-card .auth-kicker{color:var(--sage)}.auth-submit{background:var(--charcoal)!important;border-color:var(--charcoal)!important}.admin-page,.admin-main{background:var(--cream)}.admin-sidebar{background:var(--charcoal)}.admin-sidebar .brand-logo-crop{border-radius:0;background:transparent}.admin-sidebar .brand-wordmark{filter:grayscale(1) invert(1) brightness(1.2);mix-blend-mode:screen}.admin-sidebar .brand-studio{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.18)}.admin-topbar,.admin-card,.admin-metric{background:var(--cream-card);border-color:var(--border)}.admin-card,.admin-metric{box-shadow:var(--paper-shadow)}
@media(max-width:1180px){.practice-room{grid-template-columns:240px minmax(0,1fr)}.app-header .brand{min-width:auto}.brand-studio{display:none}}
@media(max-width:820px){.app-header{height:auto;padding:12px 20px}.brand-wordmark{height:28px;width:auto}.practice-room{grid-template-columns:1fr}body>main{padding:26px 20px}.training-title h1,.page-head h1{font-size:32px}}

/* Compact training workspaces: preserve the established page structure. */
#main .page-head,#main .training-title{margin:0 0 18px;padding:0;min-height:0}
#main .page-head h1,#main .training-title h1{font-size:clamp(26px,2.4vw,34px);line-height:1.2;margin:4px 0 8px}
#main .training-title p,#main .page-head p{margin:0;max-width:76ch}
#main .training-overview{margin-bottom:20px}
#main .featured-practice,#main .progress-panel{padding:22px;min-height:0}
#main .metric-grid{margin:16px 0;gap:12px}#main .metric{padding:14px 18px}
#main .progress-details{margin:12px 0 20px}summary{cursor:pointer}
#main .authoring-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#main .authoring-wide{grid-column:1/-1}#main .authoring-section{padding:20px 0}
#main .authoring-check,#main .authoring-option{display:flex;align-items:flex-start;gap:10px;min-width:0}
#main input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:3px 0}
#main .authoring-check span,#main .authoring-option span{min-width:0;overflow-wrap:anywhere}
#main .authoring-check small,#main .authoring-option small{display:block}
#main .authoring-rubric-row{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:16px;align-items:center}
#main .authoring-learners{min-width:0}#main textarea{min-height:90px}
#main .scenario-library,#main .ai-drafting{margin-bottom:18px;padding:18px}
.scenario-catalogue,.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}
.scenario-catalogue button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;white-space:normal;gap:6px}
.scenario-catalogue span,.team-grid p{font-size:13px;color:#68675d}.team-grid article{border:1px solid #ddd9cb;border-radius:10px;padding:14px}
.scenario-review p,.scenario-review li,.knowledge-version pre{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:650px){#main .authoring-grid{grid-template-columns:1fr}.team-grid,.scenario-catalogue{grid-template-columns:1fr}}

#main .team-view{padding:18px;margin-bottom:16px}#main .team-view h2{margin:0 0 4px}#main .team-view>.hint{margin:0}
#main .team-grid article{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 14px}#main .team-grid p{margin:0;flex:1}#main .team-grid button{padding:8px 12px;min-height:36px}
#main .scenario-catalogue{max-height:180px;overflow:auto}#main .authoring-rubric{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:800px){#main .authoring-rubric{grid-template-columns:1fr}}

/* KUSH2-A8 trainer library: same cream cards, badges and actions as the authoring workspace. */
#main .library-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:16px;align-items:end;padding:14px 18px;margin-bottom:14px}
#main .library-toolbar .field{margin:0}
#main .library-list{display:grid;gap:10px;margin-bottom:18px}
#main .library-row{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:var(--cream-card,#fff);border:1px solid var(--line);border-radius:12px;padding:14px 18px}
#main .library-row[hidden]{display:none}
#main .library-row-main{min-width:0;flex:1 1 320px}#main .library-row h3{margin:6px 0 4px;overflow-wrap:anywhere}
#main .library-row .scenario-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#main .library-row .badge{margin:0}
#main .library-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;color:var(--muted);font-size:13px}
/* KUSH2-VOICE-AUTO-PROVISION: the scenario card's voice line */
#main .library-voice{margin:6px 0 0;font-size:13px;color:var(--muted)}
#main .library-voice.ready{color:var(--action)}
#main .library-voice.getting_ready::before{content:'';display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--warning);vertical-align:middle}
#main .library-actions{display:flex;flex-wrap:wrap;gap:6px}#main .library-actions button,#main .library-versions button{min-height:36px;padding:7px 12px}
#main .library-status.archived{background:var(--cream-deep,#eee);color:var(--muted)}#main .library-status.draft{background:var(--amber-wash,#FFF1CF);color:var(--warning)}
#main .library-notice{text-align:left;margin:0 0 14px;padding:10px 14px;border:1px solid var(--sage-pale,#C9E4E1);border-radius:10px;background:var(--sage-wash,var(--tint));font-size:13px}
#main .library-earlier ul,#main .library-assignments{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}
#main .library-earlier li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#main .library-assignments li{border:1px solid var(--line);border-radius:10px;padding:10px 14px}#main .library-assignments small{display:block;color:var(--muted)}
#main .library-detail h2{margin-top:22px}#main .library-detail .library-actions{margin-top:10px}
#main .library-table-wrap{overflow-x:auto}
#main .library-versions{width:100%;border-collapse:collapse;font-size:14px}
#main .library-versions th,#main .library-versions td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
#main .library-versions small{color:var(--muted)}
#main .library-try{margin-top:16px}#main .library-transcript{display:grid;gap:8px;margin:12px 0}
#main .library-turn{border:1px solid var(--line);border-radius:10px;padding:10px 14px;max-width:80%}#main .library-turn p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
#main .library-turn.learner{justify-self:end;background:var(--sage-wash,var(--tint))}#main .library-turn.customer{background:var(--cream-card,#fff)}
#main .library-assign .library-cert{align-self:end;padding-bottom:10px}
#main .practice-tile .due-date{font-weight:600;color:var(--ink)}
@media(max-width:650px){#main .library-toolbar{grid-template-columns:1fr}#main .library-turn{max-width:100%}}
#main .library-toolbar input,#main .library-toolbar select,#main .library-assign input:not([type=checkbox]),#main .library-assign select{display:block;width:100%;margin-top:6px}
#main .library-row .scenario-meta,#main .library-preview .scenario-meta{justify-content:flex-start;margin-bottom:0}
.workspace-nav .nav{display:flex;align-items:center;gap:8px}.workspace-nav .nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
#main .library-toolbar input{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px}
/* KUSH2-A6 transcript-anchored review (cream tokens; follows the A3 staged-review prototype) */
#main .review-head{align-items:center}#main .review-head .badge{margin:0}#main .badge.amber{background:var(--amber-wash);color:#7a5a12}#main .badge.dark{background:var(--charcoal);color:#fff}
.stage-strip{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.stage{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--cream-card);font-size:12px;font-weight:650}.stage i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--sage-wash);color:var(--sage);font-style:normal;font-size:11px}.stage.pending{color:var(--muted)}.stage.pending i{background:var(--cream-deep);color:var(--muted)}.stage.warn i{background:var(--amber-wash);color:#7a5a12}
.follow-up-banner{display:flex;gap:12px;align-items:center;padding:12px 16px;margin:0 0 16px;border:1px solid var(--border);border-radius:12px;background:var(--sage-wash)}.follow-up-banner p{margin:0;font-size:14px}.follow-up-banner .badge{margin:0;white-space:nowrap}
.review-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start}.review-stack{display:grid;gap:18px;min-width:0}.review-transcript{position:sticky;top:96px;min-width:0}.review-transcript .spread{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}.review-transcript h2{margin:0}
.review-findings h3{font-size:12px;text-transform:uppercase;letter-spacing:.7px;margin:18px 0 4px}.finding{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--cream-warm);margin-top:10px}.finding p{margin:0;font-size:14px}.finding-where{display:flex;flex-direction:column;gap:6px}
.cite{min-height:32px;padding:3px 10px;font-size:12px;font-variant-numeric:tabular-nums;border-radius:8px;background:var(--cream-card);border:1px solid var(--border-strong);white-space:nowrap}.finding.good .cite{border-color:var(--sage-pale);color:var(--sage)}.finding.imp .cite{border-color:#e1d0a8;color:#7a5a12}.cite.whole{display:inline-block;color:var(--muted);font-weight:600;border-style:dashed}
.finding .suggest{margin-top:8px;padding:8px 10px;border-left:3px solid var(--sage);background:var(--cream-card);font-size:13px;border-radius:0 8px 8px 0}.finding .suggest small{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--sage);font-weight:750;margin-bottom:2px}
.finding-actions{margin-top:6px}button.link{min-height:32px;padding:4px 0;border:0;background:none;color:var(--sage);text-decoration:underline;font-weight:600}.flag-note{margin-top:8px!important;font-size:12px!important;color:var(--muted)}.flag-form{margin-top:10px}.flag-form select{display:block;width:100%;border:1px solid var(--border-strong);border-radius:8px;padding:8px;margin-bottom:10px;background:var(--cream-card)}.flag-form textarea{min-height:64px}.flag-form .card-actions{margin-top:10px}
.judge-tag{display:inline-block;margin:0 0 4px;padding:1px 8px;border-radius:999px;border:1px solid var(--border);font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--cream-card)}.judge-tag.ai{border-color:#cdbfe0;color:#5b4a7a;background:#f4effa}.criteria-table .hint{font-size:11px;margin-top:2px}.criteria-table .hint.abstained{color:#5b4a7a}.calibration-note{margin:-4px 0 6px}
.crit{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;white-space:nowrap}.crit i{font-style:normal}.crit.demonstrated{color:var(--sage)}.crit.needs_practice{color:#7a5a12}.crit.not_observed{color:var(--muted)}.crit.evidence_unavailable{color:#6b5b7a}.crit-legend{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.criteria-table{width:100%;border-collapse:collapse;font-size:13px}.criteria-table th,.criteria-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:top}.criteria-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.criteria-table th[scope=row]{font-weight:600}
.next-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.choice{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--cream-warm)}.choice.rec{border-color:var(--sage-pale);background:var(--sage-wash)}.choice h3{margin-top:8px}.choice p{font-size:13px}
.transcript{max-height:560px;overflow:auto;padding-right:4px}.turn{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:10px;border-radius:10px;border:1px solid transparent;transition:background .2s,border-color .2s}.turn p{margin:0;font-size:14px;overflow-wrap:anywhere}.turn .when{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:2px}.turn .who{font-size:11px;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.turn.you .who{color:var(--sage)}.turn.is-cited{background:var(--amber-wash);border-color:#e1d0a8}.turn:focus{outline:3px solid var(--sage);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.turn{transition:none}}
@media(max-width:900px){.review-grid{grid-template-columns:minmax(0,1fr)}.review-transcript{position:static}.review-grid>*{min-width:0}}

/* KUSH2-FLOW-FIXES: formatted authored text, one quiet advisory note, the preview strip everywhere, phone header. */
.rich-text>:last-child{margin-bottom:0}.rich-text p{margin:0 0 8px}.rich-text ul{margin:0 0 10px;padding-left:20px}.rich-text li{margin:2px 0}.rich-text .rt-h{margin:10px 0 4px;color:var(--charcoal,var(--ink))}.rich-text .rt-h:first-child{margin-top:0}
.lj-guidance .rich-text{margin:4px 0 6px;font-size:14px;color:var(--muted)}.lj-instructions{margin-bottom:12px}
.advisory-note{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--border,var(--line))}
.preview-indicator{display:flex;align-items:center;gap:8px;justify-content:center;padding:6px 16px;background:var(--amber-wash,#fff1cf);color:#6b4f10;font-size:13px;font-weight:650;flex-wrap:wrap}.preview-indicator button{min-height:30px;padding:3px 10px;font-size:12px}
@media(max-width:820px){.app-header .brand-logo-crop{height:32px}.app-header .brand-wordmark{width:auto;height:32px}}
@media(max-width:560px){.app-header .identity{flex-wrap:wrap;justify-content:flex-end;white-space:normal;max-width:100%}.app-header{gap:8px}.app-header #logout{display:inline-flex;min-height:34px;padding:6px 10px;font-size:12px}.app-header .identity{gap:6px}.user-menu .identity-name{max-width:96px}}
/* KUSH2-FLOW1: customer name, silence turns and the role-break notice in the review transcript. */
.review-customer{margin:-4px 0 12px}.silence-turn{color:var(--muted)}.role-break-note{margin:0 0 12px;padding:10px 14px;border:1px solid #E8DAB4;border-radius:8px;background:#FFFBF1;color:var(--warning);font-size:13px}
/* KUSH2-WAVE2 (item 16): the one "Assign practice" dialog (assign-dialog.js) for trainers and supervisors. */
.assign-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;padding:22px 24px;border:1px solid var(--line);border-radius:14px}.assign-dialog::backdrop{background:rgba(20,30,30,.38)}
.assign-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.assign-head h2{margin:0 0 8px}.assign-x{min-height:36px;padding:2px 12px;font-size:20px;line-height:1;border:0;background:transparent}
.assign-dialog select,.assign-dialog input[type=search],.assign-dialog input[type=date]{display:block;width:100%;min-height:42px;margin-top:4px;border:1px solid #718789;border-radius:8px;padding:8px 10px;background:white;color:var(--ink)}
.assign-people{border:0;padding:0;margin:14px 0 0}.assign-people legend{font-size:13px;font-weight:600;padding:0;margin-bottom:6px}.assign-list{max-height:260px;overflow:auto;margin-top:8px;border:1px solid var(--line);border-radius:10px}
.assign-person{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);cursor:pointer;font-size:14px}.assign-person:last-child{border-bottom:0}.assign-person input{width:18px;height:18px;margin:0;flex:0 0 auto}.assign-person.is-assigned .assign-again{max-width:46%;text-align:right;color:var(--warning)}
.assign-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--tint);color:var(--action);font-size:11px;font-weight:700;flex:0 0 auto}.assign-name{display:flex;flex-direction:column;flex:1;min-width:0}
.assign-dialog .field{margin-top:12px}.assign-error{color:var(--danger);font-size:13px;margin:10px 0 0;min-height:1em}.assign-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;flex-wrap:wrap}.assign-empty{margin-top:10px}
/* KUSH2-UPLOAD-FORMATS: review the extracted text before saving an uploaded file. */
.knowledge-review{margin-bottom:28px;border-color:#B8DCD8;scroll-margin-top:96px}.knowledge-review-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:420px;overflow:auto;background:var(--canvas);border:1px solid var(--line);border-radius:8px;padding:14px;margin:12px 0}#knowledge-link-form textarea{display:block;width:100%;min-height:72px;margin-top:4px}
/* KUSH2-WAVE2-FOLLOWUP (founder rule): required-field marker and the 'To …: what is missing' line (form-gate.js) */
.gate-line{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--danger,#b4232c);flex:1 0 100%;width:100%;max-width:none;box-sizing:border-box;text-wrap:pretty}.gate-line .link{white-space:normal;text-align:left}.gate-line .link{color:inherit;text-decoration:underline;padding:0;min-height:0;background:none;border:0;cursor:pointer;font:inherit}.req{color:var(--danger,#b4232c);font-weight:700}