/* Give the workspace more room while keeping navigation labels readable. */
.sidebar{width:220px;flex:0 0 220px}
.brand{gap:10px;padding-left:4px;padding-right:4px}
.brand>div:last-child{min-width:0;flex:1}
.brand-name{font-size:17px;letter-spacing:0;white-space:nowrap}
.brand-subtitle{white-space:nowrap}
.sidebar-theme-picker{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 8px 18px;padding:8px 10px;border:1px solid #ffffff24;border-radius:10px;color:#bdcbe0;font-size:11px}
.sidebar-theme-options{display:flex;align-items:center;gap:8px}
.sidebar-theme-option{width:17px;height:17px;padding:0;border:2px solid #ffffff80;border-radius:50%;cursor:pointer;background:var(--theme-swatch);box-shadow:0 0 0 1px #0b1c34}
.sidebar-theme-option[aria-pressed="true"]{outline:2px solid #fff;outline-offset:2px}
.sidebar-theme-option[data-sidebar-theme="blue"]{--theme-swatch:#2787ee}
.sidebar-theme-option[data-sidebar-theme="purple"]{--theme-swatch:#392b43}
.sidebar-theme-option[data-sidebar-theme="green"]{--theme-swatch:#1f3b30}
.sidebar-theme-option[data-sidebar-theme="pink"]{--theme-swatch:#432b33}
.sidebar[data-theme="purple"]{background:linear-gradient(180deg,#392b43,#241a2c)}
.sidebar[data-theme="green"]{background:linear-gradient(180deg,#1f3b30,#13271f)}
.sidebar[data-theme="pink"]{background:linear-gradient(180deg,#432b33,#281a20)}
.sidebar[data-theme="purple"] .brand-mark{background:#6e4a82}
.sidebar[data-theme="green"] .brand-mark{background:#3b775a}
.sidebar[data-theme="pink"] .brand-mark{background:#8e4e5b}
.sidebar[data-theme="purple"] .nav-item:hover{background:#ffffff18}
.sidebar[data-theme="green"] .nav-item:hover{background:#ffffff18}
.sidebar[data-theme="pink"] .nav-item:hover{background:#ffffff18}
.sidebar[data-theme="purple"] .nav-item.active{background:#74508a;color:#fff}
.sidebar[data-theme="green"] .nav-item.active{background:#376d51;color:#fff}
.sidebar[data-theme="pink"] .nav-item.active{background:#92515f;color:#fff}

/* Attendance overview: seven students per row on desktop. */
.attendance-list-grid{grid-template-columns:repeat(7,minmax(0,1fr))}

/* Show evaluation totals in the blank toolbar area of Homework Check. */
.homework-evaluation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:min(100%,600px);align-items:center}
.homework-check-mode .submission-toolbar{display:grid;grid-template-columns:minmax(500px,600px) minmax(180px,300px) minmax(160px,270px) max-content;gap:10px;align-items:center;justify-content:start}
.homework-check-mode .submission-toolbar>div{min-width:0;margin-right:0}
.homework-check-mode .submission-toolbar>select,.homework-check-mode .submission-toolbar>input{width:100%;max-width:none;min-width:0;padding:8px 10px;font-size:clamp(15px,1vw,18px)}
.homework-check-mode .submission-toolbar>button{white-space:nowrap;padding:10px 18px}
.homework-count-chip{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;padding:7px 5px;border:1px solid transparent;border-radius:11px;font-size:13px;font-weight:700;white-space:nowrap}
.homework-count-chip i{font-style:normal;font-size:14px}
.homework-count-chip b{font-size:14px}
.homework-count-chip.excellent{background:#fff7e5;border-color:#f3e0ae;color:#a87610}
.homework-count-chip.complete{background:#e8f8ef;border-color:#c8ebd5;color:#168451}
.homework-count-chip.correction{background:#edf5ff;border-color:#d2e4fb;color:#3376bd}
.homework-count-chip.incomplete{background:#fff0f0;border-color:#f2d0d0;color:#cc4b4b}
.submission-status-hint{margin:0 0 8px;color:#8290a6;font-size:12px}
.submission-student-button.evaluation-excellent{background:#fff7e5;border-color:#f3e0ae}
.submission-student-button.evaluation-excellent span{color:#a87610}
.submission-student-button.evaluation-complete{background:#e8f8ef;border-color:#c8ebd5}
.submission-student-button.evaluation-complete span{color:#168451}
.submission-student-button.evaluation-correction{background:#edf5ff;border-color:#d2e4fb}
.submission-student-button.evaluation-correction span{color:#3376bd}
.submission-student-button.evaluation-incomplete{background:#fff0f0;border-color:#f2d0d0}
.submission-student-button.evaluation-incomplete span{color:#cc4b4b}
@media(max-width:900px){
  .sidebar{width:190px;flex-basis:190px}
  .brand{gap:8px;padding-left:0;padding-right:0}
  .brand-name{font-size:15px}
  .sidebar-theme-picker{margin-left:0;margin-right:0;padding:7px 8px}
  .attendance-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .homework-check-mode .submission-toolbar{display:flex;flex-wrap:wrap}
  .homework-check-mode .submission-toolbar>div{width:100%}
  .homework-evaluation-summary{gap:4px}
  .homework-count-chip{gap:3px;padding:7px 4px;font-size:11px}
  .homework-count-chip i,.homework-count-chip b{font-size:12px}
}
@media(min-width:901px) and (max-width:1200px){
  .homework-check-mode .submission-toolbar{display:flex;flex-wrap:wrap}
  .homework-check-mode .submission-toolbar>div{width:100%}
  .homework-check-mode .submission-toolbar>select{width:230px}
  .homework-check-mode .submission-toolbar>input{width:200px}
}