/* ═══════════════════════════════════════════════════════════
   OMEGA STORE — OBSIDIAN LUXURY REDESIGN
   Aesthetic: Dark luxury with warm amber/gold accents
   Font: Sora for headings, DM Sans for body
   ═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Space+Mono:wght@400;700&display=swap');

:root {
  /* ── Core palette ── */
  --o-black: #08060a;
  --o-surface: #0e0c10;
  --o-surface-2: #14111a;
  --o-surface-3: #1a1622;
  --o-amber: #e8a832;
  --o-amber-light: #f5c76a;
  --o-amber-dark: #c4871a;
  --o-amber-glow: rgba(232,168,50,.35);
  --o-amber-soft: rgba(232,168,50,.08);
  --o-amber-border: rgba(232,168,50,.20);
  --o-text: #ede8df;
  --o-text-mid: #a89e8e;
  --o-text-dim: #6e6458;
  --o-green: #5ae89a;
  --o-red: #e85a6e;

  /* Override all legacy vars */
  --accent: #e8a832 !important;
  --accent-2: #f5c76a !important;
  --accent-hover: #f5c76a !important;
  --accent-bright: #e8a832 !important;
  --accent-soft: rgba(232,168,50,.08) !important;
  --accent-border: rgba(232,168,50,.22) !important;
  --accent-glow: rgba(232,168,50,.30) !important;
  --gradient: linear-gradient(135deg, #c4871a, #e8a832 55%, #f5c76a) !important;
  --gradient-text: linear-gradient(135deg, #fff5d4 0%, #f5c76a 35%, #e8a832 65%, #fff2c4 100%) !important;
  --bg-0: #08060a !important;
  --bg-1: #0e0c10 !important;
  --bg-2: #14111a !important;
  --bg-3: #1a1622 !important;
  --bg-4: #221d2c !important;
  --border: rgba(232,168,50,.08) !important;
  --border-hover: rgba(232,168,50,.30) !important;
  --border-solid: rgba(232,168,50,.12) !important;
  --text: #ede8df !important;
  --text-soft: #c4bba8 !important;
  --text-dim: #a89e8e !important;
  --text-muted: #6e6458 !important;
  --text-faint: #4a4038 !important;
  --success: #5ae89a !important;
  --danger: #e85a6e !important;
  --warning: #e8a832 !important;
  --shadow: 0 16px 60px rgba(0,0,0,.7) !important;
  --shadow-lg: 0 32px 90px rgba(0,0,0,.85) !important;
  --glow: 0 0 40px rgba(232,168,50,.12), 0 0 80px rgba(232,168,50,.06) !important;
  --glow-sm: 0 0 20px rgba(232,168,50,.15) !important;
  --font-serif: 'Sora', system-ui, sans-serif !important;
  --font-sans: 'DM Sans', system-ui, sans-serif !important;
  --font-mono: 'Space Mono', 'JetBrains Mono', monospace !important;
  --radius-xs: 8px !important;
  --radius-sm: 10px !important;
  --radius: 14px !important;
  --radius-lg: 18px !important;
  --radius-xl: 24px !important;
}

/* ── Global resets ── */
* { scrollbar-width: thin; scrollbar-color: rgba(232,168,50,.4) rgba(8,6,10,.9); }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: var(--o-black); }
*::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--o-amber-dark), var(--o-amber)); border-radius: 99px; }

html, body {
  background: var(--o-black) !important;
  color: var(--o-text) !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  letter-spacing: -.01em !important;
}

