/* SpaceBump V3.1 — Unified Design System
   One visual identity, two appearances: dark and light. */

:root,
html[data-theme="dark"] {
  color-scheme: dark;
  --sb-bg: #080b12;
  --sb-bg-elevated: #0d111b;
  --sb-surface: #111722;
  --sb-surface-2: #161e2b;
  --sb-surface-3: #1b2534;
  --sb-card: #121925;
  --sb-card-hover: #172131;
  --sb-input: #0d141f;
  --sb-header: rgba(8, 11, 18, .86);
  --sb-border: #263244;
  --sb-border-soft: #1d2735;
  --sb-text: #f5f7fb;
  --sb-text-soft: #d8dfeb;
  --sb-muted: #94a3b8;
  --sb-muted-2: #6f7f94;
  --sb-primary: #6d5dfc;
  --sb-primary-hover: #7d70ff;
  --sb-primary-soft: rgba(109, 93, 252, .14);
  --sb-accent: #26c6b5;
  --sb-accent-soft: rgba(38, 198, 181, .12);
  --sb-success: #35c98b;
  --sb-warning: #f4b74c;
  --sb-danger: #f36f83;
  --sb-info: #54a8ff;
  --sb-shadow: 0 18px 50px rgba(0, 0, 0, .28);
  --sb-shadow-soft: 0 8px 26px rgba(0, 0, 0, .18);
  --sb-grid: rgba(255,255,255,.022);
  --sb-overlay: rgba(255,255,255,.035);
  --sb-radius-xs: 8px;
  --sb-radius-sm: 11px;
  --sb-radius: 16px;
  --sb-radius-lg: 22px;
  --sb-max: 1240px;
  --sb-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Compatibility variables used by older page-level CSS. */
  --bg-main: var(--sb-bg);
  --bg-card: var(--sb-card);
  --bg-elevated: var(--sb-surface-2);
  --border-muted: var(--sb-border);
  --accent: var(--sb-primary);
  --accent-soft: var(--sb-primary-soft);
  --text-main: var(--sb-text);
  --text-muted: var(--sb-muted);
}

html[data-theme="light"],
body.theme-light {
  color-scheme: light;
  --sb-bg: #f4f6fa;
  --sb-bg-elevated: #eef2f7;
  --sb-surface: #ffffff;
  --sb-surface-2: #f8fafc;
  --sb-surface-3: #eef3f8;
  --sb-card: #ffffff;
  --sb-card-hover: #fbfcff;
  --sb-input: #ffffff;
  --sb-header: rgba(255,255,255,.88);
  --sb-border: #d9e0ea;
  --sb-border-soft: #e8edf3;
  --sb-text: #121826;
  --sb-text-soft: #334155;
  --sb-muted: #64748b;
  --sb-muted-2: #8390a2;
  --sb-primary: #5b4df1;
  --sb-primary-hover: #493bdc;
  --sb-primary-soft: rgba(91, 77, 241, .10);
  --sb-accent: #0d9488;
  --sb-accent-soft: rgba(13, 148, 136, .09);
  --sb-success: #15825f;
  --sb-warning: #b7791f;
  --sb-danger: #d94b63;
  --sb-info: #2674d9;
  --sb-shadow: 0 18px 50px rgba(24, 34, 50, .10);
  --sb-shadow-soft: 0 8px 24px rgba(24, 34, 50, .08);
  --sb-grid: rgba(15,23,42,.035);
  --sb-overlay: rgba(15,23,42,.025);

  --bg-main: var(--sb-bg);
  --bg-card: var(--sb-card);
  --bg-elevated: var(--sb-surface-2);
  --border-muted: var(--sb-border);
  --accent: var(--sb-primary);
  --accent-soft: var(--sb-primary-soft);
  --text-main: var(--sb-text);
  --text-muted: var(--sb-muted);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--sb-bg) !important; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--sb-font) !important;
  color: var(--sb-text) !important;
  background:
    radial-gradient(circle at 8% -8%, rgba(109,93,252,.16), transparent 31%),
    radial-gradient(circle at 94% 3%, rgba(38,198,181,.08), transparent 26%),
    var(--sb-bg) !important;
  background-attachment: fixed !important;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
