/* One tab style for every portal (Karthik, 4 Nov 2026): pills, the selected one dark.
   Exam screens and the settings side list keep their own look. Undo = remove this file's line from index.html. */
.tabs, .as-secs, .mk-tabs, .cx-pills { display: flex; flex-wrap: wrap; gap: 6px; padding: 0; background: none; border: 0; border-radius: 0; overflow: visible; }
.tabs { margin-bottom: 16px; }
.mt-bar, .mk-tabsrow { border-bottom: 0; align-items: center; }
.mt-bar .tabs { margin-bottom: 0; }
.mt-bar .mt-view { margin-bottom: 0; }
.tab, .as-sec, .mk-tab, .cx-pill { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 5px 16px; border: 1px solid var(--control-line, #CFCADB); border-radius: 999px; background: var(--surface); color: var(--ink-2); font: 600 13.5px var(--font); box-shadow: none; white-space: nowrap; cursor: pointer; }
.tab:hover, .as-sec:hover, .mk-tab:hover, .cx-pill:hover { background: var(--rule-2); }
.tab[aria-selected=true], .as-sec[aria-selected=true], .mk-tab[aria-selected=true], .cx-pill[aria-selected=true] { background: var(--ink); border-color: var(--ink); color: #FFFFFF; font-weight: 600; box-shadow: none; }
.as-toolbar .mt-view { margin: 0 0 0 auto; }
.mb-search-row { width: 100%; max-width: none; margin: 0 0 12px; box-sizing: border-box; }
.mb-viewrow { display: flex; justify-content: flex-end; margin-bottom: 12px; }
@media (max-width: 560px) { .tab, .as-sec, .mk-tab, .cx-pill { white-space: normal; } }
@media (forced-colors: active) { .tab[aria-selected=true], .as-sec[aria-selected=true], .mk-tab[aria-selected=true], .cx-pill[aria-selected=true] { outline: 3px solid Highlight; outline-offset: -3px; } }