/**
 * Müşteri paneli — gündüz (koyu turuncu + beyaz) / gece teması
 * body#customer-body[data-theme="light|dark"] + üst çubuk tema düğmesi
 * --customer-brand-* layout’tan (site / bayi rengi) gelir
 */
#customer-body {
  font-family: var(--customer-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.auth-page {
  font-family: var(--customer-font, "Plus Jakarta Sans", system-ui, sans-serif);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#customer-body[data-theme="light"],
#customer-body:not([data-theme]),
body.auth-page[data-theme="light"],
body.auth-page:not([data-theme]) {
  color-scheme: light;
  --customer-font: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --customer-page-bg: #fff7ed;
  --customer-text: #431407;
  --customer-text-muted: #9a3412;
  --customer-border: rgba(154, 52, 18, 0.18);
  --customer-border-strong: rgba(154, 52, 18, 0.28);
  --customer-surface: #ffffff;
  --customer-surface-muted: #ffedd5;
  --customer-surface-elevated: #fffbeb;
  --customer-accent: #c2410c;
  --customer-accent-bright: #ea580c;
  --customer-accent-deep: #9a3412;
  --customer-shadow: 0 4px 24px rgba(124, 45, 18, 0.08);
  --customer-topbar-bg: #ffffff;
  --customer-topbar-border: rgba(154, 52, 18, 0.12);
  --customer-sidebar-bg: var(--customer-brand-header, #9a3412);
  --customer-sidebar-fg: var(--customer-brand-fg, #ffffff);
  --customer-sidebar-heading: var(--customer-brand-sidebar-heading, rgba(255, 255, 255, 0.58));
  --customer-sidebar-border: rgba(255, 255, 255, 0.12);
  --customer-toggle-bg: #ffedd5;
  --customer-toggle-border: rgba(194, 65, 12, 0.25);
  --customer-overlay: rgba(12, 10, 9, 0.55);
  /* app-edit / kartlar ile paylaşılan */
  --customer-card-header-gradient: linear-gradient(135deg, #9a3412 0%, #c2410c 45%, #ea580c 100%);
  --customer-nav-shell: linear-gradient(135deg, #ffffff 0%, #ffedd5 50%, #fff7ed 100%);
  --customer-module-tint: linear-gradient(135deg, #ffffff 0%, #fff7ed 55%, #ffedd5 100%);
  --customer-form-focus: #ea580c;
  --customer-form-focus-ring: rgba(234, 88, 12, 0.22);
}

#customer-body[data-theme="dark"],
body.auth-page[data-theme="dark"] {
  color-scheme: dark;
  --customer-page-bg: #0c0a09;
  --customer-text: #fef3c7;
  --customer-text-muted: #fdba74;
  --customer-border: rgba(251, 146, 60, 0.22);
  --customer-border-strong: rgba(251, 146, 60, 0.38);
  --customer-surface: #1c1917;
  --customer-surface-muted: #292524;
  --customer-surface-elevated: #44403c;
  --customer-accent: #fb923c;
  --customer-accent-bright: #fdba74;
  --customer-accent-deep: #ea580c;
  --customer-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  --customer-topbar-bg: #1c1917;
  --customer-topbar-border: rgba(251, 146, 60, 0.2);
  --customer-sidebar-bg: linear-gradient(180deg, #431407 0%, #292524 55%, #1c1917 100%);
  --customer-sidebar-fg: #fffbeb;
  --customer-sidebar-heading: rgba(254, 243, 199, 0.45);
  --customer-sidebar-border: rgba(251, 146, 60, 0.15);
  --customer-toggle-bg: #292524;
  --customer-toggle-border: rgba(251, 146, 60, 0.35);
  --customer-overlay: rgba(0, 0, 0, 0.65);
  --customer-card-header-gradient: linear-gradient(135deg, #7c2d12 0%, #9a3412 40%, #c2410c 100%);
  --customer-nav-shell: linear-gradient(135deg, #1c1917 0%, #292524 50%, #431407 100%);
  --customer-module-tint: linear-gradient(135deg, #292524 0%, #1c1917 55%, #292524 100%);
  --customer-form-focus: #fb923c;
  --customer-form-focus-ring: rgba(251, 146, 60, 0.28);
}

#customer-body[data-theme="light"],
#customer-body:not([data-theme]) {
  background: var(--customer-page-bg) !important;
  color: var(--customer-text);
}

#customer-body[data-theme="dark"] {
  background: var(--customer-page-bg) !important;
  color: var(--customer-text);
}

body.auth-page[data-theme="light"],
body.auth-page:not([data-theme]) {
  background: var(--customer-page-bg) !important;
  color: var(--customer-text);
}

body.auth-page[data-theme="dark"] {
  background: var(--customer-page-bg) !important;
  color: var(--customer-text);
}

/* Ana sütun + üst çubuk */
#customer-body .customer-main-column {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: var(--customer-page-bg);
}

#customer-body .customer-topbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-height: 52px;
  padding: 10px 20px;
  flex-shrink: 0;
  background: var(--customer-topbar-bg);
  border-bottom: 1px solid var(--customer-topbar-border);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
  position: sticky;
  top: 0;
  z-index: 90;
}

#customer-body .customer-theme-toggle,
body.auth-page .customer-theme-toggle {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  border: 1px solid var(--customer-toggle-border);
  background: var(--customer-toggle-bg);
  color: var(--customer-text);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  line-height: 1;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

#customer-body .customer-theme-toggle:hover,
body.auth-page .customer-theme-toggle:hover {
  transform: scale(1.05);
  border-color: var(--customer-accent);
  box-shadow: 0 4px 18px rgba(194, 65, 12, 0.2);
}

#customer-body[data-theme="dark"] .customer-theme-toggle:hover,
body.auth-page[data-theme="dark"] .customer-theme-toggle:hover {
  box-shadow: 0 4px 18px rgba(251, 146, 60, 0.2);
}

#customer-body .customer-theme-toggle:focus-visible,
body.auth-page .customer-theme-toggle:focus-visible {
  outline: 3px solid var(--customer-accent);
  outline-offset: 2px;
}

/* Gündüz: ay ikonu göster (geceye geç); Gece: güneş göster (gündüze geç) */
#customer-body[data-theme="light"] .customer-theme-icon-sun,
#customer-body:not([data-theme]) .customer-theme-icon-sun,
body.auth-page[data-theme="light"] .customer-theme-icon-sun,
body.auth-page:not([data-theme]) .customer-theme-icon-sun {
  display: none;
}

#customer-body[data-theme="dark"] .customer-theme-icon-moon,
body.auth-page[data-theme="dark"] .customer-theme-icon-moon {
  display: none;
}

/* Sidebar — marka rengi gündüz; gece sabit koyu turuncu tonları */
#customer-body .sidebar.customer-sidebar {
  background: var(--customer-sidebar-bg) !important;
  color: var(--customer-sidebar-fg) !important;
  border-right-color: var(--customer-sidebar-border) !important;
}

#customer-body .sidebar a,
#customer-body .sidebar .nav-section,
#customer-body .customer-sidebar-link,
#customer-body .customer-sidebar-title,
#customer-body .customer-sidebar-lang-btn,
#customer-body .customer-sidebar-user {
  color: var(--customer-sidebar-fg) !important;
}

#customer-body .customer-sidebar-section-label {
  color: var(--customer-sidebar-heading) !important;
}

#customer-body .customer-sidebar-link:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

#customer-body .customer-sidebar-link.active {
  background: var(--customer-sidebar-link-active-bg, rgba(255, 255, 255, 0.22)) !important;
}

#customer-body .customer-sidebar-header {
  border-bottom-color: var(--customer-sidebar-border) !important;
}

#customer-body .customer-sidebar-divider {
  background: var(--customer-sidebar-border) !important;
}

#customer-body .customer-sidebar-lang-btn {
  background: rgba(255, 255, 255, 0.1) !important;
}

#customer-body .customer-sidebar-lang-btn:hover {
  background: rgba(255, 255, 255, 0.18) !important;
}

