/* Evaluation layout only. IDs and save handlers remain shared with the existing app. */
@media screen {
  html[data-look="cocoa"] .judge-page .judge-context {
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
    gap:8px 16px!important;padding:8px 14px!important;min-height:58px;
  }
  .judge-context-title,.judge-context-tools { display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0; }
  .judge-context-title { flex:1 1 auto; }
  html[data-look="cocoa"] .judge-context h1 { margin:0;font-size:16px!important;font-weight:700;line-height:1.4; }
  .judge-context-tools { margin-left:auto; }
  .judge-identity { color:var(--ui-muted);font-size:13px; }
  html[data-look="cocoa"] .judge-context button { min-height:40px;padding:6px 10px;font-weight:600!important; }
  html[data-look="cocoa"] .judge-context .judge-save-state {
    margin:0;padding:4px 8px;border:0;border-radius:5px;background:var(--ui-subtle);
    color:var(--ui-muted);font-size:12px;line-height:1.4;max-width:260px;
  }
  html[data-look="cocoa"] .judge-save-state:is([data-state="dirty"],[data-state="saving"]) {
    background:var(--ui-warning-soft);color:var(--ui-warning);font-weight:600;
  }
  html[data-look="cocoa"] .judge-save-state[data-state="message"] { color:var(--ui-ink);background:var(--ui-accent-soft); }
  .judge-page .judge-sidebar { width:264px;background:var(--ui-surface);border-right:1px solid var(--ui-line); }
  .judge-progress { padding:14px 16px;background:var(--ui-interview-soft);border-bottom:1px solid var(--ui-line); }
  .judge-progress-label { display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px; }
  html[data-look="cocoa"] .judge-progress h2 { font-size:13px!important;margin:0;font-weight:600; }
  .judge-progress-label strong { color:var(--ui-interview-ink);font-size:14px; }
  .judge-progress-track { height:4px;border-radius:3px;overflow:hidden;background:var(--ui-line); }
  .judge-progress-track > div { height:100%;background:var(--ui-interview-ink); }
  .judge-roster-label { padding:6px 16px;font-size:11px;color:var(--ui-muted);border-bottom:1px solid var(--ui-line); }
  .judge-roster-scroll { min-height:0; }
  html[data-look="cocoa"] .judge-page .cand-item { padding:12px 14px;min-height:68px; }
  html[data-look="cocoa"] .judge-page #detail { padding:14px 16px 20px!important; }
  .judge-quick-nav { display:flex;align-items:center;gap:12px;padding:8px 10px;margin-bottom:12px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-surface); }
  .judge-quick-label { flex:none;font-size:12px;font-weight:600;color:var(--ui-muted); }
  .judge-quick-buttons { display:flex;gap:6px;min-width:0;overflow-x:auto;padding:3px; }
  html[data-look="cocoa"] .judge-quick-buttons .quick-nav-btn { min-width:44px;min-height:40px;padding:6px 8px;flex:none;font-weight:600!important; }
  html[data-look="cocoa"] .judge-quick-buttons .quick-nav-btn[aria-pressed="true"] { color:#fff!important;background:var(--ui-accent)!important;border-color:var(--ui-accent)!important; }
  .judge-eval-card { padding:16px 18px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:9px; }
  .judge-candidate-summary { display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid var(--ui-line); }
  html[data-look="cocoa"] .judge-candidate-summary .candidate-number { min-height:36px;padding:5px 9px;gap:8px; }
  html[data-look="cocoa"] .judge-candidate-summary h2 { margin:0;font-size:22px!important;line-height:1.4;font-weight:700; }
  .judge-evaluation-mode { margin-left:auto;padding:4px 8px;border-radius:5px;font-size:11px;font-weight:600; }
  .judge-evaluation-mode.is-existing { color:var(--ui-accent);background:var(--ui-accent-soft); }
  .judge-evaluation-mode.is-new { color:var(--ui-warning);background:var(--ui-warning-soft); }
  .judge-candidate-meta { flex-basis:100%;margin:0;color:var(--ui-muted);font-size:12px;line-height:1.5; }
  .judge-score-guide { margin:0 0 12px;padding:6px 10px;background:var(--ui-subtle);border-radius:5px;color:var(--ui-muted);font-size:12px;line-height:1.5; }
  .judge-eval-grid { display:grid;grid-template-columns:minmax(0,1fr);gap:16px; }
  .judge-criteria { display:grid;gap:10px;min-width:0; }
  .judge-criterion { display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px solid var(--ui-line);border-radius:7px;background:var(--ui-subtle); }
  .judge-criterion-text { min-width:0; }
  html[data-look="cocoa"] .judge-criterion h3 { display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:0;font-size:15px!important;font-weight:700;line-height:1.45; }
  .judge-criterion-number { color:var(--ui-interview-ink);font-size:12px; }
  .judge-criterion-text { padding-left:10px;border-left:3px solid var(--ui-interview-ink); }
  html[data-look="cocoa"] .judge-criterion-text h3 { color:var(--ui-interview-ink)!important; }
  html[data-look="cocoa"] .judge-candidate-summary .candidate-number { background:var(--ui-interview-soft); }
  .judge-max-score { margin-left:auto;color:var(--ui-muted);font-size:11px;font-weight:500;white-space:nowrap; }
  .judge-criterion-text p { margin:4px 0 0;color:var(--ui-muted);font-size:13px;line-height:1.5; }
  .judge-score-controls,.judge-score-presets { display:flex;align-items:center;gap:6px;min-width:0; }
  .judge-score-controls { gap:12px; }
  html[data-look="cocoa"] .judge-score-presets .quick { width:40px;min-height:40px;border:1px solid var(--ui-control-line);background:var(--ui-surface);color:var(--ui-ink);font-weight:600!important; }
  html[data-look="cocoa"] .judge-score-presets .quick:hover { background:var(--ui-accent-soft);border-color:var(--ui-accent); }
  html[data-look="cocoa"] .judge-page #score-form .score-input { width:72px;min-height:44px;height:44px;flex:none;text-align:center;font-size:18px!important;font-weight:600!important; }
  .judge-opinion { min-width:0; }
  .judge-opinion label { display:block;margin-bottom:8px;font-size:14px;font-weight:600; }
  html[data-look="cocoa"] .judge-opinion textarea { width:100%;min-height:120px;height:120px;resize:vertical; }
  .judge-submit { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--ui-line); }
  .judge-total-label { color:var(--ui-muted);font-size:12px; }
  .judge-total { display:flex;align-items:baseline;gap:5px;color:var(--ui-muted);font-size:16px;line-height:1.3; }
  html[data-look="cocoa"] .judge-total #total-score-val { font-size:28px!important;font-weight:700; }
  html[data-look="cocoa"] .judge-submit button { min-height:44px;padding:10px 18px;background:var(--ui-accent);color:#fff;border:1px solid var(--ui-accent);font-weight:600!important;font-size:14px!important; }
  .judge-score-breakdown { color:var(--ui-muted);font-size:12px; }
  #save-error { color:var(--ui-danger);font-size:13px; }
  #save-error:empty { display:none; }
  .judge-credit { padding:20px 8px 4px;text-align:center;color:var(--ui-muted);font-size:10px;line-height:1.6; }
  html[data-embed="1"][data-embed-view="page"] .judge-credit { display:none; }
  @container(min-width:900px) {
    .judge-criterion { grid-template-columns:minmax(0,1fr) auto; }
  }
  @media(max-width:768px) {
    html[data-look="cocoa"] .judge-page .judge-context { gap:6px!important;padding:8px 10px!important; }
    .judge-context-title { flex-basis:100%; }
    html[data-look="cocoa"] .judge-page .judge-context h1 { display:block!important;font-size:14px!important; }
    .judge-context-tools { width:100%;margin-left:0;gap:6px; }
    .judge-context-tools .judge-save-state { margin-left:auto!important;max-width:100%; }
    html[data-look="cocoa"][data-embed="1"] .judge-page #app > main { padding:8px!important; }
    html[data-look="cocoa"] .judge-page #detail { padding:8px!important; }
    .judge-quick-nav { flex-wrap:wrap;gap:4px;padding:8px; }
    .judge-quick-label { width:100%; }
    .judge-eval-card { padding:12px; }
    .judge-candidate-summary { gap:6px 8px; }
    html[data-look="cocoa"] .judge-candidate-summary h2 { font-size:20px!important; }
    .judge-evaluation-mode { font-size:10px;padding:3px 6px; }
    .judge-criterion { padding:10px; }
    .judge-score-controls { flex-wrap:wrap;gap:8px; }
  }
  @media(prefers-reduced-motion:reduce) { .judge-page * { scroll-behavior:auto!important; } }
}