/* clientready feedback experience: fixed light appearance. */
body[data-current-view="feedback"]{color-scheme:light;background:linear-gradient(135deg,#f6a7b7 0%,#ff974f 100%)}
body[data-current-view="feedback"] .feedback-view{background:#f8f6ff}
.feedback-results{width:min(1140px,100%);gap:15px;padding:2px 0 28px;color:#13192d}
.results-hero,.coach-debrief,.slide-review,.ief-scorecard{border-color:#dde2ee;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(35,30,82,.075)}
.results-hero{padding:24px 26px}.result-overview{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:26px}
.result-primary{grid-template-columns:96px minmax(0,1fr);gap:18px;padding-left:2px}.result-badge{width:88px;height:84px;transform:scale(.88)}
.result-badge:before{width:76px;height:76px;border-radius:22px}.result-badge:after{width:30px;transform:translateY(19px)}.result-badge strong{font-size:1.28rem}
.overall-copy h1{margin:4px 0 6px;font-size:1.34rem}.overall-copy p{font-size:.8rem;line-height:1.5}
.dimension-overview{padding-left:26px}.dimension-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.dimension-heading>.eyebrow{margin:0}
.dimension-help{position:relative;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0edff;color:#6352d8;font-size:.7rem;font-weight:900;cursor:help}
.dimension-help:after{content:attr(data-tip);position:absolute;right:0;bottom:calc(100% + 9px);z-index:5;width:250px;padding:10px 12px;border:1px solid #e1ddf8;border-radius:10px;background:#fff;color:#4d5870;font-size:.69rem;font-weight:600;line-height:1.45;box-shadow:0 10px 28px rgba(35,30,82,.12);opacity:0;pointer-events:none;transform:translateY(4px);transition:.18s ease}
.dimension-help:hover:after,.dimension-help:focus:after{opacity:1;transform:none}
.dimension-grid,.dimension-grid:not(.dimension-grid-compact){grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.dimension-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 10px;min-height:76px;padding:12px 12px 10px 16px;overflow:hidden;border-color:#e7eaf2;border-radius:13px;background:#fbfbfd}
.dimension-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#6654df}.dimension-card.dim-cu:before{background:#f28c3d}.dimension-card.dim-jp:before{background:#20a68e}.dimension-card.dim-ct:before{background:#d9557d}.dimension-card.dim-ec:before{background:#3478db}.dimension-card.dim-rq:before{background:#c99a24}
.dimension-card>strong{font-size:.7rem;line-height:1.25}.dimension-card>b{align-self:start;font-size:.68rem;text-transform:uppercase}.dimension-card.rag-green>b{color:#0b8f61}.dimension-card.rag-amber>b{color:#a66c00}.dimension-card.rag-red>b{color:#bf3650}.dimension-card.rag-not-assessed>b{color:#7b8496}
.dimension-card>.rag-bars{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);place-items:stretch;width:auto;height:auto;gap:5px;align-self:end;border-radius:0;background:transparent;color:inherit;font-size:inherit}.rag-bars i{display:block;height:4px;border-radius:99px;background:#e9ebf1}.dimension-card.rag-red .rag-bars i.filled{background:#df536b}.dimension-card.rag-amber .rag-bars i.filled{background:#e6a91f}.dimension-card.rag-green .rag-bars i.filled{background:#14aa73}
.coach-debrief{padding:23px 26px}.debrief-heading{grid-template-columns:42px minmax(0,1fr);gap:12px;margin-bottom:15px}.debrief-heading>p{display:none}.debrief-heading h2{font-size:1.28rem}
.coach-overview{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:16px 18px;border:1px solid #e3e0f6;border-radius:14px;background:#faf9ff}.coach-overview h3{margin:0;color:#5948cc;font-size:.82rem;line-height:1.4}.coach-overview p{margin:0;color:#4f5b72;font-size:.8rem;line-height:1.5}
.coach-themes{display:grid;margin-top:4px}.coach-theme{display:grid;grid-template-columns:30px 170px minmax(0,1fr);gap:12px;align-items:start;padding:15px 4px;border-bottom:1px solid #eceef4}.coach-theme:last-child{border-bottom:0;padding-bottom:2px}
.coach-theme>i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#efedff;color:#5d4bdd;font-size:.72rem;font-weight:900;font-style:normal}.coach-theme.theme-good>i{background:#e6f8f0;color:#087d57}.coach-theme.theme-attention>i{background:#fff1e7;color:#c96a20}.coach-theme>strong{padding-top:5px;color:#222b40;font-size:.75rem}.coach-theme h3{margin:0 0 4px;font-size:.84rem;line-height:1.32}.coach-theme p{margin:0;color:#59657a;font-size:.78rem;line-height:1.48}
.slide-review{padding:23px 26px}.feedback-section-head{margin-bottom:14px}.feedback-section-head h2{font-size:1.28rem}.review-list,.summary-review-wrap{display:grid;gap:0;overflow:hidden;border:1px solid #e3e7f0;border-radius:14px;background:#fff}.summary-review-wrap .review-row{border-bottom:0}
.review-row{border:0;border-bottom:1px solid #e8ebf2;border-radius:0;background:#fff}.review-row:last-child{border-bottom:0}.review-row summary{grid-template-columns:32px minmax(155px,190px) 78px minmax(180px,1fr) 18px;grid-template-rows:auto;gap:12px;min-height:64px;padding:10px 14px;align-items:center}.review-number{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#f1efff;color:#5d4bdd;font-size:.65rem;font-weight:900}.summary-review .review-number{background:#171d31;color:#fff}
.review-name{min-width:0;align-self:center;text-align:left}.review-name strong{display:block;font-size:.76rem}.review-name small{display:block;margin-top:4px;color:#667188;font-size:.68rem;line-height:1.3}.review-status{display:grid;place-items:center;justify-self:start;min-width:64px;padding:5px 8px;border-radius:999px;font-size:.64rem;font-weight:900;text-transform:uppercase}.review-status.rag-green{background:#ddf8ec;color:#087e55}.review-status.rag-amber{background:#fff1c7;color:#956000}.review-status.rag-red{background:#ffe0e5;color:#b32b45}.review-status.rag-not-assessed{background:#eef0f5;color:#717a8c}
.review-summary{color:#59657a;font-size:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.review-chevron{grid-column:5;grid-row:1;justify-self:end;align-self:center}.review-row[open] .review-chevron{transform:rotate(90deg)}
.review-detail{display:block;padding:0 14px 16px 58px}.review-detail>div{padding:0;border-radius:0;background:transparent}.review-submission{padding:13px 15px!important;margin-bottom:5px;background:#faf9ff!important;border-left:4px solid #6d5ce7!important;border-radius:0 10px 10px 0!important}.review-submission>strong{display:block;margin-bottom:6px;color:#4e42b5;font-size:.69rem}.review-submission blockquote{margin:0;color:#273047;font-size:.8rem;font-weight:650;line-height:1.48}
.review-flow{display:grid}.review-flow article{display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px;padding:13px 4px;border-bottom:1px solid #eceef4}.review-flow article:last-child{border-bottom:0}.review-flow article>span>strong{display:block;margin:2px 0 5px;font-size:.75rem}.review-flow p{margin:0;color:#536078;font-size:.78rem;line-height:1.48}.review-next{border:0;background:transparent!important}
.summary-divider{display:flex;align-items:center;gap:12px;margin:20px 0 10px;color:#5d4bdd;font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.summary-divider:after{content:"";height:1px;flex:1;background:#e3e0f4}.summary-review{margin:0;border:0}.ief-scorecard{padding:0;box-shadow:none}.feedback-actions{padding:4px 2px 8px}
@media(max-width:1120px){.result-overview{grid-template-columns:1fr}.dimension-overview{padding-left:0}.coach-overview{grid-template-columns:150px minmax(0,1fr)}.coach-theme{grid-template-columns:30px 150px minmax(0,1fr)}.review-row summary{grid-template-columns:32px minmax(140px,170px) 74px minmax(160px,1fr) 18px}}
@media(max-width:900px){.dimension-grid,.dimension-grid:not(.dimension-grid-compact){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.results-hero,.coach-debrief,.slide-review{padding:20px}.coach-overview{grid-template-columns:1fr;gap:6px}.coach-theme{grid-template-columns:30px minmax(0,1fr)}.coach-theme>strong,.coach-theme>div{grid-column:2}.review-row summary{grid-template-columns:32px 1fr auto 18px;grid-template-rows:auto auto}.review-name{grid-column:2}.review-status{grid-column:3}.review-summary{grid-column:2/4}.review-chevron{grid-column:4;grid-row:1/3}.review-detail{padding-left:14px}}
@media(max-width:620px){.result-primary{grid-template-columns:78px minmax(0,1fr);text-align:left}.result-badge{width:72px;height:70px;margin:0}.result-badge:before{width:64px;height:64px}.result-badge strong{font-size:1.05rem}.overall-copy p{margin:0}.dimension-grid,.dimension-grid:not(.dimension-grid-compact){grid-template-columns:1fr}.review-row summary{grid-template-columns:30px 1fr auto}.review-name{grid-column:2/4}.review-status{grid-column:2}.review-summary{grid-column:2/4}.review-chevron{display:none}.feedback-actions{flex-direction:column-reverse;align-items:stretch}.feedback-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.result-badge,.dimension-card,.review-row{animation:none;transform:none;opacity:1}}

/* Final results hierarchy: the outcome leads, supporting feedback stays readable. */
body[data-current-view="feedback"] .result-overview{
  grid-template-columns:minmax(400px,.92fr) minmax(0,1.28fr);
  gap:30px;
}
body[data-current-view="feedback"] .result-primary{
  grid-template-columns:136px minmax(0,1fr);
  gap:22px;
  padding-left:2px;
}
body[data-current-view="feedback"] .result-badge{
  width:128px;
  height:124px;
  transform:none;
}
body[data-current-view="feedback"] .result-badge:before{
  width:110px;
  height:110px;
  border-radius:31px;
}
body[data-current-view="feedback"] .result-badge:after{
  width:44px;
  height:5px;
  transform:translateY(29px);
}
body[data-current-view="feedback"] .result-badge strong{font-size:1.7rem}
body[data-current-view="feedback"] .result-label{font-size:.78rem;font-weight:850}
body[data-current-view="feedback"] .overall-copy h2{
  max-width:390px;
  margin:5px 0 0;
  font-size:1.48rem;
  line-height:1.24;
}
.clientready-result{
  position:relative;
  display:inline-block;
  color:inherit;
  white-space:nowrap;
}
.clientready-result:after{
  content:"";
  position:absolute;
  left:17%;
  bottom:-5px;
  width:66%;
  height:4px;
  border-radius:999px;
  background:#df536b;
}
.results-hero.rag-amber .clientready-result:after{background:#e6a91f}
.results-hero.rag-green .clientready-result:after{background:#14aa73}

body[data-current-view="feedback"] .dimension-card{min-height:82px;padding:13px 13px 11px 17px}
body[data-current-view="feedback"] .dimension-card>strong{font-size:.82rem;line-height:1.28}
body[data-current-view="feedback"] .dimension-card>b{font-size:.75rem}
body[data-current-view="feedback"] .ief-scorecard summary strong{font-size:.86rem}
body[data-current-view="feedback"] .ief-scorecard summary small{font-size:.76rem;line-height:1.4}

body[data-current-view="feedback"] .feedback-coach .debrief-heading h2,
body[data-current-view="feedback"] .feedback-section-head h2{font-size:1.38rem}
body[data-current-view="feedback"] .feedback-coach .coach-theme small{font-size:.75rem}
body[data-current-view="feedback"] .feedback-coach .coach-theme h3{font-size:.95rem}
body[data-current-view="feedback"] .feedback-coach .coach-theme p{font-size:.88rem;line-height:1.55}
body[data-current-view="feedback"] .feedback-section-head p{font-size:.82rem;line-height:1.5}

body[data-current-view="feedback"] .review-row summary{min-height:78px;padding-top:13px;padding-bottom:13px}
body[data-current-view="feedback"] .review-number{font-size:.73rem}
body[data-current-view="feedback"] .review-name strong{font-size:.88rem}
body[data-current-view="feedback"] .review-name small{font-size:.77rem}
body[data-current-view="feedback"] .review-focus{font-size:.79rem;line-height:1.35}
body[data-current-view="feedback"] .dimension-pill{font-size:.75rem;min-height:30px;padding:6px 10px}
body[data-current-view="feedback"] .review-status{font-size:.72rem;padding:6px 10px}
body[data-current-view="feedback"] .review-detail>article>strong{font-size:.82rem}
body[data-current-view="feedback"] .review-detail p,
body[data-current-view="feedback"] .review-detail blockquote,
body[data-current-view="feedback"] .review-detail .summary-submission{font-size:.87rem;line-height:1.56}

@media(max-width:1120px){
  body[data-current-view="feedback"] .result-overview{grid-template-columns:1fr}
  body[data-current-view="feedback"] .result-primary{padding:0 0 24px;border-right:0;border-bottom:1px solid #e6e8f0}
}
@media(max-width:620px){
  body[data-current-view="feedback"] .result-primary{grid-template-columns:94px minmax(0,1fr);gap:16px}
  body[data-current-view="feedback"] .result-badge{width:90px;height:88px}
  body[data-current-view="feedback"] .result-badge:before{width:78px;height:78px;border-radius:23px}
  body[data-current-view="feedback"] .result-badge:after{width:32px;height:4px;transform:translateY(21px)}
  body[data-current-view="feedback"] .result-badge strong{font-size:1.25rem}
  body[data-current-view="feedback"] .overall-copy h2{font-size:1.2rem}
}

/* Feedback uses the same canvas and fixed navigation slot as Briefing and Practice. */
body[data-current-view="feedback"] .feedback-view{
  display:block;
  width:100%;
  padding:0;
}
body[data-current-view="feedback"] .feedback-results{
  width:100%;
  max-width:none;
  margin:0;
}
body[data-current-view="feedback"] .topbar .mode-tabs{
  grid-column:3;
  grid-row:1;
  justify-self:end;
  width:max-content;
  margin:0;
}
body[data-current-view="feedback"] .topbar .top-status{
  display:flex;
  grid-column:4;
  grid-row:1;
  justify-self:end;
  visibility:visible;
}
@media(min-width:1121px){
  body[data-current-view="feedback"] .result-overview{
    grid-template-columns:minmax(420px,.9fr) minmax(620px,1.35fr);
    gap:34px;
  }
  body[data-current-view="feedback"] .results-hero{padding-left:30px;padding-right:30px}
  body[data-current-view="feedback"] .feedback-coach .coach-debrief,
  body[data-current-view="feedback"] .slide-review{padding-left:30px;padding-right:30px}
}
@media(max-width:1099px){
  body[data-current-view="feedback"] .topbar .mode-tabs{
    grid-column:1/-1;
    grid-row:2;
    justify-self:center;
  }
  body[data-current-view="feedback"] .topbar .top-status{
    grid-column:1/-1;
    grid-row:3;
  }
}