#customer-body .customer-sidebar-lang-dropdown {
  background: rgba(12, 10, 9, 0.92) !important;
  border-color: var(--customer-border) !important;
  backdrop-filter: blur(10px);
}

#customer-body[data-theme="dark"] .customer-sidebar-lang-dropdown {
  background: rgba(28, 25, 23, 0.96) !important;
}

#customer-body .customer-sidebar-badge {
  background: rgba(255, 255, 255, 0.25) !important;
}

/* Ana içerik alanı */
#customer-body .main-content {
  background: transparent;
  color: var(--customer-text);
}

/* Odak halkası — panel genelinde turuncu (mavi varsayılanın üzerine) */
#customer-body .form-control:focus,
#customer-body .form-select:focus,
#customer-body textarea.form-control:focus,
#customer-body .cp-settings-form .form-control:focus,
#customer-body .cp-settings-form .form-select:focus,
#customer-body .cp-settings-form textarea.form-control:focus,
body.auth-page .form-control:focus,
body.auth-page .form-select:focus {
  border-color: var(--customer-form-focus) !important;
  box-shadow: 0 0 0 3px var(--customer-form-focus-ring) !important;
  outline: none;
}

#customer-body .page-title {
  color: var(--customer-text);
}

body#customer-body.sidebar-open .sidebar-overlay {
  background: var(--customer-overlay);
}

/* customer-panel-ui değişkenleri — tek kaynak tema */
#customer-body[data-theme="light"],
#customer-body:not([data-theme]) {
  --cp-font: var(--customer-font);
  --cp-border: var(--customer-border);
  --cp-surface: var(--customer-surface);
  --cp-surface-muted: var(--customer-surface-muted);
  --cp-text: var(--customer-text);
  --cp-text-muted: var(--customer-text-muted);
  --cp-shadow: var(--customer-shadow);
  --cp-shadow-sm: 0 1px 3px rgba(124, 45, 18, 0.08);
}

#customer-body[data-theme="dark"] {
  --cp-font: var(--customer-font);
  --cp-border: var(--customer-border);
  --cp-surface: var(--customer-surface);
  --cp-surface-muted: var(--customer-surface-muted);
  --cp-text: var(--customer-text);
  --cp-text-muted: var(--customer-text-muted);
  --cp-shadow: var(--customer-shadow);
  --cp-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
}

/* Mobil: hamburger için sol boşluk + içerik */
@media (max-width: 768px) {
  #customer-body .customer-topbar {
    padding-left: 58px;
    padding-right: 16px;
  }

  /* Hamburger için üst boşluk app.css’teki 56px yerine topbar ile birlikte */
  #customer-body .customer-main-column .main-content {
    padding-top: 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #customer-body .customer-theme-toggle:hover,
  body.auth-page .customer-theme-toggle:hover {
    transform: none;
  }
}

/* ——— Gece: formlar, kartlar, tablolar, uyarılar (customer-panel-ui + genel) ——— */
#customer-body[data-theme="dark"] .form-label,
#customer-body[data-theme="dark"] .main-content .form-label,
#customer-body[data-theme="dark"] .cp-settings-form .form-label,
#customer-body[data-theme="dark"] .cp-cset-field .form-label {
  color: var(--customer-text) !important;
}

