/* Home and course workspace. Shared navigation keeps the common cocoa palette. */
@media screen {
html[data-upgrade="cocoa"][data-look] body:is([data-shell-view="home"],[data-shell-view="detail"]) {
  --ui-bg:#f5f1eb;
  --ui-line:#ded3c7;
  --review-panel:#efe6db;
  --review-card:#fffcf7;
  --review-field:#fffefa;
  --review-control-line:#9f8b79;
}

/* Overview: identity, page heading and figures have different visual weights. */
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .shell-pagehead h2 { font:700 25px/1.4 var(--ui-display-font)!important;letter-spacing:-.4px!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-operational {
  background:var(--review-panel);padding:12px 16px;margin-bottom:18px;border-radius:8px;gap:8px 20px;color:#665449;
}
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-phase {
  background:var(--review-card)!important;border:1px solid var(--ui-line)!important;
  border-top:3px solid var(--ui-section-ink)!important;padding:20px!important;box-shadow:0 3px 10px #523c2905;
}
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-phase-head {
  background:var(--ui-section-soft)!important;margin:-20px -20px 16px!important;padding:14px 20px!important;border-bottom:1px solid var(--ui-line);gap:10px;border-radius:7px 7px 0 0;
}
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-phase-head h3 { font:500 17px/1.5 var(--ui-display-font)!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-phase-head small {
  background:var(--ui-section-soft);color:var(--ui-section-ink)!important;min-width:30px;height:30px;border:1px solid color-mix(in srgb,var(--ui-section-ink) 20%,transparent);
}
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-phase-metric strong { font:500 28px/1.3 var(--ui-display-font)!important;letter-spacing:-1px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-phase-metric > span { font-weight:650;font-size:14px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-phase-metric > small { color:var(--ui-muted);font-size:12px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-phase-metric:last-child { background:var(--ui-subtle);margin:10px -20px -20px;padding:16px 20px 18px;border-top:1px solid var(--ui-line); }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] #shell-stage .shell-grid > .card:has(#course-progress-board),
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] #shell-agenda { background:var(--review-card)!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] #shell-stage .shell-grid > .card:has(#course-progress-board) > .card-header.overview,
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] #shell-agenda > .shell-listhead { background:var(--review-panel)!important;padding:16px 20px!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] #shell-stage :is(.card-header h2,.shell-listhead h3) { font:500 17px/1.4 var(--ui-display-font)!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .course-board-card { background:var(--review-field)!important;border-color:var(--ui-line)!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-bottom { background:var(--review-card); }

/* Course: a single title/action surface and three clearly named information groups. */
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-detail {
  padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;scroll-margin-top:calc(var(--shell-global-height) + 16px);
}
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] :is(.course-detail-close,.course-nav-strip,#mobile-save-bar) { display:none!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #detail-tab:has(#course-detail[style*="display: block"]) > :is(.workspace-heading,.workspace-preview,.refresh-detail-tabs) { display:none!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-workbar {
  padding:18px 22px 0;background:var(--review-panel);border:1px solid #d7c7b7;border-radius:10px;gap:12px 20px;box-shadow:0 3px 8px #50392308;
}
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-detail .course-workbar .course-detail-top {
  padding:0!important;background:transparent!important;margin:0!important;
}
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-detail-eyebrow { display:block;color:var(--ui-accent);font:700 12px/1.5 var(--ui-font);margin-bottom:4px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-detail .course-detail-title { font:700 24px/1.4 var(--ui-display-font)!important;letter-spacing:-.4px!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-workbar-actions { gap:8px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-workbar-actions .workspace-back { margin:0!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-workbar-actions button { min-height:40px;font-size:14px!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-work-save { background:var(--ui-accent)!important;color:white!important;border-color:var(--ui-accent)!important;min-width:116px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-work-save:hover { background:var(--ui-accent-hover)!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .work-save-state { max-width:180px;font-size:12px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #shell-sections { gap:6px;margin:0!important;padding:12px 0!important;border-top:1px solid #d7c7b7;border-bottom:0!important;background:transparent!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #shell-sections button {
  min-width:108px;min-height:40px;padding:8px 16px!important;background:transparent!important;border:1px solid transparent!important;color:#6c594b!important;font:650 14px/1.4 var(--ui-font)!important;
}
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #shell-sections button[aria-pressed="true"] { background:var(--review-card)!important;border-color:#bda68f!important;color:var(--ui-ink)!important;box-shadow:inset 0 -2px 0 var(--ui-accent)!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #shell-sections button:hover:not([aria-pressed="true"]) { background:#e5d8ca!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-detail .course-info-section { background:transparent!important;border:0!important;box-shadow:none!important;margin-top:18px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-detail .course-info-section > .detail-section-body { padding:0!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-info-layout { display:grid;grid-template-columns:1.1fr 1fr;gap:18px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-info-group { min-width:0;background:var(--review-panel);border:1px solid var(--ui-line);border-radius:10px;padding:22px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-info-group-heading { margin:0 0 20px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-info-group-heading h3 { font:750 18px/1.5 var(--ui-font);color:var(--ui-ink);margin:0 0 4px;letter-spacing:-.4px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-info-group-heading p { color:var(--ui-muted);font-size:13px;margin:0;line-height:1.6; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-state-group { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:var(--review-card); }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-state-group .course-info-group-heading { margin:0; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #status-selector { margin:0!important;gap:8px!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #status-selector button { display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:82px;min-height:38px;padding:8px 12px;border:1px solid #ccbcac!important;border-radius:7px;background:var(--ui-subtle)!important;color:#6b584b!important;font:650 14px/1.4 var(--ui-font)!important;transform:none!important;outline:none!important;cursor:pointer; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #status-selector button::before { content:'';width:6px;height:6px;border:1px solid #947d6b;border-radius:50%; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #status-selector button[aria-pressed="true"] { background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;color:white!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #status-selector button[aria-pressed="true"]::before { content:'✓';border:0;width:auto;height:auto;font-size:12px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #status-selector button:focus-visible { outline:3px solid var(--ui-accent)!important;outline-offset:2px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-education-fields { display:grid;grid-template-columns:1fr 1fr;gap:18px 16px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-plan-fields { display:grid;gap:18px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-info-group .form-group { margin:0;min-width:0; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-info-group .full-width { grid-column:1/-1; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-detail .form-group label { font-size:14px!important;font-weight:650!important;margin-bottom:7px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-detail :is(.form-input,.form-textarea,.form-select) { width:100%;box-sizing:border-box;background:var(--review-field)!important;border:1px solid var(--review-control-line)!important;border-radius:7px!important;color:var(--ui-ink)!important;font:400 15px/1.6 var(--ui-font)!important;padding:10px 12px!important;box-shadow:inset 0 1px 2px #51392304!important;min-height:44px; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-detail #course-memo { min-height:210px;resize:vertical; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-detail #course-location { min-height:80px;resize:vertical; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-detail :is(.desktop-save-btn,#mobile-save-bar) { display:none!important; }
html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-detail .detail-section:not(.course-info-section) { background:var(--review-card)!important; }
@media(max-width:1100px) {
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-workbar-actions { display:grid;grid-template-columns:auto auto; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .work-save-state { grid-row:2;grid-column:1/-1;max-width:none;text-align:right; }
}
@media(max-width:760px) {
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .shell-pagehead h2 { font-size:23px!important; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="home"] .refresh-operational { gap:8px 14px;padding:12px;font-size:12px; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-workbar { padding:14px 14px 0;gap:12px;top:calc(var(--shell-global-height) - var(--course-context-height,0px)); }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-detail .course-detail-title { font-size:21px!important; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-workbar-actions { display:flex;flex-wrap:wrap; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .work-save-state { flex-basis:100%;order:3;text-align:left; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-work-save { margin-left:auto; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #shell-sections button { min-width:90px;padding:8px 10px!important;font-size:13px!important; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-info-layout { grid-template-columns:1fr;gap:14px; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-info-group { padding:18px 16px; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] .course-state-group { display:block; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #status-selector { margin-top:14px!important;display:grid!important;grid-template-columns:1fr 1fr;width:100%; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #status-selector button { min-width:0; }
  html[data-upgrade="cocoa"][data-look] body[data-shell-view="detail"] #course-detail #course-memo { min-height:150px; }
}
}