.brand-logo {
  width: 38px;
  height: 38px;
  object-fit: contain;
  flex: 0 0 auto;
}

.sidebar .brand-logo {
  width: 40px;
  height: 40px;
}

.login-card .brand {
  color: #103c70;
}

.login-card .brand-logo {
  width: 46px;
  height: 46px;
}

.admin-stats {
  padding: 24px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-insight-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr);
  gap: 22px;
  padding: 0 24px 24px;
}

.admin-insight-grid .card {
  min-width: 0;
}

.admin-insight-grid .card-heading {
  padding: 18px 20px;
}

.admin-insight-grid h3 {
  margin: 0;
  font-size: 15px;
}

.failure-detail {
  display: block;
  color: #a13b36;
  font-size: 10px;
  margin-top: 4px;
  max-width: 240px;
}

#admin-audit-table {
  max-height: 520px;
  overflow: auto;
}

@media(max-width:760px) {
  .admin-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 18px; }
  .admin-insight-grid { grid-template-columns: 1fr; padding: 0 18px 18px; }
}

/* Centralix dark glass theme */
:root {
  --bg: #07111f;
  --ink: #edf5ff;
  --muted: #8da3bb;
  --line: #1c3047;
  --green: #25d4c3;
  --pale: #12323d;
}

html, body { background: var(--bg); }
body {
  background:
    radial-gradient(circle at 82% -12%, #123b5a 0, transparent 35%),
    radial-gradient(circle at 10% 100%, #0a2936 0, transparent 30%),
    var(--bg);
}
.brand, .login-card .brand { color: #f3f8ff; }
.brand-logo { filter: drop-shadow(0 0 10px #16d9e455); }
.sidebar {
  background: linear-gradient(180deg, #0b192a 0%, #081321 100%);
  border-color: var(--line);
  box-shadow: 14px 0 40px #02081455;
}
.workspace-label, .breadcrumb, .sidebar-bottom small { color: #7089a3; }
.nav { color: #93a8bf; }
.nav:hover { background: #10263a; color: #dff9f5; }
.nav.active { background: linear-gradient(90deg, #123b42, #10283a); color: #55eadb; }
.nav b { background: #164b55; color: #84f6e9; }
.sidebar-bottom { border-color: var(--line); }
.topbar { border-color: var(--line); }
.breadcrumb span:last-child { color: #dce9f7; }
.mode { background: #0e302f; border-color: #1c6a66; color: #6cf2df; }
button, .secondary, input, textarea, select {
  background: #0e1e31;
  color: var(--ink);
  border-color: #27415c;
}
button:hover:not(:disabled), a.secondary:hover { background: #15314a; }
.primary { background: linear-gradient(135deg, #1bb6b0, #176fbb); border-color: #32d9cf; box-shadow: 0 8px 24px #12cfc033; }
.primary:hover:not(:disabled) { background: linear-gradient(135deg, #28d9cd, #2188d5); }
.text-button { background: transparent; color: #91a8c0; }
.main h1, .main h2, .main h3, .login-card h1 { color: #f1f7ff; }
.eyebrow { color: #55eadb; }
.card, .stats article, dialog, .login-card {
  background: linear-gradient(145deg, #0d1d30, #0b1828);
  border-color: #1d354d;
  box-shadow: 0 18px 60px #0208142b;
}
.card-heading, td { border-color: #1b3047; }
.small-pill, .badge { border-color: #2b435b; background: #12263b; color: #9cb1c6; }
.stats article > span, .stats small, td small, .muted, .audio-preview { color: #8da3bb; }
.stats .stat-highlight { background: linear-gradient(145deg, #0b6869, #12447c); border-color: #2acfc5; }
.stat-highlight > span, .stat-highlight small { color: #c9fffa !important; }
.empty strong { color: #eef7ff; }
.empty .empty-icon, .guide-icon { color: #56e9d8; }
.guide { background: linear-gradient(145deg, #0c2230, #0b1928); }
.guide-icon { background: #123c46; }
.guide li:before { border-color: #2a5961; color: #5be9db; }
.guide-mock-field, .guide-mock-list, .guide-mock-check, .guide-mock-row, .guide-mock-nav, .guide-mock-status { background: #10243a; border-color: #28445c; color: #b8c9da; }
.guide-visual { background: linear-gradient(145deg, #0e3040, #10243a); }
.guide-mock-button { background: #149e9a; box-shadow: 0 8px 20px #12cfc033; }
.notice { background: #10392f; border-color: #217565; color: #baf9e6; }
.notice.error { background: #3c2028; border-color: #854250; color: #ffc3c5; }
.demo-banner { background: #142c4d; border-color: #284e78; color: #b9d6f7; }
th { background: #102238; color: #8fa8c1; }
td { color: #dce9f7; }
input::placeholder, textarea::placeholder { color: #68809a; }
input:focus, textarea:focus, select:focus { border-color: #35d7ca; box-shadow: 0 0 0 3px #35d7ca22; }
.hint { background: #10283a; color: #a9c3d4; }
dialog::backdrop { background: #020814bb; }
.login-page { background: radial-gradient(circle at 50% 0, #123653 0, transparent 45%), #07111f; }
.login-card { border-color: #23405b; }
.login-card .brand-logo { filter: drop-shadow(0 0 16px #1ddccf66); }
.login-card .demo-note { border-color: var(--line); }
.trunk-status { background: #102238; border-color: #29445e; }
.danger, .danger-button { color: #ff9d9d; border-color: #7d3c4b; }
.danger:hover:not(:disabled), .danger-button:hover:not(:disabled) { background: #3d202b; }
.connection-dot.ready, .live-pulse i { background: #28dbc5; box-shadow: 0 0 0 5px #28dbc522; }