#customer-body[data-theme="dark"] .form-control,
#customer-body[data-theme="dark"] .form-select,
#customer-body[data-theme="dark"] textarea.form-control,
#customer-body[data-theme="dark"] .main-content .form-control,
#customer-body[data-theme="dark"] .main-content .form-select,
#customer-body[data-theme="dark"] .cp-settings-form .form-control,
#customer-body[data-theme="dark"] .cp-settings-form .form-select {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text) !important;
}

#customer-body[data-theme="dark"] .form-control:focus,
#customer-body[data-theme="dark"] .form-select:focus {
  border-color: var(--customer-form-focus) !important;
  box-shadow: 0 0 0 3px var(--customer-form-focus-ring) !important;
}

#customer-body[data-theme="dark"] .form-text,
#customer-body[data-theme="dark"] .text-muted,
#customer-body[data-theme="dark"] .cp-settings-form .form-text {
  color: var(--customer-text-muted) !important;
}

#customer-body[data-theme="dark"] .alert-success {
  background: rgba(6, 78, 59, 0.35);
  color: #a7f3d0;
  border-left-color: #34d399;
}

#customer-body[data-theme="dark"] .alert-error,
#customer-body[data-theme="dark"] .alert-danger {
  background: rgba(127, 29, 29, 0.35);
  color: #fecaca;
  border-left-color: #f87171;
}

#customer-body[data-theme="dark"] .alert-warning {
  background: rgba(120, 53, 15, 0.4);
  color: #fde68a;
  border-left-color: #fbbf24;
}

#customer-body[data-theme="dark"] .alert-info {
  background: rgba(30, 58, 138, 0.35);
  color: #bfdbfe;
  border-left-color: #60a5fa;
}

#customer-body[data-theme="dark"] .main-content > .card,
#customer-body[data-theme="dark"] .main-content .card,
#customer-body[data-theme="dark"] .cp-cset-card,
#customer-body[data-theme="dark"] .cp-settings-surface > .card {
  background: var(--customer-surface) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text);
}

#customer-body[data-theme="dark"] .cp-cset-card-head,
#customer-body[data-theme="dark"] .cp-settings-surface .card-header {
  background: var(--customer-surface-muted) !important;
  border-bottom-color: var(--customer-border) !important;
  color: var(--customer-text) !important;
}

#customer-body[data-theme="dark"] .cp-cset-card-title,
#customer-body[data-theme="dark"] .cp-cset-check-label {
  color: var(--customer-text) !important;
}

#customer-body[data-theme="dark"] .cp-cset-card-desc,
#customer-body[data-theme="dark"] .cp-cset-check-note,
#customer-body[data-theme="dark"] .cp-cset-hint {
  color: var(--customer-text-muted) !important;
}

#customer-body[data-theme="dark"] .cp-community-tablist,
#customer-body[data-theme="dark"] .module-config-tabs {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
}

#customer-body[data-theme="dark"] .cp-community-tab {
  color: var(--customer-text-muted) !important;
}

#customer-body[data-theme="dark"] .cp-community-tab:hover {
  background: rgba(251, 146, 60, 0.12) !important;
  color: var(--customer-text) !important;
}

#customer-body[data-theme="dark"] .cp-community-tab.active {
  background: var(--customer-surface) !important;
  color: var(--customer-text) !important;
  box-shadow: var(--cp-shadow-sm);
}

#customer-body[data-theme="dark"] .cp-cset-field-inline,
#customer-body[data-theme="dark"] .cp-cset-check,
#customer-body[data-theme="dark"] .cp-cset-nested {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
}

#customer-body[data-theme="dark"] table.data-table,
#customer-body[data-theme="dark"] .table {
  color: var(--customer-text);
}

#customer-body[data-theme="dark"] table.data-table th,
#customer-body[data-theme="dark"] table.data-table td,
#customer-body[data-theme="dark"] .table th,
#customer-body[data-theme="dark"] .table td {
  border-color: var(--customer-border) !important;
}

#customer-body[data-theme="dark"] table.data-table th,
#customer-body[data-theme="dark"] .table th {
  background: var(--customer-surface-muted) !important;
  color: var(--customer-text-muted) !important;
}

#customer-body[data-theme="dark"] table.data-table tr:hover td,
#customer-body[data-theme="dark"] .table tbody tr:hover td {
  background: rgba(251, 146, 60, 0.06) !important;
}

#customer-body[data-theme="dark"] table.data-table thead th,
#customer-body[data-theme="dark"] .table thead th {
  background: var(--customer-surface-muted) !important;
  color: var(--customer-text-muted) !important;
}

#customer-body[data-theme="dark"] .cp-listings-manage .cp-lm-table-wrap tbody td {
  border-bottom-color: var(--customer-border) !important;
}

#customer-body[data-theme="dark"] .cp-listings-manage .cp-lm-table-wrap tbody tr:hover {
  background: rgba(251, 146, 60, 0.06) !important;
}

#customer-body[data-theme="dark"] .badge-success {
  background: rgba(6, 95, 70, 0.4);
  color: #a7f3d0;
}

#customer-body[data-theme="dark"] .badge-secondary {
  background: var(--customer-surface-muted);
  color: var(--customer-text-muted);
}

#customer-body[data-theme="dark"] .badge-danger {
  background: rgba(127, 29, 29, 0.45);
  color: #fecaca;
}

#customer-body[data-theme="dark"] .badge-warning {
  background: rgba(120, 53, 15, 0.45);
  color: #fde68a;
}

