/* Syllabuild Board R9 — vibrant, accessible classroom theme.
   Appearance only: does not recolor lesson canvas drawings or student annotations. */
:root{
  --navy:#173f70;
  --accent:#087e9a;
  --accent-dark:#075f7c;
  --bg:#eaf6fe;
  --panel:#fff;
  --line:#d5e6f0;
  --text:#18334c;
  --muted:#526c82;
  --soft:#e7f7ff;
  --shadow:0 14px 38px #1b528222;
  --board-line:#d5e6f0;
  --board-shadow:0 18px 50px #214e782d;
}
html,body{color:var(--text);background:var(--bg)}
.appHeader{
  background:linear-gradient(105deg,#183c72 0%,#195384 53%,#245b96 100%)!important;
  color:#fff;
  box-shadow:0 3px 18px #133b6b36!important;
}
.appHeader::before{
  height:4px!important;
  background:linear-gradient(90deg,#ff9187 0%,#ffc969 23%,#52d1c2 51%,#64b6f1 76%,#9d96f1 100%)!important;
}
.appHeader .topbtn{border-color:#ffffff30!important;background:#ffffff13!important;color:#fff!important}
.appHeader .topbtn:hover:not(:disabled){background:#ffffff28!important;border-color:#ffffff60!important}
.appHeader #presentBtn{background:linear-gradient(140deg,#ff9b79,#f27072)!important;border-color:#ffd2b7!important;box-shadow:0 5px 18px #a4315263!important;color:#fff!important}
.appHeader #presentBtn:hover:not(:disabled){background:linear-gradient(140deg,#ffac89,#f97d7b)!important}
.appHeader #boardTitle{background:#ffffff16!important;border:1px solid #ffffff4d!important;color:#fff!important}
.appHeader #boardTitle:focus{border-color:#ffd38f!important;box-shadow:0 0 0 3px #ffd38f4d!important}
.appHeader .moreMenu button{color:#18334c!important}
.appHeader .moreMenu button:hover{background:#e8f8ff!important;color:#096b93!important}
.workspace{background:linear-gradient(145deg,#edf9ff 0%,#f5f4ff 45%,#fff7f1 100%)}
.toolbar{background:linear-gradient(180deg,#ffffff,#f3fbff)!important;border-right:1px solid #cfe5f1!important}
.tool{color:#29445d}
.tool:hover:not(:disabled){background:#e5f6ff!important;border-color:#a9dbef!important}
.tool.active{background:linear-gradient(125deg,#dff7fd,#e9efff)!important;border-color:#76bfdc!important;box-shadow:inset 3px 0 0 #168baa,0 4px 14px #3f9fc426!important;color:#075f7c!important}
.options,.pages,.zoom,.boardFooter,.teacherPanel{background:rgba(255,255,255,.98)!important;border-color:#cce3f0!important;box-shadow:0 11px 35px #234e7820!important}
.options{border-top:3px solid #73c9e4!important}
.pages{border-top:3px solid #9b95ec!important}
.teacherPanelHead,.lessonLibraryHead,.previewHead,.lessonGradesHead,.boardConsoleHead{
  background:linear-gradient(100deg,#e7f7ff 0%,#f4f1ff 66%,#fff5ef 100%)!important;
  border-bottom-color:#cfe4ed!important;
}
.teacherPanelHead strong,.lessonLibraryHead strong,.previewHead strong,.lessonGradesHead strong{color:#17416e!important}
.flowStrip{background:#f4faff!important;border-bottom-color:#d9eaf1!important}
.flowStrip span.active{background:#d8f3ff!important;color:#086e91!important;box-shadow:inset 0 -2px 0 #43add1!important}
.classSummaryRow>div{background:linear-gradient(130deg,#effaff,#fff)!important;border-color:#cdeaf4!important}
.classSummaryRow>div:nth-child(2){background:linear-gradient(130deg,#eefdf4,#fff)!important;border-color:#cbeede!important}
.classSummaryRow>div:nth-child(3){background:linear-gradient(130deg,#fff5ee,#fff)!important;border-color:#f3e0d4!important}
.sessionCodeCard,.activityCard{border-color:#cde7f3!important}
.primaryAction,.deployPrimary,.monitorPrimary{background:linear-gradient(130deg,#0788a4,#1276b5)!important;border-color:#08688e!important;color:#fff!important;box-shadow:0 5px 15px #0a81a530!important}
.primaryAction:hover,.deployPrimary:hover,.monitorPrimary:hover{filter:brightness(1.07)}
.pageControlGrid .deployControl,.historyLaunchBtn{background:linear-gradient(115deg,#e1f7ff,#edf4ff)!important;border-color:#8dcce6!important;color:#0b6082!important}
.lessonCollect{background:#f2efff!important;border-color:#cdc5f3!important}
.lessonLibraryNew,.historySearchBar,.rosterToolbar{background:#f1faff!important;border-bottom-color:#d6eaf2!important}
.lessonSetRow,.historySession,.studentCard{border-color:#d9e8f2!important;box-shadow:0 3px 12px #244b6910}
.lessonSetRow:hover,.historySession:hover,.studentCard:hover{border-color:#8bc9e1!important;box-shadow:0 7px 24px #1b82b11e}
.lessonSetRow.active{background:#eafaff!important;border-color:#6bc5df!important}
.historySession button,.historySearchBar button,.loadOlderHistoryBtn{background:#e6f7ff!important;border-color:#92cbe1!important;color:#095d82!important}
.historySession button:hover,.historySearchBar button:hover,.loadOlderHistoryBtn:hover{background:#d6f0ff!important}
.footerStatus[data-state="saved"] .statusDot{background:#0fa77b!important}
.footerStatus[data-state="saving"] .statusDot{background:#f49a28!important}
.footerStatus[data-state="error"] .statusDot{background:#e95765!important}
.footerStatus[data-state="saving"] #saveStatus{color:#986116!important}
.footerStatus[data-state="error"] #saveStatus{color:#bd3f53!important}
.footerStatus[data-state="saved"] #saveStatus{color:#11634d!important}
.joinCard,.lessonLibraryCard,.previewCard,.rosterCard,.lessonGradesCard,.boardConsoleCard{border:1px solid #cde3f0!important}
.joinCard{box-shadow:0 28px 80px #164e7940!important}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{
  outline:2px solid #169cc8;outline-offset:2px;
}
.archivedStudentRow{background:#fff8ec}
.archivedStudentRow td{color:#785e3c}
.archivedStudentRow small{display:block;color:#8b6c48;margin-top:3px;font-size:10px}
.archivedStudentRow button[data-roster-action="restore"]{background:#dff8eb;border:1px solid #89d8af;color:#126746;border-radius:7px;padding:7px 9px;font-weight:700}
.archivedStudentRow button[data-roster-action="review-archive"]{background:#edf7ff;border:1px solid #a4d3ef;color:#145e88;border-radius:7px;padding:7px 9px;font-weight:700}
#rosterArchivedNotice{padding:9px 15px;background:#fff6e9;color:#795424;font-size:11px;border-bottom:1px solid #f4dfc4}
.archivedStudentReadOnly #studentPreview .teacherMarkupBar,
.archivedStudentReadOnly #studentPreview #saveGradeBtn,
.archivedStudentReadOnly #studentPreview #saveOverallGradeBtn,
.archivedStudentReadOnly #studentPreview #saveAndNextStudentBtn,
.archivedStudentReadOnly #studentPreview #returnWorkBtn,
.archivedStudentReadOnly #studentPreview #workVersionsBtn{display:none!important}
.archivedStudentReadOnly #studentPreview #previewCanvas{pointer-events:none!important}
@media(prefers-reduced-motion:reduce){.footerStatus[data-state="saving"] .statusDot{animation:none!important}}
@media(max-width:620px){.archivedStudentRow button{margin-top:3px}}