/* One slim look for controls, players, chat, and the admin desk. */
:is(button, input[type="submit"], input[type="button"], a.solid, a.ghost, a.ember, a.site-btn, a.go-live, button.go, .site-btn):not(.switch):not(.kb):not(.dock-btn):not(.dock-play):not(.yt-big):not(.search-go):not(.search-clear):not(.rail-btn):not(.short-btn):not(.short-side-btn):not(.flag-opt):not(.emoji-btn):not(.menu) {
  min-height: 34px !important;
  height: auto !important;
  padding: 0 12px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 0.84rem !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  gap: 0.35rem !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
select,
textarea {
  min-height: 34px;
  border-radius: 0 !important;
  border: 1px solid var(--line) !important;
  background: var(--surface) !important;
  color: var(--fg) !important;
  box-shadow: none !important;
  padding: 0.4rem 0.65rem !important;
  font-size: 0.9rem !important;
}
textarea { min-height: 5.5rem; resize: vertical; }
label { font-size: 0.82rem; font-weight: 650; }
.panel, .setup-card, .limit-card, .store-card, .sub-card, .leave-card {
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 0.8rem 0.9rem !important;
}
.booth-nav {
  border-radius: 8px !important;
  padding: 0.35rem !important;
  gap: 0.15rem !important;
}
.booth-nav a {
  border-radius: 0 !important;
  min-height: 36px !important;
  padding: 0.35rem 0.6rem !important;
  box-shadow: none !important;
}
.booth-nav a.on { box-shadow: none !important; }
.chips a, .tabs a, .side-nav a {
  border-radius: 0 !important;
  min-height: 34px !important;
  box-shadow: none !important;
}
.xlate-bar {
  display: flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  margin: 0.45rem 0.65rem 0 !important;
  padding: 0.28rem 0.45rem 0.28rem 0.7rem !important;
  border-radius: 0 !important;
  border: 1px solid var(--line) !important;
  background: var(--surface) !important;
  box-shadow: none !important;
}
.xlate-bar label {
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  margin: 0 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
.xlate-bar select, .chat-compose select {
  min-height: 28px !important;
  height: 28px !important;
  border-radius: 0 !important;
  padding: 0 0.55rem !important;
  font-size: 0.8rem !important;
}
.xlate-status { font-size: 0.72rem !important; }
.chat-compose {
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  padding: 0.5rem !important;
}
.chat-compose input[name="body"] { flex: 1; min-width: 0; }
.chatbox .bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  padding: 0 0.7rem;
}
.livebox-pop, .dock-pop, .clip-sheet, .share-pop {
  border-radius: 8px !important;
  padding: 8px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
}
.livebox-pop button, .dock-pop button, .dock-choice {
  min-height: 32px !important;
  border-radius: 0 !important;
  text-align: left !important;
  justify-content: flex-start !important;
}
.ytgo, .live-tools, .stack, .row-buttons { gap: 0.55rem !important; }
.setup-card > summary, .live-extra > summary {
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 0.85rem !important;
  font-weight: 650 !important;
}
@media (max-width: 720px) {
  :is(button, a.solid, a.ghost, .site-btn):not(.switch):not(.kb):not(.dock-btn):not(.dock-play):not(.search-go):not(.menu) {
    min-height: 36px !important;
  }
}

/* Chat translate stays words, not flags. */
.xlate-bar button,
.xlate-bar .flag-face,
.xlate-bar .flag-pop,
.chatbox .xlate-bar .flag-face,
.chatbox .xlate-bar .flag-pop,
.chatbox .xlate-bar .flag-svg {
  display: none !important;
}
.chatbox .xlate-bar .flag-drop select {
  display: block !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: auto !important;
  min-width: 9rem !important;
  height: 28px !important;
  clip: auto !important;
  pointer-events: auto !important;
  color: var(--fg) !important;
  background: var(--bg) !important;
}

/* Light pages use light chrome. Dark pages use light text. */
html[data-theme="light"] .side,
html[data-theme="light"] .booth-side {
  background: var(--side, #f7f7f8) !important;
  color: var(--fg) !important;
  border-color: var(--line) !important;
}
html[data-theme="light"] header.top,
html[data-theme="light"] .top,
html[data-theme="light"] .admin-bar,
html[data-theme="light"] .banner {
  background: var(--top, #f7f7f8) !important;
  color: var(--fg) !important;
  border-color: var(--line) !important;
}
html[data-theme="light"] .side-nav a,
html[data-theme="light"] .booth-nav a,
html[data-theme="light"] .rec small,
html[data-theme="light"] .logo b,
html[data-theme="light"] .top a,
html[data-theme="light"] .search input,
html[data-theme="light"] .chatbox,
html[data-theme="light"] .chat-line,
html[data-theme="light"] .chat-compose,
html[data-theme="light"] .xlate-bar,
html[data-theme="light"] .xlate-bar label,
html[data-theme="light"] .panel,
html[data-theme="light"] .setup-card,
html[data-theme="light"] .booth-main,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] p,
html[data-theme="light"] label {
  color: var(--fg) !important;
}
html[data-theme="light"] .muted,
html[data-theme="light"] .xlate-status,
html[data-theme="light"] .side-nav a,
html[data-theme="light"] .booth-nav a small {
  color: var(--muted) !important;
}
html[data-theme="light"] .side-nav a.on,
html[data-theme="light"] .side-nav a:hover,
html[data-theme="light"] .booth-nav a.on,
html[data-theme="light"] .booth-nav a.on b,
html[data-theme="light"] .booth-nav a.on small {
  color: var(--fg) !important;
}
html[data-theme="light"] .booth-nav a.on {
  background: var(--raised) !important;
}
html[data-theme="light"] a.solid,
html[data-theme="light"] button.site-btn,
html[data-theme="light"] button.go,
html[data-theme="light"] a.go-live,
html[data-theme="light"] .admin-bar a {
  color: #111 !important;
}
html:not([data-theme="light"]) .side,
html:not([data-theme="light"]) header.top,
html:not([data-theme="light"]) .top,
html:not([data-theme="light"]) .chatbox,
html:not([data-theme="light"]) .panel,
html:not([data-theme="light"]) .booth-main,
html:not([data-theme="light"]) .xlate-bar,
html:not([data-theme="light"]) .xlate-bar label {
  color: var(--fg, #f4f5f6) !important;
}
html:not([data-theme="light"]) .muted,
html:not([data-theme="light"]) .side-nav a,
html:not([data-theme="light"]) .xlate-status {
  color: var(--muted, #b7b9c0) !important;
}
html:not([data-theme="light"]) .side-nav a.on,
html:not([data-theme="light"]) .side-nav a:hover {
  color: var(--fg, #fff) !important;
}
html:not([data-theme="light"]) a.ghost,
html:not([data-theme="light"]) button.ghost:not(.menu) {
  color: var(--fg, #f4f5f6) !important;
}


/* Admin: one page scroll. No trapped menu or row scrollers. */
@media (min-width: 981px) {
  body:has(.booth) .side {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}
.booth-side { position: static !important; }
.booth-nav,
.booth .log,
.booth .mail-scroll,
.booth .ledger,
.booth .week {
  max-height: none !important;
  overflow: visible !important;
}
.booth .scroller,
.booth .chips,
.booth .signal-row {
  overflow: visible !important;
  flex-wrap: wrap !important;
}
.booth .rail { display: block !important; overflow: visible !important; }
.booth .rail-btn { display: none !important; }
.booth .scroller > *,
.booth .chips > * { flex: 0 1 auto !important; }

/* Quick links sit across the top, not in the narrow menu column. */
.booth > .quick-links { grid-column: 1 / -1; margin: 0 0 0.8rem; }
.quick-bar { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; }
.quick-bar a {
  display: inline-flex; align-items: center; min-height: 32px; padding: 0 0.7rem;
  border: 1px solid var(--line); background: var(--surface); color: var(--fg); font-weight: 650;
}
.quick-edit { margin-top: 0.45rem; }
.quick-edit > summary { cursor: pointer; font-weight: 650; }
.quick-row {
  display: grid; grid-template-columns: minmax(7rem, 0.8fr) minmax(9rem, 1fr) minmax(11rem, 1.4fr) auto;
  gap: 0.55rem; align-items: end;
}
.quick-row label { display: grid; gap: 0.2rem; margin: 0; }
@media (max-width: 800px) {
  .quick-row { grid-template-columns: 1fr; }
}
.overview article {
  display: block; padding: 0.9rem; background: var(--surface); border: 1px solid var(--line); color: var(--muted);
}
.overview article strong { display: block; color: var(--fg); font-size: 1.15rem; }
.link-index {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.7rem; list-style: none; padding: 0; margin: 0.5rem 0 1.2rem;
}
.link-index > li { background: var(--surface); border: 1px solid var(--line); padding: 0.75rem 0.85rem; }
.link-index ul { list-style: none; padding: 0; margin: 0.45rem 0 0; display: grid; gap: 0.35rem; }
.link-index a { color: var(--fg); }
.link-index .muted { display: block; }