/* Profil / uygulamalar listesi vb. — kart başlığı (iç içe .card dahil; app düzenle hariç) */
#customer-body[data-theme="dark"] .main-content .card > .card-header {
  background: var(--customer-surface-muted) !important;
  color: var(--customer-text) !important;
  border-bottom: 1px solid var(--customer-border) !important;
  text-shadow: none;
}
#customer-body[data-theme="dark"] .app-edit-layout .card > .card-header {
  background: var(--customer-card-header-gradient) !important;
  color: #fff !important;
  border-bottom: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) !important;
}

#customer-body[data-theme="dark"] .module-config-tab:hover {
  background: rgba(251, 146, 60, 0.12) !important;
  color: var(--customer-text) !important;
}

#customer-body[data-theme="dark"] .cp-settings-form h6 {
  color: var(--customer-text-muted) !important;
}

#customer-body[data-theme="dark"] .cp-settings-form label.d-block {
  color: var(--customer-text) !important;
}

#customer-body[data-theme="dark"] .cp-cset-callout {
  background: rgba(30, 58, 138, 0.28) !important;
  border-color: rgba(96, 165, 250, 0.35) !important;
  color: var(--customer-text) !important;
}

#customer-body[data-theme="dark"] .cp-cset-callout strong {
  color: #bfdbfe !important;
}

#customer-body[data-theme="dark"] .cp-cset-check:hover {
  background: rgba(251, 146, 60, 0.08) !important;
  border-color: var(--customer-border) !important;
}

#customer-body[data-theme="dark"] .cp-listings-manage .cp-lm-card-toolbar {
  border-top-color: var(--customer-border) !important;
  background: var(--customer-surface-muted) !important;
}

/* İlan yönetimi — module_content_listings.php inline stilleri */
#customer-body[data-theme="dark"] .cp-listings-manage .stat-card {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
  box-shadow: none;
}
#customer-body[data-theme="dark"] .cp-listings-manage .stat-card:hover {
  box-shadow: 0 4px 22px rgba(0, 0, 0, 0.4);
}
#customer-body[data-theme="dark"] .cp-listings-manage .stat-card .value {
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .cp-listings-manage .stat-card .label {
  color: var(--customer-text-muted) !important;
}
#customer-body[data-theme="dark"] .cp-listings-manage .stat-card.primary .icon {
  background: rgba(96, 165, 250, 0.18) !important;
  color: #93c5fd !important;
}
#customer-body[data-theme="dark"] .cp-listings-manage .stat-card.success .icon {
  background: rgba(34, 197, 94, 0.18) !important;
  color: #86efac !important;
}
#customer-body[data-theme="dark"] .cp-listings-manage .stat-card.info .icon {
  background: rgba(34, 211, 238, 0.15) !important;
  color: #67e8f9 !important;
}
#customer-body[data-theme="dark"] .cp-listings-manage .stat-card.warning .icon {
  background: rgba(251, 191, 36, 0.18) !important;
  color: #fcd34d !important;
}
#customer-body[data-theme="dark"] .cp-listings-manage .category-tree li {
  border-bottom-color: var(--customer-border) !important;
}
#customer-body[data-theme="dark"] .cp-listings-manage .category-tree .category-icon {
  background: rgba(96, 165, 250, 0.15) !important;
  color: #93c5fd !important;
}
#customer-body[data-theme="dark"] .cp-listings-manage .empty-state i {
  color: var(--customer-border) !important;
}
#customer-body[data-theme="dark"] .cp-listings-manage .empty-state h5 {
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .cp-listings-manage .modern-form .form-control,
#customer-body[data-theme="dark"] .cp-listings-manage .modern-form .form-select {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .cp-listings-manage .bg-light {
  background: var(--customer-surface-muted) !important;
}
#customer-body[data-theme="dark"] .cp-listings-manage .table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--customer-text);
  color: var(--customer-text);
}
#customer-body[data-theme="dark"] .cp-listings-manage .table > :not(caption) > * > * {
  border-bottom-color: var(--customer-border) !important;
}
#customer-body[data-theme="dark"] .cp-listings-manage .table thead th {
  background: var(--customer-surface-muted) !important;
  color: var(--customer-text-muted) !important;
}
#customer-body[data-theme="dark"] .cp-listings-manage .table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: rgba(251, 146, 60, 0.08);
  color: var(--customer-text);
}

#customer-body[data-theme="dark"] .main-content code,
#customer-body[data-theme="dark"] .cp-settings-surface code {
  background: rgba(251, 146, 60, 0.1) !important;
  color: var(--customer-accent-bright) !important;
  border: 1px solid rgba(251, 146, 60, 0.2);
  padding: 0.1em 0.35em;
  border-radius: 6px;
}

/* Uygulamalarım — “yeni uygulama” kartları (index inline stiller) */
#customer-body[data-theme="dark"] .customer-apps-page .apps-create-card {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface) !important;
}
#customer-body[data-theme="dark"] .customer-apps-page .apps-create-title {
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .customer-apps-page .apps-create-sub {
  color: var(--customer-text-muted) !important;
}
#customer-body[data-theme="dark"] .customer-apps-page .apps-create-item {
  border-color: var(--customer-border) !important;
  background: var(--customer-surface-muted) !important;
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .customer-apps-page .apps-create-item:hover {
  border-color: rgba(251, 146, 60, 0.45) !important;
  background: rgba(251, 146, 60, 0.1) !important;
}
#customer-body[data-theme="dark"] .customer-apps-page .apps-create-icon {
  background: var(--customer-surface-elevated) !important;
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .customer-apps-page .apps-create-item--normal .apps-create-icon {
  background: rgba(34, 197, 94, 0.2) !important;
  color: #86efac !important;
}
#customer-body[data-theme="dark"] .customer-apps-page .apps-create-item--ai .apps-create-icon {
  background: rgba(167, 139, 250, 0.22) !important;
  color: #ddd6fe !important;
}
#customer-body[data-theme="dark"] .customer-apps-page .apps-create-item h4 {
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .customer-apps-page .apps-create-item p {
  color: var(--customer-text-muted) !important;
}
#customer-body[data-theme="dark"] .customer-apps-page .apps-create-tag--recommended {
  background: rgba(154, 52, 18, 0.35) !important;
  color: #fed7aa !important;
  border-color: rgba(251, 146, 60, 0.4) !important;
}
#customer-body[data-theme="dark"] .customer-apps-page .apps-create-tag--popular {
  background: rgba(14, 116, 144, 0.3) !important;
  color: #a5f3fc !important;
  border-color: rgba(34, 211, 238, 0.35) !important;
}
#customer-body[data-theme="dark"] .customer-apps-page .apps-create-badge {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text-muted) !important;
}

