/* ============================================================
   TIKTOK ADS MANAGER TEMASI — gerçek panel gibi AÇIK/BEYAZ zemin
   (koyu tema yalnızca tüketici uygulamasındadır), üstte Panel /
   Kampanya / Araçlar / Analiz sekmeleri, solda Kampanya → Reklam
   grubu → Reklam adım (stepper) menüsü, #fe2c55 birincil butonlar,
   keskin (4px) köşeler.
   ============================================================ */

.theme-tiktok {
  --bg: #f8f8f9;
  --surface: #ffffff;
  --surface-2: #f1f1f2;
  --border: #e7e7e9;
  --border-strong: #cecfd3;
  --text: #161823;
  --text-2: #71727b;
  --primary: #fe2c55;
  --primary-hover: #e0284c;
  --primary-text: #ffffff;
  --focus: #161823;
  --nav-active-bg: #fff0f3;
  --nav-active-color: #fe2c55;
  --topbar-bg: #ffffff;
  --topbar-text: #161823;
  --topbar-border: #e7e7e9;
  --sidebar-bg: #ffffff;
  --sidebar-w: 236px;
  --radius: 8px;
  --radius-lg: 10px;
  --btn-radius: 4px;
  --input-radius: 4px;
  --nav-radius: 6px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --shadow-card: 0 1px 3px rgba(22, 24, 35, 0.06);
}

.theme-tiktok .tb-logo { font-weight: 800; font-size: 16px; letter-spacing: -0.2px; }
.theme-tiktok .tb-burger { display: none; }
.theme-tiktok .tb-search { display: none; }
.theme-tiktok .tb-primary { font-weight: 700; }
.theme-tiktok .tb-avatar { background: #161823; }

.theme-tiktok .p-step.done .p-step-badge { background: #161823; border-color: #161823; }
.theme-tiktok .p-step.active .p-step-badge { border-color: #fe2c55; }
.theme-tiktok .p-step.active .p-step-badge::after { background: #fe2c55; }
.theme-tiktok .p-step.active .p-step-label { color: #fe2c55; }

.theme-tiktok .card-head h2 { font-weight: 700; }
.theme-tiktok .btn { font-weight: 700; }
.theme-tiktok .btn-secondary { border-color: #cecfd3; }
.theme-tiktok .btn-secondary:hover { border-color: #161823; background: #fff; }
.theme-tiktok input:focus, .theme-tiktok select:focus, .theme-tiktok textarea:focus {
  border-color: #161823; box-shadow: 0 0 0 3px rgba(22, 24, 35, 0.12);
}
.theme-tiktok .checkbox-row input { accent-color: #fe2c55; }
.theme-tiktok .status-chip { background: #e6fbf8; color: #0c8577; }
.theme-tiktok .sec-title { color: #161823; }
.theme-tiktok .policy-link { color: #fe2c55; }