:root{--primary:#1d4ed8;--primary-600:#1e40af;--muted:#475569;--success:#16a34a;--danger:#dc2626;--navy:#9bb2ff}
body{background:linear-gradient(180deg,#eaf2ff 0%,#ffffff 100%);color:#0f172a}
.card{border:2px solid var(--navy);border-radius:16px;background:#ffffff;box-shadow:0 10px 24px rgba(15,23,42,.12)}
.navbar{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-600) 100%)!important}
.form-control,.form-select{background:#ffffff;color:#0f172a;border:2px solid var(--navy)}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .25rem rgba(29,78,216,.25)}
.btn-primary{background:var(--primary);border-color:var(--primary);font-weight:700}
.btn-outline-light:hover{color:#111}
.badge-priority-1{background:#64748b}
.badge-priority-2{background:#2563eb}
.badge-priority-3{background:#ea580c}
.badge-priority-4{background:#ef4444}

/* Display panel */
.display-root{height:100vh;max-width:1920px;margin:0 auto;display:grid;grid-template-rows:auto 1fr;gap:8px;padding:12px;overflow:hidden}
.display-top{display:flex;align-items:center;justify-content:space-between;background:#ffffff;border:2px solid var(--navy);border-radius:12px;padding:12px 16px;position:relative}
.display-left-right{display:grid;grid-template-columns:1.6fr 1fr;gap:8px;align-items:start}
.display-media{position:relative;background:#f8fafc;border:2px solid var(--navy);border-radius:12px;overflow:hidden}
.display-media video,.display-media img{width:100%;height:100%;object-fit:cover}
.display-info{background:#ffffff;border:2px solid var(--navy);border-radius:12px;padding:12px}
.display-schedule{display:none}
.timetable{background:#ffffff;border:2px solid var(--navy);border-radius:12px;padding:12px}
.timetable-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.timetable-cell{border:2px dashed var(--navy);border-radius:10px;min-height:72px;display:flex;align-items:center;justify-content:center;padding:8px;text-align:center;font-weight:700}
.display-ticker{background:#f8fafc;border:2px solid var(--navy);border-radius:12px;padding:6px 12px;overflow:hidden}
.ann-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:2px solid var(--navy);border-radius:8px;margin-bottom:6px;background:#f8fafc}
.duty-title{font-weight:900;color:#0b132a;font-size:1.4rem}
.ann-title{font-weight:700}
.ticker{white-space:nowrap;display:inline-block;animation:ticker linear infinite}
@keyframes ticker{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
.clock{font-weight:700;font-size:1.25rem}
.school-title{font-weight:700;font-size:1.25rem}

/* Duty names bigger and bold */
#duty_teacher > div:not(:first-child),
#duty_student > div:not(:first-child){font-weight:800;font-size:1.25rem}

/* Right panel headings bigger than content */
#announcements_box > .small,
#did_box > .small{font-size:1.25rem;font-weight:800;color:#0b132a!important}

/* Right panel other texts bold */
#segment{font-weight:700}
#announcements_box .ann-item{font-weight:700}
#announcements_box .ann-item .small{font-weight:700;color:#334155}
#did_box > div:last-child{font-weight:700}