#customer-body[data-theme="dark"] .customer-apps-list-card {
  border-color: var(--customer-border) !important;
}

/* AI ile oluştur (ai_create.php) */
#customer-body[data-theme="dark"] .ai-neon-hero {
  background: linear-gradient(165deg, #1c1917 0%, #292524 48%, #431407 100%) !important;
  border-color: var(--customer-border) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
#customer-body[data-theme="dark"] .ai-neon-hero h1 {
  color: var(--customer-text) !important;
  text-shadow: none;
}
#customer-body[data-theme="dark"] .ai-neon-hero p,
#customer-body[data-theme="dark"] .ai-neon-hint {
  color: var(--customer-text-muted) !important;
}
#customer-body[data-theme="dark"] .ai-neon-card {
  background: var(--customer-surface) !important;
  border-color: var(--customer-border) !important;
  box-shadow: var(--customer-shadow);
}
#customer-body[data-theme="dark"] .ai-neon-label,
#customer-body[data-theme="dark"] .ai-neon-check,
#customer-body[data-theme="dark"] .ai-template-label,
#customer-body[data-theme="dark"] .ai-template-btn {
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .ai-neon-textarea {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .ai-neon-textarea:focus {
  background: var(--customer-surface) !important;
  border-color: var(--customer-accent) !important;
  box-shadow: 0 0 0 3px var(--customer-form-focus-ring) !important;
}
#customer-body[data-theme="dark"] .ai-neon-textarea::placeholder {
  color: var(--customer-text-muted) !important;
}
#customer-body[data-theme="dark"] .ai-neon-ghost {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .ai-neon-ghost:hover {
  background: rgba(251, 146, 60, 0.12) !important;
  border-color: var(--customer-accent) !important;
  color: var(--customer-accent-bright) !important;
}
#customer-body[data-theme="dark"] .ai-template-btn {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
}
#customer-body[data-theme="dark"] .ai-template-btn:hover {
  border-color: var(--customer-accent) !important;
  color: var(--customer-accent-bright) !important;
}
#customer-body[data-theme="dark"] .ai-neon-modules {
  background: var(--customer-surface) !important;
  border-color: var(--customer-border) !important;
  box-shadow: none;
}
#customer-body[data-theme="dark"] .ai-neon-modules-head {
  border-bottom-color: var(--customer-border) !important;
}
#customer-body[data-theme="dark"] .ai-neon-modules h2 {
  color: var(--customer-accent-bright) !important;
}
#customer-body[data-theme="dark"] .ai-neon-modules-count {
  color: var(--customer-text-muted) !important;
}
#customer-body[data-theme="dark"] .ai-mod-chip {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text) !important;
  box-shadow: none;
}
#customer-body[data-theme="dark"] .ai-mod-chip code {
  color: var(--customer-text-muted) !important;
}
#customer-body[data-theme="dark"] .ai-build-overlay-inner {
  background: linear-gradient(165deg, #1c1917 0%, #292524 50%, #431407 100%) !important;
  border-color: var(--customer-border) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55);
}
#customer-body[data-theme="dark"] .ai-build-title {
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .ai-build-sub,
#customer-body[data-theme="dark"] .ai-build-msg,
#customer-body[data-theme="dark"] .ai-build-pct small {
  color: var(--customer-text-muted) !important;
}
#customer-body[data-theme="dark"] .ai-build-bar-bg {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
}
#customer-body[data-theme="dark"] .ai-build-pct {
  color: var(--customer-accent-bright) !important;
  text-shadow: 0 0 20px rgba(251, 146, 60, 0.35);
}

/* Modallar — premium modül, APK bilgi, reklam yardım, derleme */
#customer-body[data-theme="dark"] #premium-module-modal .pm-card {
  background: var(--customer-surface) !important;
  border-color: var(--customer-border) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
}
#customer-body[data-theme="dark"] #premium-module-modal .pm-head {
  background: linear-gradient(135deg, rgba(124, 45, 18, 0.45) 0%, var(--customer-surface-muted) 55%) !important;
  border-bottom-color: var(--customer-border) !important;
}
#customer-body[data-theme="dark"] #premium-module-modal .pm-head h2 {
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] #premium-module-modal .pm-body {
  color: var(--customer-text-muted) !important;
}
#customer-body[data-theme="dark"] #premium-module-modal .pm-price {
  color: var(--customer-accent-bright) !important;
}
#customer-body[data-theme="dark"] #premium-module-modal .pm-btn-ghost {
  background: var(--customer-surface-muted) !important;
  color: var(--customer-text) !important;
}