html[data-theme="light"] body,
body.theme-light {
  background:
    radial-gradient(circle at 7% -7%, rgba(91,77,241,.10), transparent 30%),
    radial-gradient(circle at 94% 2%, rgba(13,148,136,.06), transparent 25%),
    var(--sb-bg) !important;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .8;
  background-image:
    linear-gradient(var(--sb-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--sb-grid) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, #000, transparent 86%);
  z-index: -1;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
::selection { background: rgba(109,93,252,.30); color: var(--sb-text); }

.container, .page-container, .main-container, .content-wrapper, .wrap, .admin-container {
  width: min(var(--sb-max), calc(100% - 32px)) !important;
  margin-inline: auto !important;
}

/* Header / navigation */
header, .site-header, .navbar, .topbar, .main-header, .subbar {
  position: relative;
  z-index: 30;
  background: var(--sb-header) !important;
  border-color: var(--sb-border-soft) !important;
  color: var(--sb-text) !important;
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  box-shadow: none !important;
}
.topbar, .main-header, header, .site-header, .navbar { border-bottom: 1px solid var(--sb-border-soft) !important; }
.subbar { border-bottom: 1px solid var(--sb-border-soft) !important; }
.logo, .brand, .navbar-brand, .brand-title { color: var(--sb-text) !important; font-weight: 850 !important; letter-spacing: -.035em !important; }
nav a, .nav-link, .navbar a, .header-link, .nav-btn {
  color: var(--sb-text-soft) !important;
  border-radius: 10px !important;
  font-weight: 650 !important;
  transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease !important;
}
nav a:hover, .nav-link:hover, .navbar a:hover, .header-link:hover {
  color: var(--sb-text) !important;
  background: var(--sb-primary-soft) !important;
}

/* Main surfaces */
.card, .panel, .box, .server-card, .stat-card, .feature-card, .pricing-card,
.admin-card, .update-featured, .update-history-card, .form-card, .ticket-card,
.section-card, .servers-section, .hero-box, .step-card, .pricing-table-wrapper,
.card-soft, details, .review-panel, .reviews-hero, .compare-wrap, .vip-card,
.stats-card, .ultimate-section, .cookie-banner, .notif-dropdown, .empty-state,
.plan-card, .space-match-section, .permission-box {
  background: var(--sb-card) !important;
  color: var(--sb-text) !important;
  border: 1px solid var(--sb-border) !important;
  border-radius: var(--sb-radius) !important;
  box-shadow: var(--sb-shadow-soft) !important;
}
.card:hover, .server-card:hover, .feature-card:hover, .plan-card:hover {
  border-color: color-mix(in srgb, var(--sb-primary) 35%, var(--sb-border)) !important;
}

.hero, .hero-section, .landing-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(28px, 5vw, 60px) !important;
  border: 1px solid var(--sb-border) !important;
  border-radius: var(--sb-radius-lg) !important;
  background:
    linear-gradient(135deg, var(--sb-primary-soft), var(--sb-accent-soft)),
    var(--sb-card) !important;
  color: var(--sb-text) !important;
  box-shadow: var(--sb-shadow) !important;
}
.hero::after, .hero-section::after {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  border-radius: 999px;
  right: -150px;
  top: -170px;
  background: radial-gradient(circle, rgba(109,93,252,.18), transparent 68%);
  pointer-events: none;
}

h1, h2, h3, h4, h5, h6, .section-title, .hero-title, .hero-main-title {
  color: var(--sb-text) !important;
  font-family: var(--sb-font) !important;
  font-weight: 850 !important;
  letter-spacing: -.03em !important;
}
h1, .hero-title, .hero-main-title { line-height: 1.06 !important; }
p, li, .server-desc, .section-sub, .hero-subtitle, .muted, .label-small, .subtitle, .helper, .text-muted, .card-sub {
  color: var(--sb-muted) !important;
}
strong, b { color: inherit; }

/* Buttons */
.btn, .button, button, button[type="submit"], input[type="submit"], .nav-btn {
  font-family: var(--sb-font) !important;
}
.btn, .button, button[type="submit"], input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 10px 16px !important;
  border-radius: 11px !important;
  border: 1px solid transparent !important;
  font-weight: 750 !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: transform .16s ease, background .16s ease, border-color .16s ease, filter .16s ease !important;
}
.btn-primary, .btn-success, button[type="submit"], input[type="submit"], .nav-btn-primary, .btn-join, .btn-join-main {
  background: var(--sb-primary) !important;
  color: #fff !important;
  border-color: transparent !important;
}
.btn-primary:hover, .btn-success:hover, button[type="submit"]:hover, input[type="submit"]:hover,
.nav-btn-primary:hover, .btn-join:hover, .btn-join-main:hover {
  background: var(--sb-primary-hover) !important;
  filter: none !important;
  transform: translateY(-1px);
}
.btn-ghost, .btn-secondary, .btn-outline, .nav-btn-outline, .theme-toggle, .theme-select {
  background: var(--sb-surface-2) !important;
  color: var(--sb-text-soft) !important;
  border: 1px solid var(--sb-border) !important;
}
.btn-ghost:hover, .btn-secondary:hover, .btn-outline:hover, .nav-btn-outline:hover, .theme-toggle:hover {
  background: var(--sb-surface-3) !important;
  color: var(--sb-text) !important;
  border-color: color-mix(in srgb, var(--sb-primary) 32%, var(--sb-border)) !important;
}
.btn-danger { background: rgba(243,111,131,.12) !important; color: var(--sb-danger) !important; border-color: rgba(243,111,131,.28) !important; }

