/* V2.7 contextual coaching and softer review navigation. Presentation only. */
#workspace{grid-template-columns:340px minmax(0,1fr)}
#workspace>nav.v27Sidebar{background:linear-gradient(180deg,#f7f5fa 0%,#f5f2f8 100%);border-right:1px solid #e4dfea;padding:28px 17px 34px;scrollbar-width:thin;scrollbar-color:#cfc6dc transparent}
#workspace>nav.v27Sidebar h2{font-size:24px;line-height:1.15;margin:0 10px 7px;color:var(--n);letter-spacing:-.015em}
#workspace>nav.v27Sidebar .v26NavIntro{font-size:14px;line-height:1.5;margin:0 10px 22px;color:#67606f;max-width:270px}
#workspace>nav.v27Sidebar .step.v27Step{position:relative;display:flex!important;align-items:center;gap:13px;margin:8px 0;padding:14px 14px!important;min-height:66px;border:1px solid #e5e0e9!important;border-radius:17px!important;background:rgba(255,255,255,.62)!important;color:#423d48!important;box-shadow:0 2px 8px rgba(46,29,72,.025);transform:none;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
#workspace>nav.v27Sidebar .step.v27Step:hover{background:#fff!important;border-color:#d7cfe0!important;box-shadow:0 6px 18px rgba(46,29,72,.055);transform:translateY(-1px)}
#workspace>nav.v27Sidebar .step.v27Step.active{background:linear-gradient(135deg,#f1ecf8 0%,#f7f3fb 100%)!important;border-color:#cbbddd!important;box-shadow:0 8px 22px rgba(66,39,104,.08);color:#2f2540!important}
#workspace>nav.v27Sidebar .step.v27Step.active:before{content:""!important;display:block!important;position:absolute;left:-1px;top:14px;bottom:14px;width:4px;border-radius:0 5px 5px 0;background:#6c5293}
#workspace>nav.v27Sidebar .v26StepNo{flex:0 0 38px;height:38px;border-radius:12px;background:#eeeaf2;color:#62586b;font-size:12px;font-weight:800}
#workspace>nav.v27Sidebar .step.active .v26StepNo{background:#ddd1eb;color:#4c356e}
#workspace>nav.v27Sidebar .step.done:not(.active) .v26StepNo{background:#eee8f6;color:#5b427d}
#workspace>nav.v27Sidebar .v26StepText{gap:5px}
#workspace>nav.v27Sidebar .v26StepLabel{font-size:15.5px;font-weight:760;line-height:1.28;letter-spacing:-.006em}
#workspace>nav.v27Sidebar .v26StepText small{font-size:12.5px;line-height:1.2;font-weight:650;color:#77707d}
#workspace>nav.v27Sidebar .step.active .v26StepText small{color:#5b4e6e}
.v27CoachHint{display:grid;gap:5px;margin:12px 0 3px;padding:13px 15px;border-radius:14px;background:#f7f3fb;border:1px solid #e4d9ef;color:#51475e;line-height:1.48}
.v27CoachHint b{font-size:12px;letter-spacing:.035em;text-transform:uppercase;color:#604582}
.v27CoachHint span{font-size:14.5px}
@media(max-width:1100px) and (min-width:901px){#workspace{grid-template-columns:305px minmax(0,1fr)}#workspace>nav.v27Sidebar .v26StepLabel{font-size:15px}}
@media(max-width:900px){#workspace{grid-template-columns:1fr}#workspace>nav.v27Sidebar{display:none}}

/* V2.7.1 brand alignment: coaching/reflection uses the Hub purple palette.
   Green remains reserved for actual RAG Green judgement controls. */
.v25CoachHint,.v27CoachHint{background:#f7f3fb!important;border:1px solid #e4d9ef!important;color:#51475e!important}
.v25CoachHint b,.v27CoachHint b{color:#604582!important}
.v25CoachStrip,.teamReflectionIntro,.v25OverallIntro,.v25SummaryIntro{background:#f7f3fb!important;border-color:#e4d9ef!important;color:#51475e!important}
.v25CoachStrip p{color:#51475e!important}
.v25StrengthCoach{color:#604582!important}
.v25StrengthModal .strengthPrompt{background:#f7f3fb!important;border:1px solid #e4d9ef!important}
.strengthBank{background:#faf8fc!important;border-color:#e4d9ef!important}