#customer-body[data-theme="dark"] .ai-apk-modal-card {
  background: var(--customer-surface) !important;
  border-color: var(--customer-border) !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.55);
}
#customer-body[data-theme="dark"] .ai-apk-modal-head {
  background: linear-gradient(135deg, rgba(234, 88, 12, 0.2) 0%, var(--customer-surface-muted) 60%) !important;
  border-bottom-color: var(--customer-border) !important;
}
#customer-body[data-theme="dark"] .ai-apk-modal-title {
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .ai-apk-modal-sub,
#customer-body[data-theme="dark"] .ai-apk-bullets ul,
#customer-body[data-theme="dark"] .ai-apk-side p {
  color: var(--customer-text-muted) !important;
}
#customer-body[data-theme="dark"] .ai-apk-bullets {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
}
#customer-body[data-theme="dark"] .ai-apk-bullets h4 {
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .ai-apk-side {
  background: linear-gradient(135deg, var(--customer-surface-muted) 0%, rgba(67, 20, 7, 0.35) 100%) !important;
  border-color: var(--customer-border) !important;
}
#customer-body[data-theme="dark"] .ai-apk-btn {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-accent) !important;
  color: var(--customer-accent-bright) !important;
}
#customer-body[data-theme="dark"] .ai-apk-close {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text-muted) !important;
}

#customer-body[data-theme="dark"] .ad-how-modal-content {
  background: var(--customer-surface) !important;
  color: var(--customer-text) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}
#customer-body[data-theme="dark"] .ad-how-modal-content h2 {
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .ad-how-modal-content > div:first-child {
  border-bottom: 1px solid var(--customer-border) !important;
}

#customer-body[data-theme="dark"] .build-submit-box,
#customer-body[data-theme="dark"] #build-upgrade-modal > div {
  background: var(--customer-surface) !important;
  color: var(--customer-text) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55);
}
#customer-body[data-theme="dark"] .build-submit-box h3,
#customer-body[data-theme="dark"] #build-upgrade-modal h3 {
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .build-submit-box p,
#customer-body[data-theme="dark"] #build-upgrade-modal p {
  color: var(--customer-text-muted) !important;
}
#customer-body[data-theme="dark"] .build-submit-indet {
  background: var(--customer-surface-muted) !important;
}
#customer-body[data-theme="dark"] .build-estimated-progress {
  background: linear-gradient(135deg, rgba(25, 118, 210, 0.12), rgba(245, 127, 23, 0.1)) !important;
  border-color: var(--customer-border) !important;
}
#customer-body[data-theme="dark"] .build-estimated-bar-wrap {
  background: rgba(0, 0, 0, 0.25) !important;
}
#customer-body[data-theme="dark"] .build-estimated-hint {
  color: var(--customer-text-muted) !important;
}
#customer-body[data-theme="dark"] .build-estimated-eta {
  color: var(--customer-accent-bright) !important;
}

#customer-body[data-theme="dark"] .build-processing-note {
  background: rgba(251, 146, 60, 0.12) !important;
  color: var(--customer-accent-bright) !important;
  border: 1px solid rgba(251, 146, 60, 0.25);
}

#customer-body[data-theme="dark"] #menu_layout_preview.menu-layout-preview {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
}

#customer-body[data-theme="dark"] .ss-magaza-hero {
  background: linear-gradient(135deg, rgba(234, 88, 12, 0.15) 0%, rgba(99, 102, 241, 0.12) 100%) !important;
  border-color: var(--customer-border) !important;
  box-shadow: none;
}
#customer-body[data-theme="dark"] .ss-magaza-hero h2 {
  color: var(--customer-text) !important;
}
#customer-body[data-theme="dark"] .ss-magaza-hero p {
  color: var(--customer-text-muted) !important;
}

/* Uygulama düzenle — gece yüzeyleri */
#customer-body[data-theme="dark"] .app-edit-nav-btn {
  --tab-bg: rgba(41, 37, 36, 0.92);
  --tab-bg-hover: rgba(68, 64, 60, 0.98);
  --tab-border: rgba(251, 146, 60, 0.22);
  --tab-text: #fef3c7;
}

#customer-body[data-theme="dark"] .app-edit-nav-btn:hover {
  color: #fffbeb !important;
}

#customer-body[data-theme="dark"] .app-edit-layout .card {
  background: var(--customer-module-tint) !important;
  border-color: var(--customer-border) !important;
  box-shadow: var(--customer-shadow) !important;
}

#customer-body[data-theme="dark"] .app-edit-layout .module-card-hidden {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
}

#customer-body[data-theme="dark"] .app-edit-layout .module-card-drag {
  background: rgba(251, 146, 60, 0.12) !important;
  color: var(--customer-accent-bright) !important;
}

#customer-body[data-theme="dark"] .app-edit-layout .module-card-btn {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
}

#customer-body[data-theme="dark"] .app-edit-layout .btn-outline {
  background: transparent !important;
  border-color: var(--customer-accent) !important;
  color: var(--customer-accent-bright) !important;
}

#customer-body[data-theme="dark"] .app-edit-layout .btn-outline:hover {
  background: rgba(251, 146, 60, 0.1) !important;
}

#customer-body[data-theme="dark"] .app-edit-preview .preview-action-btn {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text) !important;
}

#customer-body[data-theme="dark"] .phone-frame {
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.55), 0 0 0 2px #44403c;
}

#customer-body[data-theme="dark"] .phone-screen {
  background: #0c0a09;
}

/* Modül satırı aksiyon butonları — turuncu palet */
#customer-body .module-card-btn-settings:hover {
  background: rgba(255, 237, 213, 0.95) !important;
  color: #c2410c !important;
}
#customer-body .module-card-btn-content:hover {
  background: rgba(254, 243, 199, 0.5) !important;
  color: #9a3412 !important;
}
#customer-body .module-card-btn-copy:hover {
  background: rgba(255, 237, 213, 0.9) !important;
  color: #ea580c !important;
}
#customer-body .module-card-btn-remove:hover {
  background: rgba(254, 226, 226, 0.95) !important;
  color: #dc2626 !important;
}

