/* Shared readable labels and keyboard focus, preserving Topan's dark palette. */
.text-gray-500, .text-gray-600 { color: #a1a1aa !important; }
#learn-badge-count { background-color: #b91c1c !important; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible,
[role="button"]:focus-visible, summary:focus-visible { outline: 2px solid #d8b4fe; outline-offset: 3px; }
.section-collapse-control { display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer; }
.carry-choice {display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#c4becb;font-size:13px;margin:0 0 16px;}
.carry-choice select {min-width:0;max-width:100%;padding:10px;background:#120d18;color:#eee8f5;border:1px solid #675477;border-radius:6px;}
.new-tab-row {min-width:0;}
.new-tab-row .new-tab-input {min-width:0;}
.new-tab-row .new-tab-btn {flex-shrink:0;white-space:nowrap;}
@media(max-width:640px) {
  .topbar {grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand night" "actions actions" "total total" "meter meter";column-gap:8px;}
  .topbar-actions {min-width:0;flex-wrap:wrap;justify-content:flex-end;}
  .topbar .grand-total {min-width:0;max-width:100%;}
  .topbar-meter-cluster {min-width:0;}
  .carried-tab-row {flex-wrap:wrap;}
}

.queue-empty, .cat-count, .quiz-empty-sub, .hero__stat-k {color:#a1a1aa !important;}
#lang-gr, #lang-en {opacity:1;}
body a:not([class]), .intro a {text-decoration:underline;text-underline-offset:3px;}