/* Unified light/dark switch */
.theme-toggle, #themeToggle, .sb-theme-switch {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  white-space: nowrap;
}
.sb-theme-switch {
  position: fixed !important;
  right: 18px;
  bottom: 18px;
  z-index: 9998;
  box-shadow: var(--sb-shadow-soft) !important;
}

/* Forms */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select, .input, .input-text,
.review-select, .review-textarea, .vip-promo-input, .promo-form input {
  background: var(--sb-input) !important;
  color: var(--sb-text) !important;
  border: 1px solid var(--sb-border) !important;
  border-radius: 11px !important;
  outline: 0 !important;
  box-shadow: none !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select, .input, .input-text {
  min-height: 42px;
  padding: 10px 12px !important;
}
textarea { min-height: 110px; resize: vertical; }
input::placeholder, textarea::placeholder { color: var(--sb-muted-2) !important; opacity: 1 !important; }
input:focus, textarea:focus, select:focus, .input:focus, .input-text:focus {
  border-color: var(--sb-primary) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sb-primary) 16%, transparent) !important;
}
select option { background: var(--sb-surface) !important; color: var(--sb-text) !important; }
label { color: var(--sb-text-soft) !important; font-weight: 650 !important; }

/* Tables */
table, .compare-table, .pricing-table {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden;
  background: var(--sb-card) !important;
  color: var(--sb-text) !important;
  border: 1px solid var(--sb-border) !important;
  border-radius: 14px !important;
}
th {
  background: var(--sb-surface-2) !important;
  color: var(--sb-text-soft) !important;
  text-align: left !important;
  font-size: .8rem !important;
  text-transform: uppercase;
  letter-spacing: .055em;
}
th, td { padding: 12px 14px !important; border-bottom: 1px solid var(--sb-border-soft) !important; color: var(--sb-text-soft) !important; }
tr:last-child td { border-bottom: 0 !important; }
tbody tr:hover, .compare-table tr:hover { background: var(--sb-overlay) !important; }

/* Tags / pills */
.badge, .tag, .pill, .chip, .server-tag-pill, .server-rating-pill, .premium-pill, .vip-chip, .pill-soft {
  border-radius: 999px !important;
  border: 1px solid var(--sb-border) !important;
  background: var(--sb-surface-2) !important;
  color: var(--sb-text-soft) !important;
}
.tag, .badge, .pill, .chip, .server-tag-pill { padding: 5px 9px !important; font-size: .78rem !important; font-weight: 750 !important; }
.tag-keyword, .tag-verified { background: var(--sb-primary-soft) !important; border-color: color-mix(in srgb, var(--sb-primary) 30%, var(--sb-border)) !important; }