#customer-body[data-theme="dark"] .module-card-btn-settings:hover {
  background: rgba(251, 146, 60, 0.15) !important;
  color: #fdba74 !important;
}
#customer-body[data-theme="dark"] .module-card-btn-content:hover {
  background: rgba(251, 146, 60, 0.12) !important;
  color: #fef3c7 !important;
}
#customer-body[data-theme="dark"] .module-card-btn-copy:hover {
  background: rgba(251, 146, 60, 0.14) !important;
  color: #fed7aa !important;
}

/* ========== Giriş / Kayıt / auth sayfaları (customer_theme ile panel senkron) ========== */
body.auth-page .auth-theme-toggle-wrap {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 12px;
}

body.auth-page .auth-form-column {
  background: var(--customer-page-bg) !important;
}

body.auth-page .auth-form-title {
  color: var(--customer-text) !important;
}

body.auth-page .auth-tabs {
  border-bottom-color: var(--customer-border) !important;
}

body.auth-page .auth-tab {
  color: var(--customer-text-muted) !important;
}

body.auth-page .auth-tab:hover {
  color: var(--customer-text) !important;
}

body.auth-page .auth-tab.active {
  color: var(--customer-accent-deep) !important;
  border-bottom-color: var(--customer-accent) !important;
}

body.auth-page[data-theme="dark"] .auth-tab.active {
  color: var(--customer-accent-bright) !important;
  border-bottom-color: var(--customer-accent) !important;
}

body.auth-page .auth-subtitle {
  color: var(--customer-text-muted) !important;
}

body.auth-page .auth-form .form-label {
  color: var(--customer-text) !important;
}

body.auth-page .auth-form .form-control {
  background: var(--customer-surface) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text) !important;
}

body.auth-page .auth-divider {
  color: var(--customer-text-muted) !important;
}

body.auth-page .auth-checkboxes {
  background: var(--customer-surface-muted) !important;
  border: 1px solid var(--customer-border);
}

body.auth-page .auth-check {
  color: var(--customer-text) !important;
}

body.auth-page .auth-check a {
  color: var(--customer-accent) !important;
}

body.auth-page .auth-footer-link a {
  color: var(--customer-accent) !important;
}

body.auth-page .auth-login-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 4px;
}

body.auth-page .btn-primary.auth-btn,
body.auth-page .auth-form .btn-primary {
  background: linear-gradient(135deg, #9a3412 0%, #c2410c 45%, #ea580c 100%) !important;
  border: 1px solid rgba(194, 65, 12, 0.45) !important;
  color: #fff !important;
}

/* Giriş paneli: kayıt — giriş butonu ile aynı boyutta, güçlü ikinci CTA */
body.auth-page .auth-register-cta {
  width: 100%;
  min-height: 48px;
  font-weight: 800 !important;
  font-size: 1rem !important;
  letter-spacing: 0.02em;
  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 48%, #3b82f6 100%) !important;
  border: 1px solid rgba(37, 99, 235, 0.5) !important;
  color: #fff !important;
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.28);
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

body.auth-page .auth-register-cta:hover {
  filter: brightness(1.07);
  box-shadow: 0 8px 26px rgba(37, 99, 235, 0.38);
  color: #fff !important;
}

body.auth-page .auth-register-cta:focus-visible {
  outline: 2px solid var(--customer-accent, #3b82f6);
  outline-offset: 3px;
}

body.auth-page .auth-register-cta:active {
  transform: scale(0.98);
}

body.auth-page .auth-captcha-block {
  margin-top: 4px;
  margin-bottom: 2px;
}

body.auth-page .auth-captcha-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  margin-bottom: 10px;
}

body.auth-page .auth-captcha-imgwrap {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--customer-border, #e2e8f0);
  background: #0f172a;
  line-height: 0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}

body.auth-page .auth-captcha-img {
  display: block;
  height: 52px;
  width: auto;
  vertical-align: bottom;
}

body.auth-page .auth-captcha-refresh {
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--customer-accent, #2563eb);
  text-decoration: none;
}

body.auth-page .auth-captcha-refresh:hover {
  text-decoration: underline;
}

body.auth-page .auth-captcha-input {
  max-width: 280px;
}

body.auth-page .auth-captcha-hint {
  margin: 8px 0 0;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--customer-text-muted, #64748b);
}

body.auth-page .btn-secondary {
  background: var(--customer-surface-muted) !important;
  color: var(--customer-text) !important;
  border: 1px solid var(--customer-border) !important;
}

body.auth-page .btn-google {
  background: var(--customer-surface) !important;
  color: var(--customer-text) !important;
  border-color: var(--customer-border) !important;
}

body.auth-page .btn-google:hover {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border-strong) !important;
  color: var(--customer-text) !important;
}

body.auth-page[data-theme="dark"] .auth-banner-column {
  background: linear-gradient(135deg, #1c1917 0%, #431407 45%, #7c2d12 100%) !important;
}

body.auth-page[data-theme="dark"] .auth-banner-image {
  opacity: 0.25;
}

/* Statik metin sayfası (gizlilik, şartlar…) */
body.auth-page .auth-page-content .prose h2,
body.auth-page .auth-page-content .prose h3 {
  color: var(--customer-text) !important;
}

body.auth-page .auth-page-content .prose p,
body.auth-page .auth-page-content .prose li {
  color: var(--customer-text) !important;
  line-height: 1.65;
}

body.auth-page .auth-page-content .card {
  background: var(--customer-surface) !important;
  border: 1px solid var(--customer-border) !important;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--customer-shadow);
}

body.auth-page .auth-page-content .card-header {
  background: var(--customer-card-header-gradient) !important;
  color: #fff !important;
  border-bottom: none !important;
}

