/* ============================================================
   X ADS TEMASI — gerçek ads.x.com gibi SİYAH üst bar + beyaz
   içerik, tam yuvarlak (pill) siyah butonlar, kalın (800)
   başlıklar, #1d9bf0 mavi odak/link rengi, minimal çizgiler.
   ============================================================ */

.theme-x {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f7f9f9;
  --border: #eff3f4;
  --border-strong: #cfd9de;
  --text: #0f1419;
  --text-2: #536471;
  --primary: #0f1419;
  --primary-hover: #272c30;
  --primary-text: #ffffff;
  --focus: #1d9bf0;
  --nav-active-bg: #e7e7e8;
  --nav-active-color: #0f1419;
  --topbar-bg: #000000;
  --topbar-text: #e7e9ea;
  --topbar-border: #000000;
  --sidebar-bg: #ffffff;
  --sidebar-w: 230px;
  --radius: 14px;
  --radius-lg: 16px;
  --btn-radius: 999px;
  --input-radius: 8px;
  --nav-radius: 999px;
  --font: "Chirp", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --shadow-card: none;
}

.theme-x .p-topbar { height: 54px; }
.theme-x .tb-logo { color: #ffffff; font-weight: 700; font-size: 15.5px; }
.theme-x .tb-burger { display: none; }
.theme-x .tb-search { background: #202327; color: #71767b; border-color: #333639; max-width: 400px; }
.theme-x .tb-icon:hover { background: rgba(231, 233, 234, 0.12); }
.theme-x .tb-account { color: #71767b; }
.theme-x .tb-avatar { background: #536471; }
.theme-x .tb-primary { background: #ffffff; color: #0f1419; font-weight: 700; }

.theme-x .p-nav-item { font-weight: 600; }
.theme-x .p-nav-item.active { font-weight: 800; }

.theme-x .page-head h1 { font-weight: 800; }
.theme-x .card { border: 1px solid #e1e8ed; }
.theme-x .card-head h2 { font-weight: 800; }
.theme-x .btn { font-weight: 700; }
.theme-x .btn-secondary { border-color: #cfd9de; }
.theme-x .btn-secondary:hover { background: #f7f9f9; }
.theme-x .checkbox-row input { accent-color: #1d9bf0; }
.theme-x .status-chip { background: #e7e7e8; color: #0f1419; }
.theme-x .policy-link { color: #1d9bf0; }
.theme-x .sec-title { letter-spacing: .4px; }