/* Canonical screen-only design system. tools/sync-polaris.py distributes this
   exact file into each independently hosted document. Print layouts stay intact. */
@media screen {
html:root {
  --ui-shell-width:1440px; --ui-shell-gutter:28px;
  --ui-bg:#F7F3EE; --ui-shell-bg:#F7F3EE; --ui-surface:#FFFDFA;
  --ui-input:#FFFDFA; --ui-header:#FFFDFA; --ui-subtle:#F1E9E1;
  --ui-ink:#352C27; --ui-muted:#71665E; --ui-line:#E5DCD2;
  --ui-shell-line:#E5DCD2; --ui-control-line:#B8A99B;
  --ui-accent:#765846; --ui-accent-soft:#F1E9E1;
  --ui-main-ink:#765846; --ui-main-soft:#F1E9E1;
  --ui-interview-ink:#8A5A44; --ui-interview-soft:#F7ECE5;
  --ui-operation-ink:#3F6F68; --ui-operation-soft:#EAF2EF;
  --ui-budget-ink:#3F6F68; --ui-budget-soft:#EAF2EF;
  --ui-after-ink:#71566C; --ui-after-soft:#F2ECF1;
  --ui-document-ink:#765846; --ui-document-soft:#F1E9E1;
  --ui-btn-from:#8A6751; --ui-btn-to:#6C4E3D;
  --ui-radius:16px; --ui-control-radius:10px; --ui-control-height:44px;
  --ui-shadow:0 6px 20px rgba(74,52,37,.06);
  --ui-font:Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif;
  --ui-display-font:var(--ui-font);
  --polaris-main:#F1E9E1;
  --polaris-interview:#F7ECE5;
  --polaris-ops:#EAF2EF;
  --polaris-after:#F2ECF1;
  --polaris-button:#6C4E3D;
  --work-gradient:var(--polaris-main); --work-ink:var(--ui-accent);
  --work-soft:var(--ui-main-soft);
  --brand:#765846; --brand-d:#6C4E3D; --page:#F7F3EE; --card:#FFFDFA;
  --text:#352C27; --muted:#71665E; --line:#E5DCD2;
}
html[data-work-group="interview"] { --work-gradient:var(--polaris-interview);--work-ink:#8A5A44;--work-soft:#F7ECE5; }
html[data-work-group="ops"] { --work-gradient:var(--polaris-ops);--work-ink:#3F6F68;--work-soft:#EAF2EF; }
html[data-work-group="after"] { --work-gradient:var(--polaris-after);--work-ink:#71566C;--work-soft:#F2ECF1; }
body { font-family:var(--ui-font)!important;line-height:1.6;color:var(--ui-ink);background:var(--ui-bg); }
/* Async iframe height reports must not pull the parent into the page body. */
html[data-upgrade="cocoa"] body,html[data-upgrade="cocoa"] #integration-host { overflow-anchor:none; }
button,input,select,textarea { font-family:inherit; }
:is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #765846!important;outline-offset:3px; }
button:disabled { opacity:.5;cursor:not-allowed;box-shadow:none!important; }
button[aria-busy="true"] { cursor:progress; }
:is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),select) {
  min-height:44px;border-radius:9px;scroll-margin-block:24px;
}
textarea { border-radius:9px;line-height:1.6; }
:is(input,select,textarea):focus-visible { outline:2px solid var(--work-ink)!important;outline-offset:2px; }
label { line-height:1.5; }
table { font-variant-numeric:tabular-nums; }
th { font-weight:600; }
td,th { line-height:1.5; }
:is(.text-right,.budget-num,.numeric-emphasis) { font-variant-numeric:tabular-nums;font-family:var(--ui-font)!important; }
/* The shell is neutral across all workflows. Selection never inherits group color. */
html[data-upgrade="cocoa"][data-look] .shell-globalbar { background:var(--ui-surface)!important;border-color:var(--ui-line)!important; }
html[data-upgrade="cocoa"][data-look] .header h1 { font:700 clamp(18px,2vw,26px)/1.4 var(--ui-font)!important; }
html[data-upgrade="cocoa"][data-look] .shell-menu { flex-wrap:wrap!important;gap:16px 0!important;overflow-x:visible!important; }
html[data-upgrade="cocoa"][data-look] .shell-group { grid-template-columns:repeat(var(--group-size,2),minmax(112px,1fr))!important;flex:var(--group-size,2) 1 0; }
html[data-upgrade="cocoa"][data-look] #shell-menu :is(.shell-direct,.shell-item,button.shell-item) {
  width:100%!important;min-width:0!important;max-width:none!important;
  height:48px!important;min-height:48px!important;border-radius:11px!important;
  background:var(--ui-surface)!important;color:var(--ui-accent)!important;
  border:1px solid var(--ui-line)!important;box-shadow:none!important;
}
html[data-upgrade="cocoa"][data-look] #shell-menu :is(.shell-direct,.shell-item)[aria-current="page"] {
  color:#fff!important;background:var(--polaris-button)!important;border-color:#765846!important;
  box-shadow:0 3px 10px #6C4E3D20!important;
}
html[data-upgrade="cocoa"][data-look] #shell-menu :is(.shell-direct,.shell-item):hover:not([aria-current="page"]) { background:#F1E9E1!important;border-color:#B8A99B!important; }
html[data-upgrade="cocoa"][data-look] :is(.shell-direct,.shell-item) strong { font:600 14px/1.4 var(--ui-font)!important;letter-spacing:-.4px; }
.work-nav-region:has(.work-nav-arrow:not([hidden])) { padding-inline:0!important; }
.work-nav-arrow { display:none!important; }
html[data-upgrade="cocoa"][data-look] .shell-group-name { font-size:12px!important; }
html[data-upgrade="cocoa"][data-look] :is(.shell-pagehead,.workspace-heading,#integration-host .integration-bar) {
  padding:20px 24px!important;background:var(--work-gradient)!important;
  border:1px solid var(--ui-line)!important;border-radius:16px!important;margin-bottom:20px!important;
}
html[data-upgrade="cocoa"][data-look] :is(.shell-pagehead h2,.workspace-heading h2,.integration-bar h2,.form-studio h2) {
  border-left:4px solid var(--work-ink)!important;padding-left:12px!important;font:700 28px/1.4 var(--ui-font)!important;color:var(--ui-ink)!important;
}
html[data-upgrade="cocoa"] :is(.card,.workspace-card,.refresh-phase,.form-studio,.form-preview-wrap) { border-radius:16px!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow)!important; }
html[data-upgrade="cocoa"] .card { background:var(--ui-surface)!important; }
html[data-upgrade="cocoa"] .card-header { padding:18px 22px!important; }
html[data-upgrade="cocoa"] .card-header::before { display:none!important; }
html[data-upgrade="cocoa"] .card-header h2 { font:650 19px/1.5 var(--ui-font)!important; }
html[data-upgrade="cocoa"] .card-body { padding:22px!important; }
html[data-upgrade="cocoa"] .refresh-phase { background:var(--ui-surface)!important;padding:22px!important; }
html[data-upgrade="cocoa"] .refresh-phase-title { background:transparent!important; }
html[data-upgrade="cocoa"] .refresh-phase-metric strong { font:700 32px/1.2 var(--ui-font)!important; }
html[data-upgrade="cocoa"] :is(.workspace-add,.btn-primary,.brand-btn),.btn.bp,.bnext,.budget-cocoa-btn {
  background:var(--polaris-button)!important;color:white!important;border-color:#765846!important;
  min-height:44px;border-radius:10px!important;box-shadow:0 3px 10px #6C4E3D18!important;
}
:is(.brand-btn,.btn-primary,.btn.bp,.bnext,.budget-cocoa-btn):hover:not(:disabled) { filter:brightness(.95); }
html[data-upgrade="cocoa"] :is(.shell-sections button,.form-mode button,.refresh-view-tab),
html[data-look="cocoa"] :is(.tab-pill,.budget-work-tab),.menu .mtab,.manual-tabs button {
  min-height:44px!important;border-radius:10px!important;padding:10px 16px!important;
  font:500 14px/1.5 var(--ui-font)!important;box-shadow:none!important;white-space:nowrap;
}
html[data-upgrade="cocoa"] :is(.shell-sections button,.form-mode button,.refresh-view-tab)[aria-pressed="true"],
html[data-look="cocoa"] :is(.tab-pill-active,.budget-tab-active),.menu .mtab[aria-selected="true"],
.manual-tabs button[aria-selected="true"] {
  background:var(--work-gradient)!important;color:var(--work-ink)!important;
  font-weight:700!important;box-shadow:inset 0 -3px 0 var(--work-ink)!important;
  border-color:transparent!important;
}
/* Login dimensions follow content, including short viewports and embedded screens. */
html:root .brand-login { background:var(--ui-bg)!important;min-height:100dvh;padding:32px 16px!important;align-items:flex-start; }
html:root .brand-login-stack { width:100%;max-width:440px!important;margin:auto; }
html:root .brand-login-head { margin-bottom:20px!important; }
html:root .brand-login-title { font:700 20px/1.5 var(--ui-font)!important; }
html:root .brand-login-work { color:var(--work-ink)!important;font:700 18px/1.5 var(--ui-font)!important; }
html:root .brand-login-card { background:var(--ui-surface)!important;border:1px solid var(--ui-line)!important;border-radius:20px!important;padding:30px!important;box-shadow:0 12px 32px #4A342913!important; }
html:root .brand-login-card :is(input,select) { background:var(--ui-surface)!important;color:var(--ui-ink)!important;font-size:15px!important; }
html:root .brand-login-card label { font-size:13px!important;color:var(--ui-muted)!important; }
html:root .brand-btn { background:var(--polaris-button)!important;min-height:44px; }
html[data-embed="1"] .brand-login { min-height:0!important;padding:28px 16px!important; }
html[data-embed="1"] .brand-login-title,html[data-embed="1"] .brand-login-note { display:none; }
html[data-embed="1"] .brand-login .brand-mark { width:52px;height:52px; }
html[data-embed="1"] .brand-login .brand-login-work { margin:0!important; }
html[data-embed="1"]:has(.brand-login) body,
html[data-embed="1"]:has(.brand-login) #root,
html[data-embed="1"]:has(.brand-login) #root > div { min-height:0!important; }
html[data-embed="1"]:has(.brand-login) { min-height:0!important; }
/* Education operations: identical components in the LMS and budget document. */
html[data-look="cocoa"] :is(.budget-hero,.dash-hero) {
  background:var(--ui-surface)!important;border:1px solid var(--ui-line)!important;border-left:4px solid var(--work-ink)!important;
  border-radius:16px!important;box-shadow:none!important;
}
html[data-look="cocoa"] :is(.lms-work-heading,.budget-section-head) {
  background:var(--ui-subtle)!important;border:1px solid var(--ui-line)!important;border-radius:12px!important;box-shadow:none!important;
}
html[data-look="cocoa"] .section-head-wrap > div:first-child {
  background:var(--work-soft)!important;border:1px solid var(--ui-line)!important;border-radius:12px!important;box-shadow:none!important;
}
html[data-look="cocoa"] :is(.budget-hero h1,.lms-work-title,.lms-work-heading h2) { font:700 28px/1.4 var(--ui-font)!important;border-left:0!important;padding-left:0!important; }
html[data-look="cocoa"] :is(.budget-app-header,.lms-app-header) { background:var(--ui-surface)!important;color:var(--ui-ink)!important; }
html[data-look="cocoa"] .budget-work-tabs { display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px; }
html[data-look="cocoa"] .budget-work-tab { flex:none;background:var(--ui-surface);color:var(--ui-muted);border:1px solid var(--ui-line); }
html[data-look="cocoa"] .budget-drawer-panel { width:min(500px,100vw)!important;background:var(--ui-surface)!important; }
html[data-work-group="ops"] :is(.glass-card,.glass-card-dark,.lms-summary-card) { border-radius:16px!important;background:var(--ui-surface)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow)!important; }
html[data-work-group="ops"] table th { background:#EAF2EF!important;color:#3F6F68!important; }
html[data-work-group="ops"] table :is(td,th) { padding-top:13px;padding-bottom:13px; }
/* Selection, interview administration and scoring. */
html[data-work-group="interview"] :is(.judge-context,.admin-work-heading,.ph-head) { background:var(--polaris-interview)!important;border-color:var(--ui-line)!important; }
html[data-work-group="interview"] .brand-login { position:relative!important;inset:auto!important;flex-direction:column!important;box-sizing:border-box; }
html[data-work-group="interview"] .brand-login > .absolute { position:static!important;margin-top:20px; }
html[data-look="cocoa"] .tablet-admin-tabs { gap:8px!important;overflow-x:auto;padding:12px 16px!important; }
html[data-look="cocoa"] .tablet-admin-tabs .admin-tab-btn { flex:none;min-height:44px;padding:10px 16px!important;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface);color:var(--ui-muted)!important;font:500 14px/1.5 var(--ui-font)!important;white-space:nowrap; }
html[data-look="cocoa"] .tablet-admin-tabs .admin-tab-btn.active { background:var(--polaris-interview)!important;color:var(--work-ink)!important;font-weight:700!important;box-shadow:inset 0 -3px 0 var(--work-ink)!important; }
html[data-work-group="interview"] table th { background:var(--work-soft)!important;color:var(--work-ink)!important; }
html[data-work-group="interview"] :is(#login-form,.brand-login-card) label { display:block;text-align:left;margin:0 0 7px;color:var(--ui-muted);font-size:13px; }
html[data-work-group="interview"] :is(.judge-eval-card,.course-card,.md) { background:var(--ui-surface);border-radius:16px!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow); }
.menu .mtab .mn,.menu .mtab .ms { display:none!important; }
.menu .mtab { flex-direction:row!important;align-items:center!important;gap:8px!important;border:1px solid var(--ui-line)!important; }
.menu .mtab .mi { width:20px!important;height:20px!important;background:transparent!important;color:inherit!important; }
.menu .mtab .mt { font:inherit!important; }
.menu .mtab[aria-selected="true"] .mt { color:var(--work-ink)!important; }
.menu .mtab[aria-selected="true"] .mc { color:var(--work-ink)!important;background:var(--work-soft)!important; }
.menu .mtab:not(:last-child)::after { display:none!important; }
html[data-embed="1"] .menu { grid-template-columns:repeat(3,minmax(145px,1fr))!important;overflow-x:auto; }
html[data-embed="1"] .menu .mtab { height:48px!important;min-height:48px!important; }
.menu .mtab::before { display:none!important; }
.menu .mtab .mc:empty { display:none; }
#mo-login .md { max-width:440px;padding:30px;border-radius:20px;background:var(--ui-surface); }
#mo-login .brand-login-head { display:block!important; }
#mo-login label { display:block;margin-bottom:7px; }
#mo-login input { width:100%; }
#mo-login .mf { display:flex;gap:8px;flex-wrap:wrap; }
#mo-login .mf button { flex:1;min-height:44px; }
html[data-work-group="interview"] #mo-login.open { position:relative!important;inset:auto!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:28px 16px!important;background:var(--ui-bg)!important;min-height:540px;overflow:visible!important;box-sizing:border-box; }
html[data-work-group="interview"] #mo-login .md { width:440px!important;max-width:100%!important;max-height:none!important;overflow:visible!important;border-radius:20px!important;padding:30px!important;box-shadow:0 12px 32px #4A342913!important;box-sizing:border-box; }
/* Manual uses cocoa identity and a quiet, readable document body. */
html[data-document="manual"] { --primary:#765846;--primary-light:#8A6751;--primary-bg:#F1E9E1;--surface:#FFFDFA;--surface-2:#F7F3EE;--border:#E5DCD2;--text:#352C27;--text-muted:#71665E; }
html[data-document="manual"] .main-header { background:var(--polaris-main)!important;color:var(--ui-ink)!important; }
html[data-document="manual"] .main-header :is(h1,p) { color:var(--ui-ink)!important; }
html[data-document="manual"] :is(.content-card,.page-card) { background:var(--ui-surface);box-shadow:var(--ui-shadow); }
html[data-work-group="after"] main { padding:28px!important;border:1px solid var(--ui-line)!important;border-radius:20px;background:var(--polaris-after);box-shadow:var(--ui-shadow); }
html[data-work-group="after"] .bar { background:var(--polaris-button)!important; }
@media (max-width:1100px) and (min-width:761px) {
  html[data-upgrade="cocoa"][data-look] .shell-group { flex-basis:42%;border-right:0!important;padding:0 8px!important; }
}
@media (max-width:760px) {
  html:root { --ui-shell-gutter:16px; }
  html[data-upgrade="cocoa"][data-look] :is(.shell-pagehead,.workspace-heading,#integration-host .integration-bar) { padding:16px!important;flex-wrap:wrap!important; }
  html[data-upgrade="cocoa"][data-look] :is(.shell-pagehead h2,.workspace-heading h2,.integration-bar h2) { font-size:24px!important; }
  html:root .brand-login-card { padding:24px 20px!important; }
  html[data-look="cocoa"] .budget-drawer-panel { width:100vw!important;max-width:none!important; }
  html[data-upgrade="cocoa"] :is(.card-body,.refresh-phase) { padding:18px!important; }
  html[data-work-group="after"] main { margin:24px 16px; }
}
/* Match the specificity of legacy screen overrides during migration. */
html[data-upgrade="cocoa"][data-look] body { --ui-bg:#F7F3EE;--ui-line:#E5DCD2;--review-card:#FFFDFA;--review-field:#FFFDFA; }
html[data-upgrade="cocoa"][data-look] body #shell-menu :is(.shell-direct,.shell-item,button.shell-item) { background:var(--ui-surface)!important;color:var(--ui-accent)!important; }
html[data-upgrade="cocoa"][data-look] body #shell-menu :is(.shell-direct,.shell-item,button.shell-item)[aria-current="page"] { background:var(--polaris-button)!important;color:#fff!important;box-shadow:0 3px 10px #6C4E3D20!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-phase { border-top:1px solid var(--ui-line)!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-phase-head { background:var(--work-gradient)!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-phase:nth-child(1) { --work-gradient:var(--polaris-interview); }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-phase:nth-child(2) { --work-gradient:var(--polaris-ops); }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-phase:nth-child(3) { --work-gradient:var(--polaris-after); }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-phase-metric strong { font:700 32px/1.3 var(--ui-font)!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] { --ui-section-ink:#765846;--ui-section-soft:#F1E9E1; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-workbar { grid-template-columns:minmax(0,1fr)!important;background:var(--polaris-main)!important;padding:20px 24px!important;border-color:var(--ui-line)!important;border-radius:16px!important;gap:12px!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-workbar .course-detail-top { grid-column:1!important;grid-row:1!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-workbar-actions { grid-column:1!important;grid-row:2!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-workbar #shell-sections { grid-column:1!important;grid-row:3!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-detail .course-detail-title { font:700 26px/1.4 var(--ui-font)!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-info-group { background:var(--ui-surface)!important;border-radius:16px!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #shell-sections button[aria-pressed="true"] { background:var(--polaris-main)!important;color:#765846!important;border-color:transparent!important;font-weight:700!important;box-shadow:inset 0 -3px 0 #765846!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-work-save { background:var(--polaris-button)!important; }
html[data-upgrade="cocoa"][data-look] #form-studio-title { background:var(--polaris-main)!important;padding:20px 24px!important;border:1px solid var(--ui-line)!important;border-radius:16px!important; }
html[data-upgrade="cocoa"] .form-lead { margin-top:8px; }
html[data-upgrade="cocoa"][data-look] .form-card[aria-pressed="true"] { background:var(--polaris-main)!important; }
html[data-look="cocoa"] .app-sidebar { background:var(--ui-surface)!important;border-right:1px solid var(--ui-line)!important; }
html[data-look="cocoa"] .app-sidebar .btn-nav { min-height:44px;color:var(--ui-muted)!important; }
html[data-look="cocoa"] .app-sidebar .btn-nav-active { background:var(--polaris-ops)!important;color:#3F6F68!important;border-left-color:#3F6F68!important;font-weight:700!important; }
@media(max-width:760px) {
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-workbar { position:static!important;padding:16px!important; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;animation:none!important;transition:none!important; } }
}