/* Subtle selection colors shared by staff menus and student lists. */
:root {
  --selection-bg:#e8f2ed;
  --selection-border:#93b5a5;
  --selection-text:#193e32;
  --selection-muted:#476657;
}
html[data-theme="dark"] {
  --selection-bg:#2b3b32;
  --selection-border:#648875;
  --selection-text:#e2f4ed;
  --selection-muted:#bdd2c6;
}
@media(prefers-color-scheme:dark) {
  html[data-theme="auto"] {
    --selection-bg:#2b3b32;
    --selection-border:#648875;
    --selection-text:#e2f4ed;
    --selection-muted:#bdd2c6;
  }
}
/* Explicit state colors also override dark-theme link defaults. */
html .sidebar nav a:is(:hover,:focus-visible,.active),
html .sidebar-bottom button:is(:hover,:focus-visible),
html #navigation nav a:is(:hover,:focus-visible,.active),
html #navigation .sidebar-bottom button:is(:hover,:focus-visible),
html .row-menu :is(a,button):is(:hover,:focus-visible),
html .search-options button:is(:hover,:focus-visible),
html .attitude-row:is(:hover,:has(input:checked)),
html .icon-button:is(:hover,:focus-visible) {
  background:var(--selection-bg);
  color:var(--selection-text);
}
html .sidebar nav a.active,
html #navigation nav a.active {box-shadow:inset 3px 0 var(--selection-border)}
.roster-table tbody tr:is(.student-picked,:has(input[name=student_ids]:checked)) {
  outline:1px solid var(--selection-border);
  outline-offset:-1px;
  background:var(--selection-bg)!important;
  color:var(--selection-text);
  box-shadow:none;
}
.roster-table.view-cards tbody tr:is(.student-picked,:has(input[name=student_ids]:checked)) {
  border-color:var(--selection-border);
  outline:none;
  box-shadow:none;
}
html .roster-table tbody tr:is(.student-picked,:has(input[name=student_ids]:checked)) :is(td,.student-name,strong,a) {color:var(--selection-text)}
html .roster-table tbody tr:is(.student-picked,:has(input[name=student_ids]:checked)) :is(.class-name,.xp-mark,.muted,.allowance,.row-actions-button),
html .roster-table tbody tr:is(.student-picked,:has(input[name=student_ids]:checked)) td::after,
html .roster-table tbody tr:is(.student-picked,:has(input[name=student_ids]:checked)) td::before {color:var(--selection-muted)}
html .attitude-row:is(:hover,:has(input:checked)) .attitude-name {color:var(--selection-text)}
html .attitude-row:is(:hover,:has(input:checked)) .muted {color:var(--selection-muted)}
.value-positive {color:#006c50}
.value-negative {color:#a23932}
.value-positive small,.value-negative small {color:#52665a}
html .shop-tabs a.selected {color:var(--selection-text)}

.student-access-link{min-width:0;padding:12px;border:1px solid var(--border);border-radius:12px;margin:12px 0}.student-access-link input{display:block;width:100%;min-width:0;font-size:12px;margin:8px 0}.student-access-link button{display:block;width:100%;margin:8px 0;white-space:normal}.student-access-link .helper{font-size:11px;line-height:1.5;margin-bottom:0}