/* --- Admin tab bar --- */
.admin-tabs{
  display:flex; gap:8px; align-items:center;
  padding:8px 12px; margin:6px 0 14px;
  border-bottom:1px solid #e5e7eb;
  background:#fafafa;
  border-radius:8px;
}

/* Tab pill */
.admin-tabs .tab{
  display:inline-block;
  padding:6px 12px;
  border:1px solid #cbd5e1;
  border-radius:999px;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  color:#1f2937;              /* slate-800 */
  background:#ffffff;
  transition:background .15s, border-color .15s, color .15s, box-shadow .15s;
}
.admin-tabs .tab:hover{
  background:#f8fafc;
  border-color:#94a3b8;       /* slate-400 */
}
.admin-tabs .tab:focus{
  outline:none;
  box-shadow:0 0 0 2px rgba(96,165,250,.35);
}

/* Active tab (light) */
.admin-tabs .tab.active{
  background:#dbeafe;         /* blue-100 */
  border-color:#60a5fa;       /* blue-400 */
  color:#0f172a;              /* slate-900 */
}

/* ---- Dark mode adjustments ---- */
html[data-theme="dark"] .admin-tabs{
  background:#0b1220;         /* your dark header tone */
  border-bottom:1px solid #273244;
}

html[data-theme="dark"] .admin-tabs .tab{
  background:#0f172a;         /* slate-900 */
  border-color:#3b4a60;       /* slate-600-ish */
  color:#e5e7eb;              /* slate-200 */
}
html[data-theme="dark"] .admin-tabs .tab:hover{
  background:#111827;         /* slate-900+ */
  border-color:#60a5fa;
}
html[data-theme="dark"] .admin-tabs .tab.active{
  background:#1d4ed8;         /* blue-700 */
  border-color:#60a5fa;
  color:#e5e7eb;
  box-shadow:0 0 0 1px rgba(96,165,250,.35) inset;
}

.ares-toggle {
  display: flex;
  align-items: center;
  justify-content: flex-start;  /* ✅ align left */
  gap: 6px;
  font-size: 12px;
  color: var(--text);
}

.ares-toggle .hint {
  color: #6b7280;
  font-weight: 400;
}

html[data-theme="dark"] .ares-toggle .hint {
  color: var(--muted);
}