/* ===================================================================
   PriceTrack Enterprise — Kurumsal B2B SaaS Tema Sistemi
   (KobiDash & DataScrap Referanslı Hibrit Tema Mimarisi)
   =================================================================== */

/* ─── Aydınlık Mod Değişkenleri (Light Mode / Default) ─── */
:root,
:root[data-theme="light"],
html.light,
html[data-theme="light"],
body.light,
body[data-theme="light"],
.light,
.radix-themes.light,
[data-theme="light"],
[data-color-mode="light"] {
  --pt-bg: #F8FAFC;
  --pt-surface: #FFFFFF;
  --pt-surface-hover: #F1F5F9;
  --pt-surface-muted: #F8FAFC;
  --pt-border: #E2E8F0;
  --pt-border-light: #F1F5F9;
  --pt-border-dark: #CBD5E1;
  --pt-text-primary: #0F172A;
  --pt-text-secondary: #64748B;
  --pt-text-muted: #94A3B8;
  --pt-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --pt-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.05);
  --pt-shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 2px -1px rgba(0, 0, 0, 0.04);
  --pt-input-bg: #FFFFFF;
  --pt-table-hover: rgba(37, 99, 235, 0.04);
  --pt-table-header-bg: #F8FAFC;
  --pt-modal-bg: #FFFFFF;
  --pt-dropdown-bg: #FFFFFF;
  --pt-scrollbar-track: #F8FAFC;
  --pt-scrollbar-thumb: #CBD5E1;
  --pt-primary-light: #EFF6FF;
  --pt-success-light: #ECFDF5;
  --pt-success-border: #A7F3D0;
  --pt-warning-light: #FFFBEB;
  --pt-warning-border: #FDE68A;
  --pt-danger-light: #FEF2F2;
  --pt-danger-border: #FECACA;
  --pt-info-light: #EFF6FF;
  --pt-info-border: #BFDBFE;
}

/* ─── Koyu Mod Değişkenleri (Dark Mode — KobiDash & DataScrap Slate Slate-900 / 950) ─── */
:root.dark,
:root[data-theme="dark"],
html.dark,
html[data-theme="dark"],
body.dark,
body[data-theme="dark"],
.dark,
.radix-themes.dark,
.radix-themes[data-theme="dark"],
[data-theme="dark"],
[data-color-mode="dark"] {
  --pt-bg: #0B0F19;               /* Deep Slate-950 Canvas */
  --pt-surface: #111827;          /* Slate-900 Card Surface */
  --pt-surface-hover: #1E293B;    /* Slate-800 Hover */
  --pt-surface-muted: #161F30;    /* Muted Container */
  --pt-border: #1F2937;           /* Slate-800 Border */
  --pt-border-light: #161F30;     /* Subtle Inner Border */
  --pt-border-dark: #374151;      /* Slate-700 High Contrast Border */
  --pt-text-primary: #F8FAFC;     /* Slate-50 Pure Text */
  --pt-text-secondary: #94A3B8;   /* Slate-400 Secondary Text */
  --pt-text-muted: #64748B;       /* Slate-500 Muted Text */
  --pt-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.35);
  --pt-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.45), 0 2px 4px -2px rgb(0 0 0 / 0.3);
  --pt-shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.35), 0 2px 4px -2px rgba(0, 0, 0, 0.25);
  --pt-input-bg: #0F172A;
  --pt-table-hover: rgba(37, 99, 235, 0.12);
  --pt-table-header-bg: #161F30;
  --pt-modal-bg: #111827;
  --pt-dropdown-bg: #0F172A;
  --pt-scrollbar-track: #0B0F19;
  --pt-scrollbar-thumb: #334155;
  --pt-primary-light: rgba(37, 99, 235, 0.16);
  --pt-success-light: rgba(16, 185, 129, 0.16);
  --pt-success-border: rgba(16, 185, 129, 0.35);
  --pt-warning-light: rgba(245, 158, 11, 0.16);
  --pt-warning-border: rgba(245, 158, 11, 0.35);
  --pt-danger-light: rgba(239, 68, 68, 0.16);
  --pt-danger-border: rgba(239, 68, 68, 0.35);
  --pt-info-light: rgba(59, 130, 246, 0.16);
  --pt-info-border: rgba(59, 130, 246, 0.35);
}