/* ── Ambient background ── */
body::before {
  content: "" !important;
  position: fixed !important; inset: 0 !important;
  pointer-events: none !important; z-index: -10 !important;
  background:
    radial-gradient(ellipse 60% 50% at 20% 10%, rgba(232,168,50,.12), transparent 60%),
    radial-gradient(ellipse 50% 45% at 80% 15%, rgba(196,135,26,.10), transparent 55%),
    radial-gradient(ellipse 70% 60% at 50% 95%, rgba(232,168,50,.06), transparent 60%),
    linear-gradient(180deg, #08060a 0%, #0c0a0e 50%, #08060a 100%) !important;
}
body::after {
  content: "" !important;
  position: fixed !important; inset: 0 !important;
  pointer-events: none !important; z-index: -9 !important;
  opacity: .07 !important;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(232,168,50,.25) 1px, transparent 0) !important;
  background-size: 32px 32px !important;
  mask-image: radial-gradient(circle at center, #000 0 35%, transparent 75%) !important;
  -webkit-mask-image: radial-gradient(circle at center, #000 0 35%, transparent 75%) !important;
}

/* ── Typography overrides ── */
h1, h2, h3, .hero h1, .section-title, .card-title, .panel-headline,
.topbar h1, .modal h3, .feat-title {
  font-family: 'Sora', system-ui, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  color: var(--o-text) !important;
}

.gradient-text, .stat-num, .accent-text, .stat-num span,
.stat-card .value.accent, .card-title {
  background: linear-gradient(135deg, #fff5d4 0%, #f5c76a 35%, #e8a832 65%, #fff2c4 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important; text-shadow: none !important;
  filter: drop-shadow(0 0 12px rgba(232,168,50,.18)) !important;
  font-style: normal !important;
}

p, .muted, .text-muted, .desc, .small, .card-sub, .section-sub,
.hero p, .panel-desc, .lead { color: var(--o-text-mid) !important; }

a { color: var(--o-amber-light) !important; }
a:hover { color: #fff !important; }

/* ── Navbar ── */
.navbar, .top, header {
  background: rgba(8,6,10,.85) !important;
  border-bottom: 1px solid rgba(232,168,50,.08) !important;
  backdrop-filter: blur(30px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(160%) !important;
  box-shadow: 0 1px 0 rgba(232,168,50,.06), 0 8px 40px rgba(0,0,0,.5) !important;
}

.brand {
  font-family: 'Sora', system-ui, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  color: var(--o-text) !important;
  text-shadow: none !important;
  gap: 10px !important;
  letter-spacing: -.03em !important;
}
.brand span { color: var(--o-amber) !important; }
.brand img, .brand-logo-img {
  width: 40px !important; height: 40px !important;
  border-radius: 12px !important;
  filter: drop-shadow(0 0 14px rgba(232,168,50,.6)) !important;
  border: 1px solid rgba(232,168,50,.25) !important;
  background: rgba(232,168,50,.06) !important;
}
.brand-icon { display: none !important; }

.nav-center, .nav-links, .nav {
  background: rgba(232,168,50,.04) !important;
  border: 1px solid rgba(232,168,50,.10) !important;
  border-radius: 12px !important;
}
.nav-center a, .nav-links a, .nav a {
  color: var(--o-text-dim) !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  transition: all .2s ease !important;
}
.nav-center a:hover, .nav-links a:hover, .nav a:hover, .nav a.active {
  color: var(--o-amber-light) !important;
  background: rgba(232,168,50,.10) !important;
}

/* ── Buttons ── */
.btn, .buy, .add-cart, .chip {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  transition: all .25s cubic-bezier(.4,.0,.2,1) !important;
}

.btn-primary, .btn.primary, button[type="submit"],
.buy, .action-primary {
  background: linear-gradient(135deg, #c4871a 0%, #e8a832 50%, #f5c76a 100%) !important;
  color: #0a0700 !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(232,168,50,.25), inset 0 1px rgba(255,255,255,.2) !important;
  font-weight: 800 !important;
}
.btn-primary:hover, .btn.primary:hover, button[type="submit"]:hover,
.buy:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 35px rgba(232,168,50,.35), inset 0 1px rgba(255,255,255,.25) !important;
}

.btn-ghost, .btn-outline, .add-cart, .secondary {
  background: rgba(232,168,50,.06) !important;
  border: 1px solid rgba(232,168,50,.18) !important;
  color: var(--o-amber-light) !important;
}
.btn-ghost:hover, .btn-outline:hover, .add-cart:hover {
  background: rgba(232,168,50,.14) !important;
  border-color: rgba(232,168,50,.35) !important;
  color: #fff !important;
}

.chip {
  border: 1px solid rgba(232,168,50,.12) !important;
  background: rgba(232,168,50,.04) !important;
  color: var(--o-text-mid) !important;
}
.chip.active, .chip:hover {
  background: linear-gradient(135deg, #c4871a, #e8a832, #f5c76a) !important;
  color: #0a0700 !important;
  border-color: transparent !important;
}

/* ── Cards ── */
.card, .feature-card, .stat-card, .stat-block, .chart-card,
.table-wrap, .auth-card, .glass-card, .modal, .modal-content,
.checkout-box, .featured, .empty, .step-card, .step-box,
.rating-card, .faq-item, .review-card, .team-card,
.product-card, .license-card, .stat-card-new, .comp-card,
.status-container, .tabs-container, .discord-preview,
.broadcast-item.alert {
  background: linear-gradient(160deg, rgba(20,17,26,.90) 0%, rgba(14,12,16,.95) 100%) !important;
  border: 1px solid rgba(232,168,50,.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 50px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.03) !important;
  backdrop-filter: blur(16px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(130%) !important;
}
.card:hover, .feature-card:hover, .stat-card:hover,
.rating-card:hover, .step-card:hover, .step-box:hover,
.review-card:hover, .team-card:hover, .product-card:hover,
.faq-item:hover, .faq-item[open] {
  border-color: rgba(232,168,50,.30) !important;
  box-shadow: 0 20px 70px rgba(0,0,0,.6), 0 0 30px rgba(232,168,50,.08) !important;
}

/* Product cards on homepage */
.card .thumb, .feat-img {
  background: var(--o-surface) !important;
}
.card .body h3, .feat-info h3 { color: var(--o-text) !important; }
.card .body .type, .feat-info .type { color: var(--o-amber) !important; }
.price { color: var(--o-green) !important; }
.price small { color: var(--o-text-dim) !important; }
.sale { background: var(--o-red) !important; }
.new { background: linear-gradient(135deg, var(--o-amber-dark), var(--o-amber)) !important; color: #0a0700 !important; }

/* Cart modal */
.modal-bg { background: rgba(0,0,0,.80) !important; backdrop-filter: blur(16px) !important; }
.modal { border: 1px solid rgba(232,168,50,.15) !important; border-radius: 22px !important; }
.modal-head { border-bottom-color: rgba(232,168,50,.08) !important; }
.cart-item {
  border: 1px solid rgba(232,168,50,.10) !important;
  background: rgba(232,168,50,.03) !important;
  border-radius: 14px !important;
}
.sum-row.total { color: var(--o-text) !important; }

/* ── Inputs ── */
input, select, textarea, .search, .form-control {
  background: rgba(14,12,16,.7) !important;
  border: 1px solid rgba(232,168,50,.12) !important;
  color: var(--o-text) !important;
  border-radius: 12px !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
}
input:focus, select:focus, textarea:focus,
.search:focus, .form-control:focus {
  border-color: var(--o-amber) !important;
  box-shadow: 0 0 0 3px rgba(232,168,50,.12), 0 0 20px rgba(232,168,50,.08) !important;
  outline: 0 !important;
}
input::placeholder, .form-control::placeholder, .search::placeholder {
  color: var(--o-text-dim) !important;
}

/* ── Hero section (index.html inline) ── */
.hero {
  background: radial-gradient(ellipse 55% 50% at 70% 20%, rgba(232,168,50,.14), transparent 60%),
              radial-gradient(ellipse 45% 40% at 25% 30%, rgba(196,135,26,.10), transparent 55%),
              linear-gradient(180deg, var(--o-black) 0%, var(--o-surface) 55%, var(--o-black) 100%) !important;
}
.hero-logo {
  background: radial-gradient(circle at 50% 44%, rgba(232,168,50,.18), transparent 50%),
              linear-gradient(180deg, rgba(232,168,50,.06), rgba(0,0,0,.14)) !important;
  border-color: rgba(232,168,50,.15) !important;
}
.hero-logo img {
  filter: drop-shadow(0 0 36px rgba(232,168,50,.55)) !important;
}
.badge {
  background: linear-gradient(135deg, rgba(232,168,50,.12), rgba(196,135,26,.06)) !important;
  border: 1px solid rgba(232,168,50,.25) !important;
  color: var(--o-amber-light) !important;
  border-radius: 999px !important;
}
.badge::before { background: var(--o-amber) !important; box-shadow: 0 0 12px var(--o-amber) !important; }
.grad {
  background: linear-gradient(135deg, #fff5d4, #f5c76a 35%, #e8a832 65%, #fff2c4) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important;
}
.ticks span::before { color: var(--o-amber) !important; }

/* Features section (index) */
.empty {
  border: 1px dashed rgba(232,168,50,.25) !important;
  background: rgba(232,168,50,.03) !important;
  color: var(--o-text-mid) !important;
}

/* ── Sidebar ── */
.sidebar, .admin-sidebar, .dashboard-sidebar {
  background: linear-gradient(180deg, rgba(14,12,16,.98), rgba(10,8,14,.98)) !important;
  border-right: 1px solid rgba(232,168,50,.08) !important;
}
.sidebar-link {
  color: var(--o-text-dim) !important;
  border-radius: 12px !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
}
.sidebar-link:hover {
  background: rgba(232,168,50,.08) !important;
  color: var(--o-text) !important;
}
.sidebar-link.active {
  background: linear-gradient(135deg, #c4871a, #e8a832, #f5c76a) !important;
  color: #0a0700 !important;
  box-shadow: 0 4px 16px rgba(232,168,50,.25) !important;
}
.sidebar-section { color: var(--o-text-dim) !important; }
.sidebar-user-box {
  background: rgba(232,168,50,.04) !important;
  border-color: rgba(232,168,50,.10) !important;
}

/* ── Tables ── */
table { background: transparent !important; }
th {
  color: var(--o-amber-light) !important;
  background: rgba(232,168,50,.04) !important;
  border-bottom: 1px solid rgba(232,168,50,.10) !important;
}
td {
  color: var(--o-text) !important;
  border-bottom-color: rgba(232,168,50,.06) !important;
}
tr:hover td { background: rgba(232,168,50,.04) !important; }

/* ── Badges ── */
.badge-success { background: rgba(90,232,154,.08) !important; color: var(--o-green) !important; border-color: rgba(90,232,154,.18) !important; }
.badge-danger { background: rgba(232,90,110,.08) !important; color: var(--o-red) !important; border-color: rgba(232,90,110,.18) !important; }
.badge-warning { background: rgba(232,168,50,.10) !important; color: var(--o-amber-light) !important; border-color: rgba(232,168,50,.20) !important; }
.badge-info { background: rgba(232,168,50,.08) !important; color: var(--o-amber) !important; border-color: rgba(232,168,50,.18) !important; }

/* ── Alerts ── */
.alert-error { background: rgba(232,90,110,.06) !important; border-color: rgba(232,90,110,.20) !important; color: #f5a0ad !important; }
.alert-error::before { background: var(--o-red) !important; }
.alert-success { background: rgba(90,232,154,.06) !important; border-color: rgba(90,232,154,.20) !important; color: var(--o-green) !important; }
.alert-success::before { background: var(--o-green) !important; }

/* ── Stats strip ── */
.stats-strip {
  background: linear-gradient(90deg, rgba(232,168,50,.04), transparent 50%, rgba(232,168,50,.04)) !important;
  border-block: 1px solid rgba(232,168,50,.08) !important;
}

/* ── Pill ── */
.pill, .eyebrow, .status-badge {
  background: rgba(232,168,50,.08) !important;
  border: 1px solid rgba(232,168,50,.22) !important;
  color: var(--o-amber-light) !important;
  border-radius: 8px !important;
}
.pill-dot { background: var(--o-green) !important; box-shadow: 0 0 10px var(--o-green) !important; }

/* ── CTA section ── */
.cta-card {
  border-color: rgba(232,168,50,.20) !important;
}
.cta-card::before {
  background: linear-gradient(90deg, var(--o-amber-dark), var(--o-amber), var(--o-amber-light)) !important;
}

/* ── Star ratings ── */
.rating-stars, .big-stars, .review-stars { color: var(--o-amber) !important; filter: drop-shadow(0 0 8px rgba(232,168,50,.35)) !important; }
.star-rate .star.active { color: var(--o-amber) !important; }
.star-rate .star:hover { color: var(--o-amber-light) !important; }

/* ── Auth pages ── */
.auth-page, .login-page, .register-page {
  background: radial-gradient(ellipse 55% 50% at 25% 20%, rgba(232,168,50,.12), transparent 55%),
              radial-gradient(ellipse 45% 40% at 75% 70%, rgba(196,135,26,.08), transparent 50%),
              var(--o-black) !important;
}
.auth-card::before, .glass-card::before {
  background: linear-gradient(90deg, var(--o-amber-dark), var(--o-amber), var(--o-amber-light), var(--o-amber-dark)) !important;
  background-size: 200% 100% !important;
}

/* Auth split layout */
.split-left {
  background: rgba(14,12,16,.80) !important;
  border-right-color: rgba(232,168,50,.10) !important;
}
.panel-brand-icon {
  background: linear-gradient(135deg, var(--o-amber-dark), var(--o-amber)) !important;
  box-shadow: 0 6px 24px var(--o-amber-glow) !important;
}
.panel-headline {
  background: linear-gradient(135deg, #fff5d4, #f5c76a 35%, #e8a832 65%, #fff2c4) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important;
  font-family: 'Sora', system-ui, sans-serif !important;
  font-style: normal !important;
}
.panel-desc { color: rgba(200,190,170,.7) !important; }
.feature-check {
  background: rgba(232,168,50,.10) !important;
  border-color: rgba(232,168,50,.28) !important;
  color: var(--o-amber) !important;
}
.panel-stat-value { color: var(--o-amber-light) !important; font-family: 'Sora' !important; font-style: normal !important; }
.panel-stats { border-top-color: rgba(232,168,50,.10) !important; }

.card-brand-icon {
  background: linear-gradient(135deg, var(--o-amber-dark), var(--o-amber)) !important;
  box-shadow: 0 4px 18px var(--o-amber-glow) !important;
}
.card-brand-name { font-family: 'Sora' !important; font-style: normal !important; }

/* Orbs recolor for auth pages */
.orb-1 { background: radial-gradient(circle, rgba(232,168,50,.22) 0%, transparent 70%) !important; }
.orb-2 { background: radial-gradient(circle, rgba(196,135,26,.18) 0%, transparent 70%) !important; }
.orb-3 { background: radial-gradient(circle, rgba(245,199,106,.12) 0%, transparent 70%) !important; }
.orb-4 { background: radial-gradient(circle, rgba(196,135,26,.10) 0%, transparent 70%) !important; }
.panel-orb-1 { background: radial-gradient(circle, rgba(232,168,50,.22) 0%, transparent 70%) !important; }
.panel-orb-2 { background: radial-gradient(circle, rgba(196,135,26,.18) 0%, transparent 70%) !important; }
.panel-orb-3 { background: radial-gradient(circle, rgba(245,199,106,.12) 0%, transparent 70%) !important; }

/* ── Toast ── */
.toast { border-left-color: var(--o-amber) !important; }
.toast.success { border-left-color: var(--o-green) !important; }
.toast.error { border-left-color: var(--o-red) !important; }

/* ── Spinner ── */
.spinner { border-color: rgba(232,168,50,.12) !important; border-top-color: var(--o-amber) !important; }

/* ── Avatar ── */
.avatar {
  background: linear-gradient(135deg, var(--o-amber-dark), var(--o-amber)) !important;
  border-color: rgba(232,168,50,.25) !important;
  box-shadow: 0 4px 14px var(--o-amber-glow) !important;
}

/* ── Checkmarks ── */
.hero-trust span::before, .check-list li::before {
  color: var(--o-amber) !important;
  text-shadow: none !important;
}
.check-list li::before {
  background: rgba(232,168,50,.10) !important;
  border-color: rgba(232,168,50,.22) !important;
}

/* ── Rating comment ── */
.rating-comment {
  font-family: 'DM Sans' !important;
  font-style: italic !important;
  border-left-color: rgba(232,168,50,.22) !important;
}

/* ── Code blocks ── */
.code-block-big, .code-block {
  background: rgba(8,6,10,.8) !important;
  border-color: rgba(232,168,50,.10) !important;
}
.code-top { border-bottom-color: rgba(232,168,50,.08) !important; }
.tk-kw { color: var(--o-amber) !important; }
.tk-str { color: var(--o-green) !important; }

/* ── Selection ── */
::selection { background: rgba(232,168,50,.22) !important; color: var(--o-text) !important; }
:focus-visible { outline: 2px solid var(--o-amber) !important; }

/* ── Footer ── */
.footer {
  border-top-color: rgba(232,168,50,.08) !important;
  background: linear-gradient(180deg, rgba(232,168,50,.02), transparent) !important;
}
.footer-title { color: var(--o-amber) !important; }

/* ── Chart card gradient bar ── */
.chart-card::before, .stat-card::before,
.modal::before, .existing-rating-display::before {
  background: linear-gradient(90deg, var(--o-amber-dark), var(--o-amber), var(--o-amber-light)) !important;
}

/* ── Feature icons ── */
.feature-icon {
  background: rgba(232,168,50,.08) !important;
  border-color: rgba(232,168,50,.18) !important;
  color: var(--o-amber) !important;
}

/* ── Step numbers ── */
.step-num {
  background: linear-gradient(135deg, #fff5d4, #f5c76a 35%, #e8a832) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important;
  font-family: 'Sora' !important; font-style: normal !important;
}

/* ── FAQ ── */
.faq-item summary { font-family: 'Sora' !important; font-style: normal !important; }
.faq-item summary::after {
  background: rgba(232,168,50,.06) !important;
  border-color: rgba(232,168,50,.12) !important;
}
.faq-item[open] summary::after {
  color: var(--o-amber) !important;
  background: rgba(232,168,50,.12) !important;
  border-color: rgba(232,168,50,.25) !important;
}

/* ── Sidebar active state overrides ── */
.sidebar-link.active::before {
  background: linear-gradient(135deg, rgba(255,255,255,.15) 0%, transparent 60%) !important;
}

/* ── Loading bar ── */
#page-load-bar {
  background: linear-gradient(90deg, var(--o-amber-dark), var(--o-amber), var(--o-amber-light)) !important;
  box-shadow: 0 0 18px var(--o-amber-glow) !important;
}

/* ── Severity/Broadcast ── */
.sev-opt.sev-warning.active { background: rgba(232,168,50,.15) !important; border-color: var(--o-amber) !important; color: var(--o-amber-light) !important; }
.target-btn.active { background: linear-gradient(135deg, var(--o-amber-dark), var(--o-amber)) !important; color: #0a0700 !important; }

/* ── Cart count badge ── */
.cart-count { background: var(--o-red) !important; }

/* ── "Made in UAE" pill ── */
div[style*="position:fixed"][style*="bottom:15px"] {
  background: rgba(14,12,16,.92) !important;
  color: var(--o-text-mid) !important;
  border: 1px solid rgba(232,168,50,.12) !important;
  backdrop-filter: blur(16px) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.4) !important;
}

/* ── Discord button on login ── */
.glass-card .btn[href*="discord"], .glass-card a[href*="discord"] {
  background: #5865F2 !important;
  border-color: #5865F2 !important;
  border-radius: 12px !important;
}

/* ── Comparison cards (style.css) ── */
.comp-good { border-color: var(--o-amber) !important; }
.icon-good { background: rgba(90,232,154,.15) !important; color: var(--o-green) !important; }
.check-icon { color: var(--o-green) !important; }
.comp-bad { border-color: var(--o-red) !important; }
.icon-bad { background: rgba(232,90,110,.15) !important; color: var(--o-red) !important; }
.cross-icon { color: var(--o-red) !important; }

/* ── Status bar ── */
.status-bar-fill {
  background-color: var(--o-amber) !important;
  box-shadow: 0 0 12px var(--o-amber-glow) !important;
}
.text-green { color: var(--o-green) !important; }
.text-yellow { color: var(--o-amber-light) !important; }

/* ── Gear menu ── */
.gear-context-menu { background: var(--o-surface-2) !important; border-color: rgba(232,168,50,.12) !important; }
.gear-menu-item:hover { background: rgba(232,168,50,.08) !important; }

/* ── Remove legacy font-style italic from all cards ── */
.card h2, .topbar h1, .modal h3, .section-title,
.feature-card h3, .step-card h3, .faq-item summary,
.stat-card .label, .stat-lbl, .stat-num,
.panel-brand-name, .card-brand-name,
.user-chip-name, .user-chip-role {
  font-style: normal !important;
}

/* ── Mobile ── */
@media(max-width: 900px) {
  .brand-logo-img, .brand img { width: 34px !important; height: 34px !important; }
  .nav-center { display: none !important; }
}
@media(max-width: 768px) {
  .sidebar { border-right: none !important; border-bottom: 1px solid rgba(232,168,50,.08) !important; }
}