/* Wisdom High School International Department brand theme. */
body.campus-ui {
  --campus-ink: #1b2b4a;
  --campus-muted: #647083;
  --campus-green: #1b2b4a;
  --campus-lime: #d9ad43;
  --campus-line: #d6dce5;
  --campus-paper: #f3f5f8;
  --campus-resource-green: #2d6b61;
  --campus-resource-coral: #b65b4b;
  color: var(--campus-ink);
  background: var(--campus-paper);
}

body.campus-ui button {
  border-color: #aeb9c9;
  color: var(--campus-ink);
  background: #fff;
}
body.campus-ui button:hover:not(:disabled) {
  border-color: #b28a2d;
  background: #fff8e8;
  color: #16243e;
}
body.campus-ui button:focus-visible,
body.campus-ui :is(input, select, textarea):focus-visible {
  outline: 3px solid #d9ad4366;
  outline-offset: 1px;
}
body.campus-ui :is(input, select, textarea) {
  border-color: #b8c2d0;
  color: var(--campus-ink);
  background: #fff;
}
body.campus-ui :is(input[type=checkbox], input[type=radio]) { accent-color: #1b2b4a; }
body.campus-ui ::selection { background: #d9ad43; color: #1b2b4a; }
body.campus-ui * { scrollbar-color: #9b7a2d #e5e9ef; }
body.campus-ui ::-webkit-scrollbar-track { background: #e5e9ef; }
body.campus-ui ::-webkit-scrollbar-thumb { background: #9b7a2d; border-color: #e5e9ef; }
body.campus-ui ::-webkit-scrollbar-thumb:hover { background: #d9ad43; }

body.campus-ui .campus-sidebar {
  background: #1b2b4a;
  color: #fff;
  border-right: 1px solid #d9ad43;
}
body.campus-ui .campus-brand img { border: 2px solid #d9ad43; }
body.campus-ui .campus-brand strong,
body.campus-ui .campus-brand small { color: #fff; }
body.campus-ui .campus-nav-label { color: #c8d1df; }
body.campus-ui .main-tabs button { color: #dbe2ec; }
body.campus-ui .main-tabs button:hover { background: #ffffff1a; color: #fff; }
body.campus-ui .main-tabs button[aria-selected=true] {
  color: #1b2b4a;
  background: #d9ad43;
  box-shadow: 0 6px 20px #08152c55;
}
body.campus-ui .campus-sidebar-art { background: #263b5e; border: 1px solid #d9ad4366; }
body.campus-ui .session-controls { border-top-color: #ffffff30; }
body.campus-ui .session-avatar { background: #d9ad43; color: #1b2b4a; }
body.campus-ui .session-identity strong { color: #fff; }
body.campus-ui .session-identity small { color: #c8d1df; }
body.campus-ui .campus-session-actions button { color: #fff; border-color: #8795aa; }
body.campus-ui .campus-session-actions button:hover { background: #2b4167; }

body.campus-ui .app-header {
  color: var(--campus-ink);
  background: #fff;
  border-bottom: 3px solid #d9ad43;
}
body.campus-ui .campus-header-brand > svg { color: #b28a2d; }
body.campus-ui .app-header h1 { color: #1b2b4a; }
body.campus-ui .toolbar button { color: #1b2b4a; border-color: #aeb9c9; }
body.campus-ui .toolbar button:hover { background: #fff8e8; color: #1b2b4a; }
body.campus-ui .campus-section-label { color: #647083; border-color: #d6dce5; }
body.campus-ui .app-footer { color: #647083; background: #f3f5f8; }

body.campus-ui .app-shell,
body.campus-ui .tab-panel,
body.campus-ui .console-panel { background: #f3f5f8; }
body.campus-ui .console-panel,
body.campus-ui .resource-form,
body.campus-ui .class-directory,
body.campus-ui .timetable-wrap,
body.campus-ui .planning-form-panel,
body.campus-ui .planning-report-panel { border-color: #d6dce5; }
body.campus-ui .copy-week-button,
body.campus-ui .form-actions button:first-child,
body.campus-ui .resource-tabs button[aria-selected=true],
body.campus-ui .segmented button[aria-pressed=true],
body.campus-ui .personal-query-modes button[aria-selected=true],
body.campus-ui .statistics-total,
body.campus-ui #loginButton {
  background: #1b2b4a;
  border-color: #1b2b4a;
  color: #fff;
}
body.campus-ui .copy-week-button:hover,
body.campus-ui .form-actions button:first-child:hover,
body.campus-ui #loginButton:hover { background: #263b5e; border-color: #263b5e; }
body.campus-ui .segmented button[aria-pressed=true] .day-date { color: #d9ad43; }
body.campus-ui :is(.resource-table, .class-students-table, .timetable) th,
body.campus-ui .student-statistics-table .statistics-class-row th {
  color: #1b2b4a;
  background: #e7ebf1;
  border-color: #cbd3df;
}
body.campus-ui .timetable thead th.is-selected-date {
  color: #1b2b4a;
  background: #f8edc8;
  box-shadow: inset 0 -3px #d9ad43;
}
body.campus-ui .student-week-count,
body.campus-ui .student-statistics-summary strong,
body.campus-ui .report-brand { color: #1b2b4a; }
body.campus-ui .statistics-course { background: #eef2f7; border-color: #8899b0; }
body.campus-ui #toast { background: #1b2b4a; border-color: #d9ad43; }

body.campus-ui .campus-login-image { opacity: .18; filter: saturate(.45) sepia(.18); }
body.campus-ui .login-view::before { background: #101d35e8; }
body.campus-ui .login-view::after { background: linear-gradient(0deg, #101d35f2, #101d3500 62%); }
body.campus-ui .campus-login-top,
body.campus-ui .campus-login-school strong,
body.campus-ui .campus-login-location,
body.campus-ui .campus-login-copy,
body.campus-ui .campus-login-bottom { color: #fff; }
body.campus-ui .campus-login-school small,
body.campus-ui .campus-login-bottom small { color: #d9ad43; }
body.campus-ui .campus-login-kicker,
body.campus-ui .campus-login-english em,
body.campus-ui .login-brand h1 span { color: #d9ad43; }
body.campus-ui .campus-login-line { background: #d9ad43; }
body.campus-ui .campus-login-steps b { background: #d9ad43; }
body.campus-ui .login-panel { background: #fffefbf2; border-color: #d9ad43aa; }
body.campus-ui .login-panel-heading h2,
body.campus-ui .login-panel-heading p,
body.campus-ui .campus-login-system,
body.campus-ui .campus-field-label { color: #1b2b4a; }
body.campus-ui .campus-login-security { color: #647083; }

body.campus-ui #learningPanel .learning-course[aria-selected=true],
body.campus-ui #learningPanel .learning-course:focus-visible { outline-color: #d9ad43; }
body.campus-ui #learningPanel .courseware-chip { border-color: #2d6b61; background: #e4f1ee; color: #20564e; }
body.campus-ui #learningPanel .homework-chip { border-color: #b65b4b; background: #f8e9e5; color: #8f4034; }
body.campus-ui #planningPanel .planning-section-tabs button[aria-selected=true],
body.campus-ui #planningPanel .planning-section-note,
body.campus-ui #planningPanel .planning-report-heading { color: #1b2b4a; border-color: #d9ad43; }
body.campus-ui #planningPanel .planning-preview-heading,
body.campus-ui #planningPanel .planning-report-panel { border-color: #d6dce5; }
body.campus-ui #planningPanel .planning-report-heading { background: #1b2b4a; color: #fff; }

@media (max-width: 680px) {
  body.campus-ui .campus-sidebar { border-right: 0; border-bottom: 3px solid #d9ad43; }
}