/* Light mode: every tab wears the home colour (the teal of "Study"), so tabs read as tabs and not as plain white buttons.
   Unselected tabs get a soft teal tint with teal text; the selected one is solid teal. Dark mode is unchanged. */
.top-actions .tab[hidden],.db-badge[hidden]{display:none}
:root[data-theme="light"] .top-actions .tab,
:root[data-theme="light"] .subnav button,
:root[data-theme="light"] .adm-tabs button,
:root[data-theme="light"] .seg button{background:var(--brand-soft);color:#075f58;border:1px solid color-mix(in srgb,var(--brand) 32%,transparent);font-weight:600}
:root[data-theme="light"] .top-actions .tab:hover,
:root[data-theme="light"] .subnav button:hover,
:root[data-theme="light"] .adm-tabs button:hover,
:root[data-theme="light"] .seg button:hover:not(.on){background:color-mix(in srgb,var(--brand) 20%,#fff);color:#064c47;border-color:var(--brand)}
:root[data-theme="light"] .top-actions .tab.active,
:root[data-theme="light"] .subnav button.active,
:root[data-theme="light"] .adm-tabs button.on,
:root[data-theme="light"] .seg button.on{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 4px 12px -5px color-mix(in srgb,var(--brand) 70%,transparent)}
/* the tab rows themselves: a light teal track behind the dashboard tabs and the Class XI / XII switch */
:root[data-theme="light"] .adm-tabs,
:root[data-theme="light"] .seg{background:color-mix(in srgb,var(--brand) 7%,#fff)}
:root[data-theme="light"] .adm-tabs button,:root[data-theme="light"] .seg button{border-color:transparent}

/* ---------- professors' dashboard: tabs instead of one long page ---------- */
.dash-top h2{margin-bottom:6px}
.dash-tabs{display:flex;flex-wrap:wrap;margin-bottom:2px}
.dash-pane[hidden]{display:none}
/* rights the owner gave a teacher */
.tu-rchip{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:8px;line-height:1.35;font-size:.78rem;font-weight:600;background:var(--brand-soft);color:var(--brand)}
.tu-rlist{margin:6px 0 4px 18px;padding:0}
.tu-rlist li{margin:4px 0}
.tu-rbox{display:block;max-width:560px;white-space:normal}
.card .tu-rbox label{display:flex;align-items:flex-start;gap:8px;margin:8px 0;font-weight:400;line-height:1.4}
.tu-rbox input{margin-top:3px;flex:none}
/* "Add a teacher yourself" stays folded until it is needed */
.tu-add{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.tu-add summary{cursor:pointer;font-weight:700;color:var(--brand);padding:4px 0}
.tu-add[open] summary{margin-bottom:6px}
.dash-tabs button{flex:1 1 auto}
@media (max-width:600px){.tu-rbox{max-width:290px}}

/* ---------- class tests ---------- */
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.ct-grid3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:0 12px}
@media (max-width:600px){.ct-grid,.ct-grid3{grid-template-columns:1fr}}
.card .ct-chs label{display:flex;gap:8px;align-items:flex-start;width:100%;font-weight:400}
.ct-chip{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.8rem;font-weight:700;white-space:nowrap}
.ct-up{background:var(--brand-soft);color:var(--brand)}.ct-open{background:var(--ok-bg);color:var(--ok)}.ct-closed{background:var(--bg);color:var(--muted)}
.ct-item{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:10px 0}
.ct-item .lead{margin:0 0 4px}.ct-line{margin:4px 0}
.ct-take .meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ct-clock{font-weight:800;color:var(--brand)}.ct-clock.low{color:var(--bad)}
.ct-pal{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.ct-pal button{min-width:38px;padding:4px 8px;border-radius:8px;font-size:.85rem}
.ct-pal button.done{background:var(--brand-soft);border-color:var(--brand)}
.ct-pal button.on{outline:3px solid var(--brand);outline-offset:1px}
.ct-take .opt.picked{background:var(--brand-soft);border-color:var(--brand);font-weight:600}
.ct-qa li{margin:6px 0}
.ct-ri{border-top:1px solid var(--line);padding:8px 0}
.ct-ri ul{margin:4px 0 4px 18px}.ct-ri li.right{color:var(--ok);font-weight:700}.ct-ri li.wrong{color:var(--bad);text-decoration:line-through}
/* while a quiz, mock test or class test is running, the Ask StudyRaah chat and AI teacher are hidden (testlock.js) */
body.sb-in-test .sbq-fab,body.sb-in-test .sbq-panel{display:none !important}
/* ---------- class quizzes and tests from a class's own Excel questions ---------- */
.ct-kind{display:grid;gap:8px;margin:6px 0 12px}
.card .ct-kind label{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-weight:400}
.ct-kind label .note{display:block;margin-left:4px}
.ct-kind input,.ct-src input{width:auto;flex:none;margin-top:4px}
.ct-src{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin:12px 0 6px}
.card .ct-src label{display:inline-flex;gap:6px;align-items:center;font-weight:400;margin:0}
.ct-lbl{font-weight:700;width:100%}
.ct-new a.button{display:inline-flex;align-items:center;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);font-weight:600;text-decoration:none}
.ct-new a.button:hover{border-color:var(--brand)}
.ct-prev{margin-top:10px;padding:10px 14px;border:1px dashed var(--brand);border-radius:12px;background:color-mix(in srgb,var(--brand) 5%,var(--card))}
.ct-errs{color:var(--bad);margin:6px 0 6px 18px}
.ct-pq{border-top:1px solid var(--line);padding:6px 0}.ct-pq ol{margin:4px 0 4px 22px}.ct-pq li.right{color:var(--ok);font-weight:700}
/* the Quiz / Test label */
.ct-k{display:inline-block;padding:1px 8px;border-radius:6px;font-size:.74rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;vertical-align:2px}
.ct-kq{background:var(--brand);color:#fff}
.ct-kt{background:var(--gold);color:#3a2a00}
/* students: one highlighted section per class, under the class's name */
.ct-group{margin:14px 0;border:2px solid color-mix(in srgb,var(--brand) 45%,transparent);border-radius:16px;padding:4px 12px 8px;background:color-mix(in srgb,var(--brand) 5%,var(--card))}
.ct-gh{margin:8px 0 2px;color:var(--brand);font-size:1.1rem}
.ct-iq{border-left:4px solid var(--brand)}.ct-it{border-left:4px solid var(--gold)}
/* the menu button carries the class's name and stands out */
#subnav button.ct-navbtn{border-color:var(--brand);font-weight:700}
.name-sug{margin:4px 0 8px;font-size:.9rem;color:var(--muted,#667085)}
.name-sug .link{margin:0 8px 0 0;font-weight:600}
.cap-dlg{max-width:380px;text-align:center}
.cap-dlg .cap-box{display:flex;justify-content:center;min-height:8px;margin:8px 0}