body.auth-page .auth-page-content .card-body {
  background: var(--customer-surface) !important;
  color: var(--customer-text) !important;
}

body.auth-page .auth-page-head-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

body.auth-page .auth-page-head-row .auth-page-back {
  margin-bottom: 0;
}

/* Gece: giriş formları */
body.auth-page[data-theme="dark"] .form-label {
  color: var(--customer-text) !important;
}

body.auth-page[data-theme="dark"] .auth-form .form-control {
  background: var(--customer-surface-muted) !important;
}

body.auth-page[data-theme="dark"] .alert-success {
  background: rgba(6, 78, 59, 0.35);
  color: #a7f3d0;
  border-left: 4px solid #34d399;
}

body.auth-page[data-theme="dark"] .alert-error,
body.auth-page[data-theme="dark"] .alert-danger {
  background: rgba(127, 29, 29, 0.35);
  color: #fecaca;
  border-left: 4px solid #f87171;
}

body.auth-page[data-theme="dark"] .alert-warning {
  background: rgba(120, 53, 15, 0.4);
  color: #fde68a;
  border-left: 4px solid #fbbf24;
}

/* ========== Modül ayarları (#mcstd-app / module-config-standard.css) — gece ========== */
#customer-body[data-theme="dark"] #mcstd-app {
  --mcstd-bg: var(--customer-page-bg);
  --mcstd-surface: var(--customer-surface);
  --mcstd-border: var(--customer-border);
  --mcstd-text: var(--customer-text);
  --mcstd-muted: var(--customer-text-muted);
  --mcstd-accent: var(--customer-accent);
  --mcstd-accent-dark: var(--customer-accent-deep);
  --mcstd-shadow: var(--customer-shadow);
  --mcstd-shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.35);
}

#customer-body[data-theme="dark"] #mcstd-app .mcstd-sidebar {
  background: linear-gradient(180deg, var(--customer-surface-muted) 0%, var(--customer-page-bg) 100%) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .module-config-tabs.mcstd-nav .module-config-tab:hover {
  background: rgba(251, 146, 60, 0.12) !important;
  color: var(--customer-text) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .cp-settings-form .form-control:focus,
#customer-body[data-theme="dark"] #mcstd-app .cp-settings-form .form-select:focus,
#customer-body[data-theme="dark"] #mcstd-app .cp-settings-form textarea.form-control:focus {
  border-color: var(--customer-form-focus) !important;
  box-shadow: 0 0 0 3px var(--customer-form-focus-ring) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .mcstd-onboarding-step-card,
#customer-body[data-theme="dark"] #mcstd-app .mcstd-webview-tree-card {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text);
}

#customer-body[data-theme="dark"] #mcstd-app .cp-settings-surface .card:not(.mcstd-onboarding-step-card):not(.mcstd-webview-tree-card),
#customer-body[data-theme="dark"] #mcstd-app .cp-module-shell .card:not(.mcstd-onboarding-step-card):not(.mcstd-webview-tree-card) {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text);
}

#customer-body[data-theme="dark"] #mcstd-app .cp-settings-surface .card .card-body h6,
#customer-body[data-theme="dark"] #mcstd-app .cp-module-shell .card .card-body h6 {
  color: var(--customer-text) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .form-check-label {
  color: var(--customer-text);
}

#customer-body[data-theme="dark"] #mcstd-app .table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--customer-text);
  color: var(--customer-text);
}

#customer-body[data-theme="dark"] #mcstd-app .table > :not(caption) > * > * {
  border-bottom-color: var(--customer-border) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .table thead th,
#customer-body[data-theme="dark"] #mcstd-app thead.table-light th {
  background: var(--customer-surface-muted) !important;
  color: var(--customer-text-muted) !important;
  border-color: var(--customer-border) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .table-bordered > :not(caption) > * {
  border-color: var(--customer-border) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .modal-overlay .card {
  background: var(--customer-surface) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text);
}

#customer-body[data-theme="dark"] #mcstd-app .modal-overlay .card .card-body {
  color: var(--customer-text);
}

#customer-body[data-theme="dark"] #mcstd-app .btn-ghost {
  background: var(--customer-surface-muted) !important;
  color: var(--customer-text) !important;
  border: 1px solid var(--customer-border) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .cp-push-log-item {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .cp-push-log-item:hover {
  background: var(--customer-surface) !important;
  border-color: var(--customer-border) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .cp-push-log-badge {
  color: var(--customer-text-muted) !important;
  background: var(--customer-surface-elevated) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .cp-push-log-count {
  color: var(--customer-accent-bright) !important;
  background: rgba(251, 146, 60, 0.15) !important;
}

#customer-body[data-theme="dark"] #mcstd-app details.cp-json-collapse {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
}

#customer-body[data-theme="dark"] #mcstd-app details.cp-json-collapse[open] {
  background: var(--customer-surface) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .cp-json-collapse-body {
  background: var(--customer-surface) !important;
  border-top-color: var(--customer-border) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .cp-json-badge-ok {
  color: #86efac !important;
  background: rgba(34, 197, 94, 0.18) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .cp-json-badge-warn {
  color: #fdba74 !important;
  background: rgba(251, 146, 60, 0.18) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .cp-json-badge-info {
  color: var(--customer-accent-bright) !important;
  background: rgba(251, 146, 60, 0.12) !important;
  border: 1px solid rgba(251, 146, 60, 0.35) !important;
}

#customer-body[data-theme="dark"] #mcstd-app .cp-push-fcm-iam-box {
  background: var(--customer-surface-muted) !important;
  border-color: var(--customer-border) !important;
  color: var(--customer-text-muted) !important;
}