/* e4l7q.css */
/* Navbar contains only branding and application tools. Live test stats belong to the test area. */
.top-row.site-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  min-height:72px !important;
  padding:0 0 12px !important;
}
.header-nav.app-tools{margin-left:auto}
.test-status-bar{
  display:flex !important;
  align-items:center;
  justify-content:flex-end;
  min-height:52px;
  padding:12px 0 0;
}
.test-status-bar .live-stats{
  width:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:26px;
}
.test-status-bar .stat{flex-direction:row;align-items:baseline;gap:7px}
.test-status-bar .stat-label{font-size:10px;letter-spacing:.09em}
.test-status-bar .stat-value{font-size:19px;min-width:26px}
.test-status-bar .restart-btn{width:34px;height:34px}
.typing-zone{padding-top:20px}

/* A readable dark theme: dark surfaces, but never dark text on dark background. */
body.theme-dark{
  --bg:#151d2b;
  --text:#edf3fb;
  --muted:#aab6c7;
  --line:#344258;
  --accent:#7c9cff;
  --accent-soft:#26385f;
  --paper:#1c2738;
  background:#151d2b;
}
body.theme-dark .top-row.site-header{border-bottom-color:#344258}
body.theme-dark .header-brand{
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
}
body.theme-dark .simple-select{
  background-color:#1c2738;
  border-color:#41516a;
  color:#f2f6fb;
}
body.theme-dark .simple-select:hover{background-color:#223047}
body.theme-dark .summary strong,
body.theme-dark .summary{color:#dce6f3}
body.theme-dark #words-container{color:#edf3fb}
body.theme-dark .word,
body.theme-dark #words-container.rtl .word{color:#edf3fb}
body.theme-dark .letter{color:#e6edf7}
body.theme-dark .letter.correct{color:#8e9aad}
body.theme-dark .letter.incorrect{color:#ff6b6b}
body.theme-dark .letter.missed{color:#ff6b6b}
body.theme-dark .letter.current{color:#111827 !important;background:#f2f65a}
body.theme-dark .word.end-current::after{background:#f2f65a}
body.theme-dark .restart-btn{color:#aab6c7}
body.theme-dark .restart-btn:hover{background:rgba(255,255,255,.08);color:#fff}
body.theme-dark .header-icon-btn{color:#c4cfde}
body.theme-dark .header-icon-btn:hover{background:rgba(124,156,255,.12);color:#9fb6ff}
body.theme-dark .header-nav-active{background:#6f8ff4;color:#fff}
body.theme-dark .typing-zone{border-bottom-color:#344258}
body.theme-dark .results{border-top-color:#344258}
body.theme-dark .chart-wrap,
body.theme-dark .error-summary,
body.theme-dark .faq-item{background:#1c2738;border-color:#344258}

@media(max-width:720px){
  .top-row.site-header{flex-wrap:wrap !important}
  .header-nav.app-tools{margin-left:auto;width:auto !important;order:initial !important}
  .test-status-bar{justify-content:flex-start;overflow-x:auto;padding-top:10px}
  .test-status-bar .live-stats{width:max-content;gap:16px}
  .typing-zone{padding-top:18px}
}