/* ═══ RheumaScore — Unified Clinical Override ═══ */
:root {
  --bg: #0b1220 !important;
  --bg2: #121b2d !important;
  --card: rgba(15, 23, 42, 0.82) !important;
  --card-hover: rgba(24, 36, 58, 0.94) !important;
  --card-active: rgba(30, 41, 59, 0.98) !important;
  --border: rgba(148, 163, 184, 0.16) !important;
  --border-light: rgba(148, 163, 184, 0.26) !important;
  --accent: #2dd4bf !important;
  --accent-soft: rgba(45, 212, 191, 0.10) !important;
  --accent-glow: rgba(45, 212, 191, 0.18) !important;
  --teal: #60a5fa !important;
  --teal-soft: rgba(96, 165, 250, 0.08) !important;
  --teal-glow: rgba(96, 165, 250, 0.14) !important;
  --green: #2dd4bf !important;
  --yellow: #f59e0b !important;
  --orange: #fb923c !important;
  --red: #f87171 !important;
  --pink: #60a5fa !important;
  --pink-soft: rgba(96, 165, 250, 0.08) !important;
  --text: #e5edf7 !important;
  --text-secondary: #a6b5c9 !important;
  --text-dim: #7b8ca3 !important;
  --glass: rgba(11, 18, 32, 0.92) !important;
}
html, body { background: radial-gradient(circle at top, #14213d 0%, #0b1220 55%, #09101d 100%) !important; color: #e5edf7 !important; }
body::before, body::after { display:none !important; }
.sidebar, .top-bar, .hero-section, .hero-search-wrapper, .search-results,
.eco-dropdown, .hub-card, .hub-action-btn, .hub-stat, .hub-badge,
.section-header, .disease-card, .score-card, .calc-panel, .result-panel,
.breadcrumb, .joint-panel, .send-doctor-panel, .modal, .tweet-card,
.powered-section, .footer, .footer-links, .footer-badges, .nav-item,
input, select, textarea, .search-input, .hub-search-input, button,
main, header, footer, section, article, aside, nav, .container, .wrap, .wrapper,
.page, .app, .shell, .layout, .hero, .hero-card, .hero-panel, .toolbar,
.dashboard, .dashboard-grid, .stats-grid, .card-grid, .grid, .module,
.stat-card, .info-card, .result-card, .search-card, .tool-card, .feature-card,
.metric-card, .list-card, .chart-card, .table-card, .blog-card, .post-card,
.content, .content-wrap, .main, .main-content, .panel-grid, .widget, .tile {
  background-color: rgba(15,23,42,0.82) !important;
  color: #e5edf7 !important;
  border-color: rgba(148, 163, 184, 0.26) !important;
}
.section-label, .hub-stat-label, .footer-badge, .powered-badge, .sidebar-badge { color: #a6b5c9 !important; }
.hero-title .gradient-text, .sidebar-brand-text { background: linear-gradient(135deg, #2dd4bf, #60a5fa) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }
button, .btn, [class*="btn"] { border-radius: 12px !important; }
.compute-btn, .hub-action-btn, .back-btn, .cta-btn { background: linear-gradient(135deg, #2dd4bf, #60a5fa) !important; color: #06101c !important; border: 1px solid transparent !important; box-shadow: 0 10px 28px rgba(45,212,191,0.16) !important; }
.compute-btn:hover, .hub-action-btn:hover, .back-btn:hover, .nav-item:hover, .cta-btn:hover { filter: brightness(1.03); box-shadow: 0 14px 32px rgba(45,212,191,0.18) !important; }
a, a:visited { color: #2dd4bf !important; }
a:hover { color: #7dd3fc !important; }
* { box-shadow: none; }
.disease-card, .score-card, .section-header, .calc-panel, .result-panel, .nav-item, .back-btn, .cta-card, .doc-card, .tweet-card { box-shadow: 0 10px 28px rgba(0,0,0,0.18) !important; }