/* ─── Global Body & Radix Transition Kuralları ─── */
body {
  background-color: var(--pt-bg) !important;
  color: var(--pt-text-primary) !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.radix-themes {
  background-color: var(--pt-bg) !important;
  color: var(--pt-text-primary) !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* ─── Radix Table Dark/Light Mod Uyarlaması ─── */
.rt-TableRoot {
  background: transparent !important;
}

.rt-TableRow:hover {
  background: var(--pt-table-hover) !important;
}

.rt-TableHeader {
  background: var(--pt-table-header-bg) !important;
  border-bottom: 1px solid var(--pt-border) !important;
}

.rt-TableColumnHeaderCell {
  color: var(--pt-text-secondary) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-bottom: 1px solid var(--pt-border) !important;
  padding: 10px 16px !important;
}

.rt-TableCell {
  border-bottom: 1px solid var(--pt-border-light) !important;
  padding: 12px 16px !important;
  font-size: 13px !important;
  color: var(--pt-text-primary) !important;
}

/* ─── Modallar, Dialoglar & Dropdownlar ─── */
.rt-DialogOverlay,
.rt-BaseDialogOverlay,
.rt-AlertDialogOverlay,
[data-radix-dialog-overlay],
div[class*="DialogOverlay"],
div[class*="AlertDialogOverlay"] {
  background-color: rgba(15, 23, 42, 0.45) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  opacity: 1 !important;
}

.rt-DialogContent, [role="dialog"] {
  background-color: var(--pt-modal-bg) !important;
  color: var(--pt-text-primary) !important;
  border: 1px solid var(--pt-border) !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.08) !important;
  border-radius: 12px !important;
}

.rt-DropdownMenuContent, [role="menu"] {
  background-color: var(--pt-dropdown-bg) !important;
  color: var(--pt-text-primary) !important;
  border: 1px solid var(--pt-border) !important;
  box-shadow: var(--pt-shadow-md) !important;
}

/* ─── KobiDash Thin Scrollbar ─── */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--pt-scrollbar-track);
}
::-webkit-scrollbar-thumb {
  background: var(--pt-scrollbar-thumb);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #2563EB;
}

/* ─── Recharts Tooltip & Legend Dark Mod Uyarlaması ─── */
.recharts-default-tooltip {
  background-color: var(--pt-surface) !important;
  color: var(--pt-text-primary) !important;
  border: 1px solid var(--pt-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5) !important;
  padding: 8px 12px !important;
}

.recharts-tooltip-item {
  color: var(--pt-text-primary) !important;
}

.recharts-legend-item-text {
  color: var(--pt-text-secondary) !important;
  font-size: 12px !important;
}

/* ─── Radix Select, SegmentedControl & Inputs Dark Mode ─── */
.rt-SelectTrigger {
  background-color: var(--pt-input-bg) !important;
  color: var(--pt-text-primary) !important;
  border: 1px solid var(--pt-border) !important;
}

.rt-SelectContent {
  background-color: var(--pt-dropdown-bg) !important;
  color: var(--pt-text-primary) !important;
  border: 1px solid var(--pt-border) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4) !important;
}

.rt-SelectItem {
  color: var(--pt-text-primary) !important;
}

.rt-SelectItem:hover,
.rt-SelectItem[data-highlighted] {
  background-color: var(--pt-surface-hover) !important;
  color: #FFFFFF !important;
}

.rt-SegmentedControlRoot {
  background-color: var(--pt-surface-muted) !important;
  border: 1px solid var(--pt-border) !important;
}

.rt-SegmentedControlItem[data-state="active"] {
  background-color: var(--pt-surface) !important;
  color: var(--pt-text-primary) !important;
}

/* ─── AG Grid Dark/Light Mod Desteği ─── */
.dark .ag-theme-quartz,
.dark .ag-theme-quartz-dark,
[data-theme="dark"] .ag-theme-quartz,
[data-theme="dark"] .ag-theme-quartz-dark {
  --ag-background-color: var(--pt-surface) !important;
  --ag-header-background-color: var(--pt-table-header-bg) !important;
  --ag-odd-row-background-color: var(--pt-surface) !important;
  --ag-border-color: var(--pt-border) !important;
  --ag-row-border-color: var(--pt-border-light) !important;
  --ag-foreground-color: var(--pt-text-primary) !important;
  --ag-secondary-foreground-color: var(--pt-text-secondary) !important;
  --ag-header-foreground-color: var(--pt-text-secondary) !important;
  --ag-selected-row-background-color: rgba(37, 99, 235, 0.18) !important;
  --ag-row-hover-color: var(--pt-surface-hover) !important;
  --ag-control-panel-background-color: var(--pt-surface-muted) !important;
}