/* Server listing */
.server-card { padding: 18px !important; overflow: hidden; position: relative; }
.server-card img, .server-icon, .guild-icon { border-radius: 13px !important; }
.server-card .server-name { color: var(--sb-text) !important; }
.server-card-premium { background: linear-gradient(180deg, rgba(244,183,76,.07), transparent 50%), var(--sb-card) !important; border-color: color-mix(in srgb, var(--sb-warning) 30%, var(--sb-border)) !important; }
.servers-section-premium, .servers-section-recent, .servers-section-active, .servers-section-new, .servers-section-all {
  background: var(--sb-card) !important;
}
.filters-bar, .search-group, .toolbar {
  background: var(--sb-surface) !important;
  color: var(--sb-text) !important;
  border-color: var(--sb-border) !important;
}
.filters-bar { border: 1px solid var(--sb-border) !important; border-radius: 14px !important; padding: 14px !important; }
.search-group { display: flex !important; gap: 10px !important; align-items: center !important; }
.search-group .input-text { flex: 1; }

/* Tabs and admin */
.tabs, .tab-buttons, .admin-tabs {
  display: flex !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
  padding: 7px !important;
  border-radius: 13px !important;
  border: 1px solid var(--sb-border) !important;
  background: var(--sb-surface) !important;
}
.tab-button { background: transparent !important; color: var(--sb-muted) !important; border-color: transparent !important; }
.tab-button.active, .tab-button:hover { background: var(--sb-surface-3) !important; color: var(--sb-text) !important; }
.admin-container { padding-block: 24px !important; }
.admin-grid, .stats-grid, .cards-grid, .features-grid { gap: 14px !important; }
.sidebar, .admin-sidebar { background: var(--sb-surface) !important; border: 1px solid var(--sb-border) !important; border-radius: var(--sb-radius) !important; color: var(--sb-text) !important; }

/* Notices */
.flash, .notice, .alert, .promo-msg, .review-info-box, .review-status-card, .review-stat-card, .review-point {
  border-radius: 12px !important;
  border: 1px solid var(--sb-border) !important;
  background: var(--sb-surface-2) !important;
  color: var(--sb-text-soft) !important;
}
.flash-success, .alert-success { border-color: rgba(53,201,139,.34) !important; background: rgba(53,201,139,.09) !important; color: var(--sb-success) !important; }
.flash-error, .alert-error { border-color: rgba(243,111,131,.34) !important; background: rgba(243,111,131,.09) !important; color: var(--sb-danger) !important; }

/* Updates */
.site-updates-public {
  width: min(var(--sb-max), calc(100% - 32px));
  margin: 28px auto !important;
  padding: 24px !important;
  border: 1px solid var(--sb-border) !important;
  border-radius: var(--sb-radius-lg) !important;
  background: var(--sb-surface) !important;
  color: var(--sb-text) !important;
  box-shadow: var(--sb-shadow-soft) !important;
}
.updates-public-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.updates-kicker { display: inline-block; color: var(--sb-accent) !important; text-transform: uppercase; letter-spacing: .12em; font-size: .74rem; font-weight: 800; }
.updates-live-state { display: inline-flex; align-items: center; gap: 8px; color: var(--sb-muted) !important; font-size: .85rem; }
.updates-live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--sb-success); box-shadow: 0 0 0 5px rgba(53,201,139,.08); }
.updates-history-public { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 12px; }
.update-featured { padding: 22px !important; }
.update-history-card { padding: 16px !important; }
.update-featured-meta, .update-history-topline { display: flex; justify-content: space-between; gap: 10px; color: var(--sb-muted) !important; font-size: .82rem; }
.update-latest-pill, .update-history-version { color: var(--sb-primary) !important; background: var(--sb-primary-soft) !important; border: 1px solid color-mix(in srgb,var(--sb-primary) 28%,var(--sb-border)) !important; border-radius: 999px; padding: 4px 8px; }
.update-featured-content { color: var(--sb-text-soft) !important; }
.updates-empty-state { color: var(--sb-muted) !important; padding: 20px; border: 1px dashed var(--sb-border); border-radius: 12px; text-align: center; }

