.evaluation-subnav[hidden], .evaluation-shell [hidden] { display: none !important; }
.evaluation-subnav { display: grid; gap: 4px; margin-block: 4px 12px; padding-inline-start: 12px; border-inline-start: 2px solid var(--gold); }
.evaluation-subnav button, .evaluation-mobile-nav button { background: transparent; border: 1px solid transparent; border-radius: 9px; color: inherit; font: inherit; padding: 8px 10px; text-align: start; cursor: pointer; }
.evaluation-subnav button { color: #d6e1ef; }
.evaluation-subnav button[aria-current], .evaluation-mobile-nav button[aria-current] { background: #eaf7f9; color: #123343; border-color: #83c8d2; }
.evaluation-shell { color: var(--card-text); min-width: 0; }
.evaluation-header, .evaluation-view { padding: clamp(16px,3vw,28px); border-radius: 16px; }
.evaluation-header { display: flex; gap: 18px; align-items: center; justify-content: space-between; flex-wrap: wrap; background: #173249; color: #fff; margin-block-end: 14px; }
.evaluation-header h2, .evaluation-view h3 { margin: 0 0 8px; }
.evaluation-header p, .evaluation-view > p { margin: 0 0 12px; }
.evaluation-kicker { font-size: .85rem; color: #9ce3e9; }
.evaluation-view { background: var(--card-bg); border: 1px solid var(--card-border); }
.evaluation-form { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,200px),1fr)); gap: 12px; margin: 14px 0; align-items: end; }
.evaluation-shell label { display: grid; gap: 6px; font-weight: 700; font-size: .9rem; }
.evaluation-shell label:has(input[type="checkbox"]) { display: flex; align-items: center; min-height: 42px; }
.evaluation-shell select, .evaluation-shell input:not([type="checkbox"]) { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid var(--card-border); border-radius: 8px; color: var(--card-text); background: var(--card-bg-soft); font: inherit; }
.evaluation-view button { min-height: 42px; padding: 8px 14px; border: 1px solid var(--card-border); border-radius: 8px; background: var(--card-bg-soft); color: var(--card-text); font: inherit; cursor: pointer; }
.evaluation-form button[type="submit"] { background: #145467; color: #fff; border-color: transparent; }
.evaluation-view button:disabled { opacity: .65; cursor: wait; }
.evaluation-year-links { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 14px 0; }
.evaluation-year-links a { display: inline-block; padding: 5px 12px; border-radius: 99px; background: #eaf7f9; color: #12495b; }
.evaluation-axis, .evaluation-domain { margin-block: 10px; border: 1px solid var(--card-border); border-radius: 10px; }
.evaluation-axis { background: var(--card-bg-soft); }
.evaluation-axis > summary, .evaluation-domain > summary { cursor: pointer; padding: 11px 14px; font-weight: 700; }
.evaluation-domain { margin-inline: 12px; background: var(--card-bg); }
.evaluation-index { display: inline-block; margin-inline: 6px; color: #176a78; }
.evaluation-view ul, .evaluation-view ol { padding-inline-start: 26px; }
.evaluation-view li { margin-block: 7px; overflow-wrap: anywhere; }
.evaluation-view a { text-underline-offset: 3px; }
.evaluation-mobile-nav { display: none; }
@media (max-width: 900px) {
  .evaluation-mobile-nav { display: flex; flex-wrap: wrap; gap: 6px; margin-block-end: 12px; background: var(--card-bg); padding: 6px; border-radius: 10px; }
}

.evaluation-intro { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-block-end:14px; }
.evaluation-intro p { margin:0; color:var(--card-text-soft); }
.evaluation-metrics, .evaluation-charts { display:grid; gap:12px; margin-block:14px 22px; }
.evaluation-metrics { grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)); }
.evaluation-metrics > div, .evaluation-charts > section { padding:15px; border:1px solid var(--card-border); border-radius:12px; background:var(--card-bg-soft); }
.evaluation-metrics > div { border-block-start:3px solid #258495; }
.evaluation-metrics span, .evaluation-metrics strong { display:block; }
.evaluation-metrics strong { font-size:1.6rem; margin-block-start:6px; }
.evaluation-charts { grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); }
.evaluation-bar-row { display:grid; grid-template-columns:1fr auto; gap:4px 10px; margin-block:10px; }
.evaluation-bar-row progress { grid-column:1 / -1; width:100%; accent-color:#26889a; }
.evaluation-axis-cards button { text-align:start; padding:16px; border-block-start:3px solid #258495; }
.evaluation-task-dialog { width:min(620px,calc(100% - 32px)); max-height:calc(100dvh - 32px); padding:22px; border:1px solid var(--card-border); border-radius:16px; background:var(--card-bg); color:var(--card-text); }
.evaluation-task-dialog::backdrop { background:#0b1624b3; }

.evaluation-standard { border-block-end:1px solid var(--card-border); }
.evaluation-standard > summary { cursor:pointer; padding:10px 6px; font-weight:700; color:#176a78; }
.evaluation-standard > [data-standard-files] { padding:0 6px 12px; }
.evaluation-file-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:10px; }
.evaluation-file-grid article { min-width:0; padding:12px; border:1px solid var(--card-border); border-radius:10px; background:var(--card-bg-soft); }
.evaluation-file-grid article > a { font-weight:700; overflow-wrap:anywhere; }
.evaluation-file-grid details { margin-block-start:8px; }
.evaluation-file-grid summary { cursor:pointer; }
.evaluation-file-grid iframe { display:block; width:100%; height:250px; margin-block-start:8px; border:1px solid var(--card-border); border-radius:8px; }
.evaluation-file-grid p { color:var(--card-text-soft); font-size:.85rem; }

.evaluation-report-actions { display:flex; flex-wrap:wrap; gap:8px; }
.evaluation-teacher-picker { grid-column:1 / -1; margin:0; min-width:0; border:1px solid var(--card-border); border-radius:10px; padding:8px 12px; }
.evaluation-teacher-picker legend { font-weight:700; }
.evaluation-teacher-picker > div { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr)); gap:6px; max-height:180px; overflow:auto; }
.evaluation-shell .evaluation-teacher-picker label { display:flex; align-items:center; gap:7px; min-height:36px; }
.evaluation-shell .evaluation-teacher-picker input { width:auto; min-height:auto; }
.evaluation-axis { overflow:hidden; border-inline-start:4px solid #258495; }
.evaluation-axis > summary { padding:14px; }
.evaluation-file-grid article > a { display:grid; gap:8px; }
.evaluation-file-cover { display:grid; place-items:center; aspect-ratio:16/10; overflow:hidden; background:#e6f1f5; color:#145467; border-radius:8px; }
.evaluation-file-cover img { display:block; width:100%; height:100%; object-fit:contain; }
.evaluation-file-type { font-size:1.25rem; font-weight:800; letter-spacing:.05em; }

/* Evaluation map */
.evaluation-map-top { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; flex-wrap:wrap; margin-block-end:20px; }
.evaluation-map-top h3 { font-size:clamp(1.35rem,2.8vw,1.9rem); margin-block:2px 6px; }
.evaluation-map-top p { margin:0; color:var(--card-text-soft); }
.evaluation-map-top .evaluation-map-kicker { color:#176a78; font-size:.82rem; font-weight:800; }
.evaluation-map-drive .evaluation-year-links { margin:0; padding:10px 12px; background:var(--card-bg-soft); border:1px solid var(--card-border); border-radius:10px; font-size:.82rem; }
.evaluation-map-drive a { text-decoration:none; }
.evaluation-map-axes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-block-end:20px; }
.evaluation-map-axes > button { display:grid; justify-items:start; align-content:start; gap:8px; min-height:122px; text-align:start; padding:14px; border:1px solid var(--card-border); border-radius:12px; background:var(--card-bg-soft); }
.evaluation-map-axes > button[aria-pressed=true] { background:#e9f7f8; color:#113f50; border-color:#3b9eab; box-shadow:inset 0 -3px #258495; }
.map-axis-number { display:grid; place-items:center; min-width:34px; min-height:29px; border-radius:7px; background:#d2edf0; color:#145467; font-weight:800; font-variant-numeric:tabular-nums; }
.evaluation-map-axes small { font-size:.8rem; opacity:.8; }
.evaluation-axes .evaluation-axis { padding:16px; border:1px solid var(--card-border); border-radius:12px; background:var(--card-bg-soft); }
.evaluation-axes .evaluation-axis > h4 { margin:0 0 12px; font-size:1.05rem; }
.evaluation-axes .evaluation-domain { margin-inline:0; }
.evaluation-axes .evaluation-domain[open] > summary { border-block-end:1px solid var(--card-border); }
.evaluation-axes .evaluation-domain > ul { list-style:none; margin:0; padding:4px 12px; }
.evaluation-axes .evaluation-domain > ul > li:last-child .evaluation-standard { border:0; }
@media (max-width:640px) {
  .evaluation-map-axes { grid-template-columns:1fr; gap:8px; }
  .evaluation-map-axes > button { min-height:0; grid-template-columns:auto 1fr; align-items:center; }
  .evaluation-map-axes small { grid-column:2; }
}

.evaluation-coverage-summary { padding:12px 14px; border-radius:10px; background:var(--card-bg-soft); border:1px solid var(--card-border); }
.evaluation-standard-tiles { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr)); gap:12px; margin-block:14px 24px; }
.evaluation-standard-tiles .evaluation-standard-tile { display:grid; grid-template-rows:auto auto 1fr auto; justify-items:center; align-items:start; gap:6px; min-height:146px; padding:12px 8px; text-align:center; background:var(--card-bg); }
.evaluation-tile-icon { display:grid; place-items:center; width:45px; height:40px; border-radius:10px; background:#edf2f7; color:#51677d; }
.evaluation-standard-tile[data-has-files=true] .evaluation-tile-icon { background:#e0f3f2; color:#146273; }
.evaluation-standard-tile strong { font-size:.85rem; line-height:1.35; overflow-wrap:anywhere; }
.evaluation-tile-code { font-size:.76rem; color:var(--card-text-soft); }
.evaluation-tile-count { padding:3px 10px; border-radius:99px; background:var(--card-bg-soft); color:var(--card-text); font-size:.8rem; font-weight:800; }
.evaluation-standard-tiles .evaluation-standard-tile:hover,
.evaluation-standard-tiles .evaluation-standard-tile[aria-pressed=true] { border-color:#3c9aa7; background:#eaf7f9; color:#123343; }
.evaluation-standard-tile:focus-visible { outline:2px solid #237b8b; outline-offset:2px; }
@media(max-width:450px) { .evaluation-standard-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } }

.evaluation-view[data-evaluation-screen="report"] .report-controls button.primary { background:#f5a623; border-color:#f5a623; color:#182b3c; font-weight:800; }
.evaluation-view[data-evaluation-screen="report"] .report-actions .btn-secondary { background:var(--card-bg-soft); border-color:#d6901e; color:#925707; font-weight:700; }
#evaluationReportPreview .table-wrap { overflow-x:auto; margin-block-end:16px; }
#evaluationReportPreview h3 { margin-block:16px 8px; color:#1e293b; }
#evaluationReportPreview table { min-width:580px; }
#evaluationReportPreview .rp-meta { flex-wrap:wrap; gap:8px; }

.evaluation-year-links [data-map-year] { min-height:38px; border-radius:99px; padding:5px 12px; background:#eaf7f9; color:#12495b; }
.evaluation-year-links [data-map-year][aria-pressed=true] { background:#145467; color:#fff; border-color:#145467; font-weight:800; }

.evaluation-file-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,172px),220px)); }
.evaluation-file-cover { aspect-ratio:auto; height:92px; }
.evaluation-file-grid article { padding:10px; }
.evaluation-file-grid article > a { font-size:.88rem; }

[data-evaluation-domains] { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.evaluation-domain-column { min-width:0; display:grid; grid-template-rows:auto 92px 1fr; gap:6px; text-align:center; font-size:.75rem; }
.evaluation-domain-track { position:relative; width:24px; height:92px; margin-inline:auto; overflow:hidden; border-radius:8px; background:#dbe8ed; }
.evaluation-domain-fill { position:absolute; inset-inline:0; bottom:0; background:var(--domain-color); border-radius:7px; }
.evaluation-domain-column span:last-child { overflow-wrap:anywhere; }

.evaluation-shell, .evaluation-view, .evaluation-charts > section,
.evaluation-view > *, #evaluationReportPreview, #evaluationReportPreview .table-wrap {
  min-width:0; max-width:100%; box-sizing:border-box;
}
.evaluation-shell, .evaluation-view { width:100%; }
.evaluation-mobile-nav { min-width:0; max-width:100%; }
#evaluationReportPreview .table-wrap { width:100%; overflow-x:auto; }
#evaluationReportPreview .rp-stats { overflow-wrap:anywhere; }
@media(max-width:600px) {
  #evaluationReportPreview { padding:14px; }
  .evaluation-view[data-evaluation-screen="report"] .report-controls .field { min-width:0; flex:1; }
  .evaluation-view[data-evaluation-screen="report"] .report-controls select { min-width:0; max-width:100%; }
  .evaluation-view[data-evaluation-screen="report"] .report-actions { gap:6px; }
  .evaluation-view[data-evaluation-screen="report"] .report-actions button { padding:8px; flex:1; font-size:.8rem; }
}

.evaluation-work-dialog { width:min(900px,calc(100% - 24px)); max-height:calc(100dvh - 32px); overflow:auto; margin:auto; padding:22px; border:1px solid #c7dce3; border-radius:16px; background:#fff; color:#173449; font:inherit; }
.evaluation-work-dialog::backdrop { background:#0b1624b3; }
.evaluation-work-columns { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:20px; margin-block:16px; }
.evaluation-work-dialog textarea { display:block; width:100%; box-sizing:border-box; min-height:110px; padding:10px; border:1px solid #c9dce4; border-radius:8px; font:inherit; margin-block:8px; color:#173449; background:#f8fafc; }
.evaluation-work-dialog input[type=range] { width:100%; }
.evaluation-work-dialog button { padding:8px 14px; min-height:42px; border:1px solid #bcd5df; border-radius:8px; background:#eaf6f8; color:#173449; font:inherit; cursor:pointer; }
.evaluation-work-dialog ol { padding-inline-start:22px; }
.evaluation-work-dialog li { border-inline-start:2px solid #72b8c2; padding:8px 12px; margin-block:8px; background:#f8fafc; }
.evaluation-work-progress { font-size:1.15rem; font-weight:800; color:#157084; }
.evaluation-task-donut { width:150px; height:150px; margin:12px auto; border-radius:50%; display:grid; place-items:center; }
.evaluation-task-donut strong { display:grid; place-items:center; width:105px; height:105px; background:var(--card-bg-soft); border-radius:50%; font-size:1.8rem; }
.evaluation-axis-cards button { display:grid; gap:12px; min-height:110px; }
.evaluation-axis-cards small { color:#176477; }
.evaluation-followup { padding:14px; border:1px solid var(--card-border); border-radius:12px; margin-block:18px; }
[data-evaluation-urgent] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:8px; }
[data-evaluation-urgent] button { text-align:start; border-inline-start:3px solid #d99d2f; }
.evaluation-readiness-note { color:var(--card-text-soft); font-size:.85rem; }

/* Evaluation navigation shares the school's petrol and gold identity. */
.evaluation-subnav { padding:8px; gap:6px; margin:8px 0 14px; border:1px solid #426476; border-radius:14px; background:#102d40; }
.evaluation-subnav button,.evaluation-mobile-nav button { display:flex; align-items:center; gap:10px; min-height:44px; font-size:.9rem; }
.evaluation-nav-icon { display:inline-grid; place-items:center; flex:0 0 28px; width:28px; height:28px; border-radius:8px; background:#ffffff12; font-size:1.3rem; }
.evaluation-subnav button:hover { background:#ffffff0d; }
.evaluation-subnav button[aria-current] { background:#f5ad20; color:#142d3c; border-color:#f5ad20; font-weight:800; box-shadow:0 3px 12px #0002; }
.evaluation-subnav button[aria-current] .evaluation-nav-icon { background:#fff5; }
@media(max-width:900px) { .evaluation-mobile-nav { flex-wrap:nowrap; overflow-x:auto; } .evaluation-mobile-nav button { flex-shrink:0; white-space:nowrap; } }
.evaluation-management-form { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;padding:16px;background:#f5f9fb;border:1px solid #dbe5ec;border-radius:12px;margin-block:16px; }
.evaluation-management-form label { display:grid;gap:7px;align-content:start;min-width:0; }
.evaluation-management-form input,.evaluation-management-form select,.evaluation-management-form textarea { width:100%;min-width:0;box-sizing:border-box;padding:10px;min-height:44px;border:1px solid #c6d7e0;border-radius:8px;background:white;color:#183449;font:inherit; }
.evaluation-management-form textarea { min-height:110px; }
.evaluation-management article { border:1px solid #dbe5ec;padding:16px;border-radius:12px;margin-block:12px;overflow-wrap:anywhere; }
.evaluation-management article p { white-space:pre-wrap; }
.evaluation-management button { padding:10px 15px;border:1px solid #a6c5d0;border-radius:8px;background:#e8f5f8;color:#183449;font:inherit;cursor:pointer; }
.evaluation-management button[type=submit] { background:#155568;color:#fff;align-self:end; }
.evaluation-management progress { width:100%;accent-color:#1c8899; }
/* Executive dashboard uses the dark reference palette within the evaluation overview. */
[data-evaluation-screen="overview"] { --lead-surface:#171e3a; --lead-border:#343d62; --lead-text:#f5f5ff; --lead-muted:#c7cdea; color:var(--lead-text); }
.evaluation-lead-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px 24px; margin-block-end:14px; padding:clamp(16px,3vw,32px); border-radius:18px; background:radial-gradient(ellipse at 8% 0%,#554bbd,transparent 56%),linear-gradient(120deg,#272056,#40317e); color:#fff; box-shadow:0 8px 22px #20164325; }
.evaluation-lead-hero h3 { font-size:clamp(1.3rem,3vw,2rem); margin-block:8px 4px; line-height:1.3; }
.evaluation-lead-hero p { margin:0; color:#e8e2ff; }
.evaluation-lead-hero .evaluation-lead-kicker { display:inline-block; padding:4px 10px; border-radius:999px; background:#ffffff19; font-size:.82rem; font-weight:700; }
.evaluation-lead-score { display:grid; justify-items:center; gap:8px; font-size:.84rem; text-align:center; padding:10px 14px; background:#ffffff12; border:1px solid #ffffff30; border-radius:14px; }
.evaluation-lead-actions { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px; padding-block-start:14px; border-block-start:1px solid #ffffff32; }
.evaluation-lead-actions button { appearance:none; font:inherit; font-size:.88rem; font-weight:700; min-height:44px; padding:8px 14px; border:1px solid #ffffff70; border-radius:9px; color:#fff; background:#ffffff15; cursor:pointer; }
.evaluation-lead-actions button.evaluation-lead-primary { background:#f2edff; color:#39266f; border-color:#f2edff; }
.evaluation-lead-actions button[aria-current=true] { box-shadow:inset 0 0 0 1px currentColor; }
.evaluation-lead-actions button:hover:not(:disabled) { filter:brightness(1.13); }
.evaluation-lead-actions button:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.evaluation-lead-actions button:disabled { opacity:.55; cursor:default; }
.evaluation-lead-ring { --coverage:0%; width:clamp(90px,13vw,148px); aspect-ratio:1; display:grid; place-items:center; border-radius:50%; background:conic-gradient(white var(--coverage),#ffffff40 0); }
.evaluation-lead-ring strong { display:grid; place-items:center; width:85%; aspect-ratio:1; border-radius:50%; background:#594bce; color:white; font-size:clamp(1.2rem,3vw,2rem); }
[data-evaluation-screen="overview"] .evaluation-lead-metrics { grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr)); }
[data-evaluation-screen="overview"] .evaluation-lead-metrics > * { display:grid; gap:4px; text-align:start; padding:12px; border:1px solid var(--lead-border); border-radius:12px; background:var(--lead-surface); color:var(--lead-text); }
.evaluation-lead-metrics > * > span { color:var(--lead-muted); }
.evaluation-lead-metrics .evaluation-unmeasured { font-size:.9rem; }
[data-evaluation-screen="overview"] .evaluation-charts > section,
[data-evaluation-screen="overview"] .evaluation-followup { background:var(--lead-surface); color:var(--lead-text); border-color:var(--lead-border); }
[data-evaluation-screen="overview"] .evaluation-charts p { color:var(--lead-muted); }
[data-evaluation-screen="overview"] .evaluation-domain-column { color:var(--lead-text); }
[data-evaluation-screen="overview"] .evaluation-domain-track { background:#303855; }
[data-evaluation-screen="overview"] .evaluation-task-donut { background:#343a56; }
[data-evaluation-screen="overview"] .evaluation-task-donut strong { background:var(--lead-surface); }
[data-evaluation-states] { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; }
[data-evaluation-states] button { color:var(--lead-text); background:#222b4b; border:1px solid var(--lead-border); border-radius:8px; padding:6px 8px; min-height:40px; }
[data-evaluation-states] button::before { content:""; display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--state-color); margin-inline-end:6px; }
@media (max-width:480px) {
  .evaluation-lead-hero { grid-template-columns:minmax(0,1fr); }
  .evaluation-lead-score { justify-self:stretch; grid-template-columns:auto minmax(0,1fr); align-items:center; justify-items:start; }
  .evaluation-lead-actions button { flex:1 1 auto; }
  [data-evaluation-domains] { gap:4px; }
  .evaluation-domain-column { overflow-wrap:anywhere; }
}
.evaluation-axis-cards progress { display:block; width:100%; height:8px; margin-block-start:8px; accent-color:#6e5ef2; }
.evaluation-axis-cards button:nth-child(2) progress { accent-color:#20a1c9; }
.evaluation-axis-cards button:nth-child(3) progress { accent-color:#35ae82; }
/* Light leadership workspace following the reference video. */
[data-evaluation-screen="overview"] { --lead-surface:#fff; --lead-border:#e1e5f2; --lead-text:#181e36; --lead-muted:#536079; padding:clamp(10px,2vw,22px); border-radius:16px; background:#f5f7fc; }
[data-evaluation-screen="overview"] .evaluation-lead-metrics > * { border-block-start:3px solid #735af1; box-shadow:0 3px 10px #20295509; }
[data-evaluation-screen="overview"] .evaluation-lead-metrics > :nth-child(3n+2) { border-block-start-color:#139cb1; }
[data-evaluation-screen="overview"] .evaluation-lead-metrics > :nth-child(3n+3) { border-block-start-color:#29a979; }
.evaluation-section-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-block:18px 8px; }
.evaluation-section-heading h3 { margin:0; }
[data-evaluation-screen="overview"] .evaluation-domain-track { background:#eef0f9; width:clamp(16px,4vw,36px); height:132px; }
[data-evaluation-screen="overview"] .evaluation-domain-column { grid-template-rows:auto 132px 1fr; }
[data-evaluation-screen="overview"] .evaluation-task-donut { background:#e9ecf7; }
[data-evaluation-states] button { background:#f5f6fc; }
[data-evaluation-screen="overview"] .evaluation-axis-cards > button { background:#fff; color:#181e36; text-align:start; border-block-start:4px solid #735af1; }
[data-evaluation-screen="overview"] .evaluation-axis-cards > button:nth-child(2) { border-block-start-color:#139cb1; }
[data-evaluation-screen="overview"] .evaluation-axis-cards > button:nth-child(3) { border-block-start-color:#29a979; }
.evaluation-standard > summary { display:grid; grid-template-columns:minmax(0,1fr) minmax(145px,28%) auto; align-items:center; gap:12px; padding:12px; color:#242745; background:#f7f7fd; border-radius:9px; }
.evaluation-standard > summary::after { content:"⌄"; color:#6449cf; }
.evaluation-standard[open] > summary { background:#ede8ff; }
.evaluation-standard[open] > summary::after { transform:rotate(180deg); }
.evaluation-standard-heading { display:flex; align-items:center; gap:9px; min-width:0; overflow-wrap:anywhere; }
.evaluation-standard-heading bdi { color:#553bc2; background:#ede8ff; padding:4px 8px; border-radius:6px; flex-shrink:0; }
.evaluation-standard-progress { display:grid; gap:5px; color:#57489d; font-size:.8rem; }
.evaluation-standard-progress progress { width:100%; height:7px; accent-color:#6a52ec; }
.evaluation-standard-progress progress[hidden] { display:none; }
@media(max-width:550px) {
  .evaluation-standard > summary { grid-template-columns:minmax(0,1fr) auto; gap:6px; }
  .evaluation-standard-progress { grid-row:2; grid-column:1/-1; }
}
.evaluation-standard-preview { padding:12px; margin:8px 0; background:#fff; color:#242745; border:1px solid #e1e5f2; border-radius:10px; }
.evaluation-standard-preview[hidden] { display:none; }
.evaluation-standard-preview h5 { margin:0 0 8px; }
.evaluation-standard-preview ul { list-style:none; padding:0; margin:0; }
.evaluation-standard-preview li { display:flex; justify-content:space-between; gap:8px; padding:6px 0; border-block-start:1px solid #edf0f8; overflow-wrap:anywhere; }
.evaluation-standard-preview strong { flex-shrink:0; color:#57489d; }
.evaluation-standard-owners { color:#3f4964; font-weight:600; overflow-wrap:anywhere; }
.evaluation-standard-owners:empty { display:none; }
.evaluation-standard-progress > span:first-child { font-weight:800; }
