/* Morning campus: artwork is decorative; all classroom information remains live text. */
.display-page { background: #213c35; }
.display-canvas {
  color: #263f37;
  background: radial-gradient(ellipse at 4% 3%, #f1dfb1a6, transparent 38%),
    radial-gradient(ellipse at 98% 95%, #c5dbcdb3, transparent 48%), #f6f5eb;
}
.display-head { color: #284d40; }
.display-brand img { filter: hue-rotate(-70deg) saturate(.7); border-radius: 20px; box-shadow: 0 6px 16px #27553d1a; }
.display-brand h1 { font-weight: 700; letter-spacing: 2px; }
.display-brand .class-name { color: #5c7164; }
.display-date { border-radius: 22px; padding: 0 26px; background: #fffdf594; box-shadow: 0 3px 16px #6e785808; }
.display-time { font-weight: 600; letter-spacing: 1px; line-height: 1.1; }
.connection-line { color: #466b57; text-align: right; }
.connection-line::before { content: ''; display: inline-block; width: 10px; height: 10px; margin: 0 12px 4px 0; border-radius: 50%; background: currentColor; }
.connection-line.offline { color: #98551b; }
.display-date button.exam-chip { border-radius: 12px; color: #805224; background: #fbe8bf; }
.display-canvas button { transition: background-color 140ms ease, box-shadow 140ms ease; }
.display-canvas button:hover { background-color: #e6f0e6; }
.display-canvas button:focus-visible { outline-color: #558b6c; }
.widget {
  background: #fffefa; border-color: #fefef9; border-radius: 28px;
  box-shadow: 0 7px 22px #405b4210, 0 1px 2px #405b4208;
}
.widget::before { content: ''; position: absolute; top: 0; left: 28px; width: 66px; height: 4px; background: #82ac8c; border-radius: 0 0 8px 8px; pointer-events: none; }
.widget h2 { color: #2b5041; font-weight: 600; }
.widget-head h2::before { content: ''; width: 7px; height: 26px; border-radius: 6px; background: #85a889; display: inline-block; vertical-align: -2px; margin-right: 13px; }
.widget-head button { color: #5c7164; font-weight: 400; }
.widget .muted, .display-empty { color: #62776a; }
.widget-duty { background: #fff7e9; border-color: #fffaf0; }
.widget-duty::before, .widget-duty .widget-head h2::before { background: #d7a367; }
.widget-duty h2 { color: #735332; }
.widget-duty .muted { color: #806748; }
.duty-row span:last-child { font-weight: 500; }
.widget-notices { background: #fffbed; border-color: #fffdf5; }
.widget-notices::before, .widget-notices .widget-head h2::before { background: #cdb76b; }
.widget-notices h2 { color: #746031; }
.widget-tasks { background: #edf4eb; border-color: #f5f9f0; }
.widget-countdown {
  background: #eef3e7 url('/assets/morning-campus-v1.png') center center / cover no-repeat;
  border-color: #fff9e8; box-shadow: 0 8px 28px #496c4920;
}
.widget-countdown::before { display: none; }
.widget-countdown .clock-label { color: #3d6350; font-weight: 500; text-shadow: 0 1px 5px #ffffffc9; }
.widget-countdown .clock-value { color: #254b3d; font-weight: 650; letter-spacing: 2px; text-shadow: 0 2px 10px #ffffffb5; }
.widget-countdown .clock-detail { color: #335240; border-radius: 16px; background: #fffff4df; }
.widget-countdown:not(.narrow-countdown) .clock-detail { padding: 4px 16px; }
.widget-countdown .expand-button { color: #345c47; background: #fffdf2bf; border: 0; border-radius: 14px; }
.widget-countdown.narrow-countdown { background-image: linear-gradient(#f5f7ede0, #f5f7edac), url('/assets/morning-campus-v1.png'); gap: 12px; }
.widget-countdown.narrow-countdown .clock-detail { padding: 0 6px; }
.widget-homework { background: #fffef9; }
.homework-row .subject { color: #386951; background: #eaf2e6; border-radius: 9px; text-align: center; }
.homework-row:nth-child(3n) .subject { color: #8b5a38; background: #f6ebdc; }
.homework-row:nth-child(3n + 1) .subject { color: #53677a; background: #eaf0f3; }
.widget-schedule { background: #fdfef7; }
.schedule-row { border-bottom-color: #e6eadb; border-radius: 12px; padding: 0 10px; }
.schedule-row > span:first-child { color: #72836f; }
.schedule-row .time { color: #697e6c; }
.schedule-row.selected { color: #27563e; font-weight: 600; background: #dcebd7; box-shadow: inset 5px 0 #6f9f76; }
.schedule-row.selected .time, .schedule-row.selected > span:first-child { color: #385e41; }
.widget.compact { border-radius: 24px; }
.widget.compact::before { width: 38px; height: 3px; left: 22px; }
.widget.compact .widget-head h2::before { display: none; }
.widget.compact h2 { font-weight: 500; }
.display-dock { border-color: #fffdf3; border-radius: 28px; background: #fffef8e8; box-shadow: 0 5px 22px #405b4210; }
.display-dock button { color: #4a6656; border-radius: 18px; display: flex; align-items: center; justify-content: center; gap: 10px; font-weight: 500; }
.display-dock button::before { content: ''; flex: 0 0 28px; width: 28px; height: 28px; background: currentColor; mask: var(--tool-icon) center / contain no-repeat; }
.display-dock button[data-open='questions'] { background: #346b52; color: #fffdf4; box-shadow: 0 4px 12px #315c3726; }
.display-dock button[data-open='questions']:hover { background: #28563f; }
.display-dock button[data-open='questions'] { --tool-icon: url('/assets/tool-book.svg'); }
.display-dock button[data-open='random'] { --tool-icon: url('/assets/tool-dice.svg'); }
.display-dock button[data-open='groups'] { --tool-icon: url('/assets/tool-groups.svg'); }
.display-dock button[data-open='timer'] { --tool-icon: url('/assets/tool-timer.svg'); }
.display-dock button[data-open='exam'] { --tool-icon: url('/assets/tool-calendar.svg'); }
.display-dock button[data-open='resources'] { --tool-icon: url('/assets/tool-folder.svg'); }
.display-dock button#fullscreen-button { --tool-icon: url('/assets/tool-fullscreen.svg'); }
.display-dock button[data-open='settings'] { --tool-icon: url('/assets/tool-settings.svg'); }
.display-overlay { border-color: #fffdf4; border-radius: 28px; background: #fffef9; box-shadow: 0 8px 30px #34523c14; }
.display-overlay header h2 { color: #305943; font-weight: 600; }
.display-overlay header button, .display-overlay .timer-actions button, .display-overlay .list-page-controls button { border-color: #d6e3d1; color: #3e654c; background: #f5f8ee; }
.display-overlay .hero-number { color: #285740; font-weight: 600; }
.display-overlay .hero-label { color: #55725f; }
.display-overlay .hero-detail { color: #3a5845; }
.display-overlay .answer { color: #2d5540; background: #eaf2e3; border-left: 5px solid #8cad7f; }
.display-overlay .group, .display-overlay .native-row { background: #eff4e9; }
.display-overlay .display-status-note { color: #627562; }
.exam-mode .display-overlay { background: #fcfdf7; }
.exam-mode .display-overlay::after { color: #617660; }
.display-canvas .resource-grid button, .display-canvas .native-apps button { background: #f3f7ed; border-color: #dce7d3; color: #365b42; }
.display-canvas input:focus, .display-canvas select:focus { outline-color: #8cad7f; }
.display-pair { background: linear-gradient(#f7f5eaa8, #eef4e7c9), url('/assets/morning-campus-v1.png') center / cover; }
.display-pair .card { border-color: #fffdf2; background: #fffff5ed; border-radius: 30px; box-shadow: 0 14px 60px #385d3a24; }
.display-pair h1 { color: #30583f; }
.display-pair .primary { background: #346b52; border-color: #346b52; }
.display-pair a { color: #346b52; }
@media (prefers-reduced-motion: reduce) { .display-canvas button { transition: none; } }