/* Notifications / overlays */
.notif-dropdown, .notif-dropdown-head, .notif-item, .notif-empty, .user-pill, .notif-bell-btn {
  background: var(--sb-surface) !important;
  color: var(--sb-text) !important;
  border-color: var(--sb-border) !important;
}
.notif-item:hover { background: var(--sb-surface-2) !important; }

/* Footer */
footer, .site-footer {
  background: var(--sb-bg-elevated) !important;
  border-top: 1px solid var(--sb-border-soft) !important;
  color: var(--sb-muted) !important;
  margin-top: 48px !important;
}
footer a, .site-footer a { color: var(--sb-text-soft) !important; }

hr { border: 0 !important; border-top: 1px solid var(--sb-border-soft) !important; }
code, pre { background: var(--sb-input) !important; border: 1px solid var(--sb-border) !important; color: var(--sb-text-soft) !important; border-radius: 10px !important; }

/* Dark-mode hardening for legacy inline/page styles that previously stayed white. */
html[data-theme="dark"] body .pricing-table-wrapper,
html[data-theme="dark"] body .compare-table,
html[data-theme="dark"] body .compare-table th,
html[data-theme="dark"] body .compare-table td,
html[data-theme="dark"] body .compare-table .col-feature,
html[data-theme="dark"] body .review-comment,
html[data-theme="dark"] body .review-select,
html[data-theme="dark"] body .review-textarea,
html[data-theme="dark"] body .member-weekly-trend,
html[data-theme="dark"] body .sow-empty,
html[data-theme="dark"] body .ultimate-banner,
html[data-theme="dark"] body .ultimate-queue-item,
html[data-theme="dark"] body .plan-actions,
html[data-theme="dark"] body .promo-form input,
html[data-theme="dark"] body .vip-promo-input,
html[data-theme="dark"] body .stats-list .row {
  background: var(--sb-surface) !important;
  color: var(--sb-text) !important;
  border-color: var(--sb-border) !important;
}
html[data-theme="dark"] body div[style*="background:#fff"],
html[data-theme="dark"] body div[style*="background: #fff"],
html[data-theme="dark"] body section[style*="background:#fff"],
html[data-theme="dark"] body section[style*="background: #fff"],
html[data-theme="dark"] body article[style*="background:#fff"],
html[data-theme="dark"] body article[style*="background: #fff"] {
  background: var(--sb-surface) !important;
  color: var(--sb-text) !important;
}
html[data-theme="dark"] body [style*="color:#111827"],
html[data-theme="dark"] body [style*="color: #111827"],
html[data-theme="dark"] body [style*="color:#0f172a"],
html[data-theme="dark"] body [style*="color: #0f172a"] {
  color: var(--sb-text) !important;
}

/* Light mode is intentionally clean rather than a second visual theme. */
html[data-theme="light"] body .server-card-premium { background: linear-gradient(180deg,rgba(183,121,31,.06),transparent 48%), var(--sb-card) !important; }
html[data-theme="light"] body .hero-highlight { -webkit-text-fill-color: transparent !important; }

@media (max-width: 900px) {
  .updates-history-public { grid-template-columns: 1fr; }
  .updates-public-head { flex-direction: column; }
  .search-group { flex-wrap: wrap; }
  .search-group .input-text { flex-basis: 100%; }
  .container, .page-container, .main-container, .content-wrapper, .wrap, .admin-container, .site-updates-public {
    width: min(100% - 20px, var(--sb-max)) !important;
  }
  .hero, .hero-section, .landing-hero { padding: 28px 20px !important; }
}

