/* Shared visual foundation for the approved evaluation workspace. */
body.evaluation-workspace {
  --eval-bg: #0d1524;
  --eval-topbar: #101a2b;
  --eval-panel: #172235;
  --eval-panel-strong: #172235;
  --eval-input: #111b2e;
  --eval-heading: #1b2b44;
  --eval-border: #34445f;
  --eval-border-strong: #607697;
  --eval-text: #e8edf7;
  --eval-sub: #a8b7cf;
  --eval-sub-strong: #cad6e9;
  --eval-accent: #4779ff;
  --eval-accent-strong: #346cf0;
  --eval-accent-text: #a8c0ff;
  --eval-accent-soft: #1b305a;
  --eval-warning: #f5bd54;
  --eval-warning-soft: #352b1b;
  --eval-danger: #ffb4b4;
  --eval-danger-soft: #38212b;
  --eval-chip-soft: #263650;
  --eval-shadow: 0 20px 60px #0005;
  --eval-shadow-soft: none;
  margin: 0;
  min-height: 100vh;
  color: var(--eval-text);
  background: var(--eval-bg);
  font-family: Pretendard, "Noto Sans KR", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color-scheme: dark;
}
.evaluation-workspace *, .evaluation-workspace *::before, .evaluation-workspace *::after { box-sizing: border-box; }
.evaluation-workspace [hidden] { display: none !important; }
.evaluation-workspace :is(button, input, select, textarea) { font: inherit; }
.evaluation-workspace :is(button, a, input, select, textarea, summary):focus-visible { outline: 3px solid #afc3ff; outline-offset: 3px; }
.evaluation-workspace :is(input, select, textarea) { color: var(--eval-text); background: var(--eval-input); border: 1px solid var(--eval-border-strong); border-radius: 10px; }
.evaluation-workspace :is(input, select):not([type="checkbox"]):not([type="radio"]) { min-height: 44px; padding: 10px 12px; }
.evaluation-workspace input::placeholder, .evaluation-workspace textarea::placeholder { color: var(--eval-sub); opacity: 1; }
.evaluation-workspace :is(button, .btn) { min-height: 44px; border-radius: 10px; }
.evaluation-workspace :is(button, .btn):disabled { cursor: not-allowed; }
.evaluation-workspace .btn-primary { color: #fff; background: var(--eval-accent-strong); border-color: var(--eval-accent-strong); box-shadow: none; }
.evaluation-workspace .btn-primary:hover:not(:disabled) { background: #295dd4; }
.evaluation-topbar { display: flex; align-items: center; gap: 20px; min-height: 56px; padding: 8px 32px; border-bottom: 1px solid var(--eval-border); background: var(--eval-topbar); }
.evaluation-brand { color: #81a7ff; font-size: 22px; font-weight: 800; text-decoration: none; letter-spacing: -.5px; }
.evaluation-topbar .link-back { margin: 0; padding-left: 20px; border-left: 1px solid var(--eval-border-strong); color: var(--eval-text); text-decoration: none; }
.evaluation-workspace .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 720px) {
  .evaluation-topbar { padding-inline: 16px; gap: 16px; }
  .evaluation-brand { font-size: 20px; }
  .evaluation-topbar .link-back { padding-left: 16px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .evaluation-workspace *, .evaluation-workspace *::before, .evaluation-workspace *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}