/* V2.7.2 visual clarity pass. Presentation only; no saved-data changes. */
:root{
  --v272-deep:#2b176f;
  --v272-purple:#5f45a5;
  --v272-purple-2:#705faf;
  --v272-soft:#f3eff8;
  --v272-soft-2:#ebe4f4;
  --v272-line:#d7cce4;
  --v272-ink:#2f2737;
  --v272-muted:#5f5667;
}

/* Landing page: stronger contrast, clearer hierarchy, same calm brand. */
.publicLanding{background:#f4f1f7}
.publicHeader{border-bottom:2px solid #d6c9e5;box-shadow:0 2px 12px rgba(43,23,111,.045)}
.landingHero{background:linear-gradient(145deg,#ffffff 0%,#f1ebf7 60%,#e9e0f3 100%)}
.landingHero h1{color:var(--v272-deep);font-weight:800}
.landingTagline{color:var(--v272-purple);font-weight:800}
.heroCopy{color:#403748;font-weight:500}
.landingHero .eyebrow,.sectionIntro .eyebrow,.audienceBand .eyebrow{color:var(--v272-purple);font-weight:850}
.landingActions .requestAccessButton,.landingActions .demoButton{box-shadow:0 6px 16px rgba(43,23,111,.12)}
.landingActions .requestAccessButton{background:var(--v272-deep)}
.landingActions .demoButton{background:var(--v272-purple-2)}
.outlineButton{border:1.5px solid var(--v272-purple);color:var(--v272-deep);background:#fff}
.landingSection{background:#f8f6fa}
.sectionIntro h2,.audienceBand h2{color:var(--v272-deep);font-weight:800;letter-spacing:-.015em}
.sectionIntro>p:last-child{color:#4d4455;font-size:17px;line-height:1.6}
.featureGrid article{border:1px solid #d8cce4;box-shadow:0 9px 24px rgba(43,23,111,.075);background:#fff}
.featureGrid article:nth-child(2){background:#fbf9fd}
.featureGrid h3{color:var(--v272-deep);font-weight:800}
.featureGrid p{color:#4e4556}
.audienceBand{background:#efe9f5;border-top:1px solid #ddd1e8;border-bottom:1px solid #ddd1e8}
.audiencePills span{background:#fff;border:1.5px solid #cfc1df;color:#3d3249;box-shadow:0 3px 10px rgba(43,23,111,.045)}
.landingBand{background:linear-gradient(135deg,#25125f 0%,#3a217d 100%)}
.stepsGrid li{background:rgba(255,255,255,.095);border-color:rgba(255,255,255,.24)}
.stepsGrid b{background:#fff;color:var(--v272-deep);font-weight:900}
.publicFooter{border-top:2px solid #ddd1e8}

/* Review shell and navigation: darker text, clearer cards, stronger active state. */
#workspace{background:#f7f5f9}
#workspace>main{background:#fbfafc}
#workspace>nav.v27Sidebar{background:linear-gradient(180deg,#eee8f5 0%,#f4f0f7 100%);border-right:1px solid #cfc3dc;padding:28px 18px 34px}
#workspace>nav.v27Sidebar h2{color:var(--v272-deep);font-size:25px;font-weight:850}
#workspace>nav.v27Sidebar .v26NavIntro{color:#53495d;font-size:14.5px;font-weight:550}
#workspace>nav.v27Sidebar .step.v27Step{background:#fff!important;border:1px solid #d8cde3!important;color:#342c3c!important;box-shadow:0 3px 10px rgba(43,23,111,.05);min-height:70px}
#workspace>nav.v27Sidebar .step.v27Step:hover{background:#faf7fc!important;border-color:#bfaed2!important;box-shadow:0 7px 18px rgba(43,23,111,.09)}
#workspace>nav.v27Sidebar .step.v27Step.active{background:linear-gradient(135deg,#e9e0f3 0%,#f6f1fa 100%)!important;border-color:#a894c0!important;box-shadow:0 8px 22px rgba(43,23,111,.13);color:#271d35!important}
#workspace>nav.v27Sidebar .step.v27Step.active:before{width:5px;background:var(--v272-purple)}
#workspace>nav.v27Sidebar .v26StepNo{background:#e4dcea;color:#493b57;font-size:13px;font-weight:900}
#workspace>nav.v27Sidebar .step.active .v26StepNo{background:var(--v272-deep);color:#fff}
#workspace>nav.v27Sidebar .step.done:not(.active) .v26StepNo{background:#ddd2e8;color:#4b3a5e}
#workspace>nav.v27Sidebar .v26StepLabel{font-size:16.5px;font-weight:800;color:#32283a}
#workspace>nav.v27Sidebar .v26StepText small{font-size:13px;font-weight:650;color:#5b5163}
#workspace>nav.v27Sidebar .step.active .v26StepText small{color:#493a59}

/* Review content: crisper cards and primary/secondary hierarchy. */
#workspace main{max-width:1020px}
.title h1{color:var(--v272-deep);font-weight:850}
.reviewProgress{border-color:#d6cbe0;box-shadow:0 3px 10px rgba(43,23,111,.04)}
.card.prompt{background:#fff;border-color:#d7cde0;box-shadow:0 6px 18px rgba(43,23,111,.055);border-radius:15px}
.card.prompt .ph>b{color:#2f2737;font-weight:800}
.reflectionEvidence>small,.crumb,.muted{color:#5b5264}
textarea,input,select{border-color:#cfc3db;background:#fff;color:#2e2735}
textarea:focus,input:focus,select:focus{outline:3px solid rgba(112,95,175,.15);border-color:#8e78b5}
.ratings button:not(.selected){border-color:#c9bfd4;color:#433a4b;background:#fff}
.ratings .selected{background:var(--v272-deep);border-color:var(--v272-deep);color:#fff}
.guide,.link,.tools .secondary{border-color:#8d79af;color:#513b75;background:#fff}
.guide:hover,.link:hover,.tools .secondary:hover{background:#f1ebf7}

/* Coaching, strengths, Team Reflection and summaries use brand purple, not RAG green. */
.v25CoachHint,.v27CoachHint{background:#efe8f6!important;border:1px solid #cfbfdf!important;color:#44394e!important;box-shadow:inset 4px 0 0 #8b70b1}
.v25CoachHint b,.v27CoachHint b{color:#4c3472!important;font-weight:900}
.v25CoachStrip,.teamReflectionIntro,.v25OverallIntro,.v25SummaryIntro{background:#efe8f6!important;border:1px solid #cfbfdf!important;border-left:5px solid #705faf!important;color:#43384d!important}
.v25CoachStrip p,.v25OverallIntro p,.v25SummaryIntro p{color:#4f4557!important}
.teamReflectionHeader{background:#eee7f5!important;color:#3d2b5f!important;border:1px solid #c5b5d7!important}
.teamReflectionHeader:hover{background:#e5daf0!important}
.v25StrengthCoach{color:#553a7c!important;border-color:#8d79af!important}
.v25StrengthModal .strengthPrompt,.strengthBank{background:#f5f1f8!important;border-color:#d3c5e0!important}
.reflectionCard{border-left-color:#705faf!important}
.strengthCard{background:#f5f1f8!important;border:1px solid #d3c5e0!important;border-left:5px solid #705faf!important;color:#342b3c}
.supportWhy{background:#f2edf7!important;border-left-color:#705faf!important;color:#403647!important}
.supportPrompt{background:#f5f1f8!important;border-left-color:#8b70b1!important;color:#403647!important}
.supportBox h2,.supportBox h3{color:var(--v272-deep)}
.supportBody>section{border-color:#ddd3e5}

/* Keep semantic RAG colours only where they communicate an actual rating/status. */
.prompt.Green{border-color:var(--g)!important}
.prompt.Amber,.action.Amber,.priority.Amber{border-color:var(--a)!important}
.prompt.Red,.action.Red,.priority.Red{border-color:var(--r)!important}
.ragBadge.Green{background:var(--g)!important}
.ragBadge.Amber{background:var(--a)!important}
.ragBadge.Red{background:var(--r)!important}

/* Summary/action areas: better separation without visual noise. */
.metric,.actionStat{background:#eee8f5;border:1px solid #d8cce4;color:#40364a}
.metric b,.actionStat b{color:var(--v272-deep)}
.v25SummarySection>h2,.strengthBank h2,.teamSection h2{color:var(--v272-deep);font-weight:800}
.actionTableWrap,.actionDetails{border-color:#d4c8df}
.actionTable th{background:#e9e1f1;color:var(--v272-deep)}

@media(max-width:1100px) and (min-width:901px){
  #workspace>nav.v27Sidebar .v26StepLabel{font-size:15.8px}
}