@media (max-width: 640px) {
  body { font-size: 15px; }
  .card, .panel, .server-card { border-radius: 14px !important; }
  table { display: block; overflow-x: auto; white-space: nowrap; }
  .tabs, .tab-buttons, .admin-tabs { overflow-x: auto; flex-wrap: nowrap !important; }
  .tab-button { flex: 0 0 auto !important; }
  .site-updates-public { padding: 16px !important; }
  h1, .hero-title, .hero-main-title { font-size: clamp(2rem,10vw,3rem) !important; }
  .sb-theme-switch { right: 12px; bottom: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

/* =========================================================
   SpaceBump V3.3 — polish, densité, mobile et cohérence
   ========================================================= */
.directory-filters{display:grid!important;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(145px,1fr)) auto auto auto;gap:10px!important;align-items:center}
.directory-filters .input-text{min-width:0!important;height:42px!important}
.filter-check{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 10px;border:1px solid var(--sb-border);border-radius:10px;background:var(--sb-surface-2);color:var(--sb-text-soft);font-size:13px;font-weight:650;white-space:nowrap}
.filter-check input{width:auto!important;accent-color:var(--sb-primary)}
.directory-result-count{margin-top:10px;color:var(--sb-muted);font-size:13px;font-weight:650}
.updates-more{display:flex;justify-content:flex-end;margin-top:12px}
.status-page{padding:34px 0 70px}.status-hero{margin-top:18px}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.status-card{padding:20px}.status-card h2{margin:.35rem 0 .25rem}.status-dot{display:inline-block;width:9px;height:9px;border-radius:99px;background:var(--sb-muted)}.status-dot.is-ok{background:var(--sb-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--sb-success) 18%,transparent)}.status-dot.is-error{background:var(--sb-danger)}
.quality-details{position:relative;display:inline-block}.quality-details>summary{cursor:pointer;list-style:none;border:1px solid var(--sb-border);border-radius:999px;padding:5px 9px;color:var(--sb-muted);font-size:11px;font-weight:750}.quality-details>summary::-webkit-details-marker{display:none}.quality-details[open]{display:block;width:100%;margin-top:8px}.quality-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border:1px solid var(--sb-border);border-radius:12px;background:var(--sb-surface-2)}.quality-check{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:7px 8px;border-radius:9px;background:var(--sb-overlay);font-size:12px;color:var(--sb-muted)}.quality-check.is-ok{color:var(--sb-text-soft)}.quality-check.is-ok>span:first-child{color:var(--sb-success)}.quality-check.is-missing>span:first-child{color:var(--sb-warning)}
.system-log-card{padding:0!important;overflow:hidden}.table-responsive{overflow:auto}.system-log-table{width:100%;border-collapse:collapse}.system-log-table th,.system-log-table td{padding:10px 12px;border-bottom:1px solid var(--sb-border-soft);text-align:left;vertical-align:top;font-size:12px}.system-log-table th{position:sticky;top:0;background:var(--sb-surface-2);z-index:1;color:var(--sb-text-soft)}.log-status{display:inline-flex;padding:3px 7px;border-radius:999px;border:1px solid var(--sb-border);font-weight:800}.log-status-success{color:var(--sb-success)}.log-status-error,.log-status-denied{color:var(--sb-danger)}
.tabs{position:sticky;top:8px;z-index:22;display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:8px!important;border:1px solid var(--sb-border);border-radius:14px;background:var(--sb-header);backdrop-filter:blur(18px)}.tab-button{flex:0 0 auto!important}
/* Réduction de la densité sans supprimer de contenu : les classements secondaires restent compacts. */
.servers-section-mostliked,.servers-section-mostviewed,.space-match-section{box-shadow:none!important}.servers-section .section-sub{max-width:840px}.server-card .server-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1180px){.directory-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-filters>input[name="search"]{grid-column:1/-1}}
@media(max-width:800px){.status-grid{grid-template-columns:1fr 1fr}.quality-checks{grid-template-columns:1fr}.servers-grid{grid-template-columns:1fr!important}.servers-section{padding:14px!important}.directory-filters{grid-template-columns:1fr 1fr}.directory-filters>input[name="search"],.directory-filters .filter-check,.directory-filters .btn{grid-column:1/-1}.hero{padding:24px 18px!important}.stats-grid{grid-template-columns:1fr 1fr!important}.tabs{top:4px}}
@media(max-width:520px){.status-grid{grid-template-columns:1fr}.directory-filters{grid-template-columns:1fr}.directory-filters>*{grid-column:1!important}.stats-grid{grid-template-columns:1fr!important}.hero-main-title{font-size:clamp(28px,10vw,38px)!important}.hero-subtitle{font-size:14px!important}.update-history-card{display:none!important}.updates-history-public{display:none!important}.servers-section{margin-block:14px!important}.section-title{font-size:18px!important}.server-card{padding:13px!important}}