/* ==========================================================================
   ValleyOfTheCoders - Master Unified Themes Engine (assets/themes.css)
   Desteklenen Tema Sayısı: 20 Renk Paleti (Aydınlık & Karanlık Mod)
   ========================================================================== */

/* --- Global Pürüzsüz Renk & Tema Geçişi --- */
html, body, .portal-navbar, .portal-card, .project-card, .tech-pill, .btn, .card, .form-control, .table, .dropdown-menu, .modal-content {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease !important;
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Okyanus Mavisi (Ocean Blue) - [blue] */
/* -------------------------------------------------------------------------- */
:root[data-theme="blue"], html[data-palette="blue"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="blue"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #2563eb, #60a5fa);
  --bg-body: linear-gradient(135deg, #eef6ff 0%, #dfeeff 100%);
  --primary: #2563eb;
  --primary-hover: #1d4ed8;
  --primary-light: #eff6ff;
  --primary-border: #bfdbfe;
  --heading-color: #1e40af;
  --border-hover: #93c5fd;
  --info-bar-bg: linear-gradient(135deg, #dbeafe 0%, #e0e7ff 100%);
  --info-bar-border: #93c5fd;
  --info-bar-text: #1e40af;
  --info-value-text: #1e3a8a;
  --spinner-head: #2563eb;
  --spinner-track: rgba(37, 99, 235, 0.15);
}

html.dark-mode[data-theme="blue"], body.dark-mode[data-theme="blue"], html.dark-mode[data-palette="blue"], html[data-theme="dark"][data-palette="blue"], html[data-theme="dark"][data-theme="blue"] {
  --primary-gradient: linear-gradient(135deg, #2563eb, #60a5fa);
  --bg-body: linear-gradient(135deg, #0b0f19 0%, #111827 100%);
  --primary: #3b82f6;
  --primary-hover: #2563eb;
  --primary-light: #1e293b;
  --primary-border: #3b82f6;
  --heading-color: #60a5fa;
  --border-hover: #3b82f6;
  --info-bar-bg: linear-gradient(135deg, #1e293b 0%, #1e3a5f 100%);
  --info-bar-border: #2563eb;
  --info-bar-text: #93c5fd;
  --info-value-text: #60a5fa;
  --spinner-head: #60a5fa;
  --spinner-track: rgba(96, 165, 250, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Siber Turkuaz (Cyber Cyan) - [cyan] */
/* -------------------------------------------------------------------------- */
:root[data-theme="cyan"], html[data-palette="cyan"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="cyan"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #0891b2, #22d3ee);
  --bg-body: linear-gradient(135deg, #ecfeff 0%, #cffafe 100%);
  --primary: #0891b2;
  --primary-hover: #0e7490;
  --primary-light: #ecfeff;
  --primary-border: #a5f3fc;
  --heading-color: #155e75;
  --border-hover: #67e8f9;
  --info-bar-bg: linear-gradient(135deg, #cffafe 0%, #e0f2fe 100%);
  --info-bar-border: #67e8f9;
  --info-bar-text: #0e7490;
  --info-value-text: #155e75;
  --spinner-head: #0891b2;
  --spinner-track: rgba(8, 145, 178, 0.15);
}

html.dark-mode[data-theme="cyan"], body.dark-mode[data-theme="cyan"], html.dark-mode[data-palette="cyan"], html[data-theme="dark"][data-palette="cyan"], html[data-theme="dark"][data-theme="cyan"] {
  --primary-gradient: linear-gradient(135deg, #0891b2, #22d3ee);
  --bg-body: linear-gradient(135deg, #041b24 0%, #082f49 100%);
  --primary: #06b6d4;
  --primary-hover: #0891b2;
  --primary-light: #164e63;
  --primary-border: #06b6d4;
  --heading-color: #22d3ee;
  --border-hover: #22d3ee;
  --info-bar-bg: linear-gradient(135deg, #0c2633 0%, #155e75 100%);
  --info-bar-border: #0891b2;
  --info-bar-text: #a5f3fc;
  --info-value-text: #67e8f9;
  --spinner-head: #22d3ee;
  --spinner-track: rgba(34, 211, 238, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Zümrüt Yeşili (Emerald Forest) - [emerald] */
/* -------------------------------------------------------------------------- */
:root[data-theme="emerald"], html[data-palette="emerald"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="emerald"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #059669, #34d399);
  --bg-body: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  --primary: #059669;
  --primary-hover: #047857;
  --primary-light: #f0fdf4;
  --primary-border: #a7f3d0;
  --heading-color: #065f46;
  --border-hover: #6ee7b7;
  --info-bar-bg: linear-gradient(135deg, #dcfce7 0%, #ecfdf5 100%);
  --info-bar-border: #6ee7b7;
  --info-bar-text: #047857;
  --info-value-text: #064e3b;
  --spinner-head: #059669;
  --spinner-track: rgba(5, 150, 105, 0.15);
}

html.dark-mode[data-theme="emerald"], body.dark-mode[data-theme="emerald"], html.dark-mode[data-palette="emerald"], html[data-theme="dark"][data-palette="emerald"], html[data-theme="dark"][data-theme="emerald"] {
  --primary-gradient: linear-gradient(135deg, #059669, #34d399);
  --bg-body: linear-gradient(135deg, #021a10 0%, #062e1e 100%);
  --primary: #10b981;
  --primary-hover: #059669;
  --primary-light: #064e3b;
  --primary-border: #10b981;
  --heading-color: #6ee7b7;
  --border-hover: #34d399;
  --info-bar-bg: linear-gradient(135deg, #082b1d 0%, #064e3b 100%);
  --info-bar-border: #059669;
  --info-bar-text: #a7f3d0;
  --info-value-text: #6ee7b7;
  --spinner-head: #34d399;
  --spinner-track: rgba(16, 185, 129, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Galaksi Moru (Cosmic Purple) - [purple] */
/* -------------------------------------------------------------------------- */
:root[data-theme="purple"], html[data-palette="purple"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="purple"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #7c3aed, #c084fc);
  --bg-body: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  --primary: #7c3aed;
  --primary-hover: #6d28d9;
  --primary-light: #faf5ff;
  --primary-border: #e9d5ff;
  --heading-color: #581c87;
  --border-hover: #d8b4fe;
  --info-bar-bg: linear-gradient(135deg, #f3e8ff 0%, #fae8ff 100%);
  --info-bar-border: #d8b4fe;
  --info-bar-text: #6d28d9;
  --info-value-text: #581c87;
  --spinner-head: #7c3aed;
  --spinner-track: rgba(124, 58, 237, 0.15);
}

html.dark-mode[data-theme="purple"], body.dark-mode[data-theme="purple"], html.dark-mode[data-palette="purple"], html[data-theme="dark"][data-palette="purple"], html[data-theme="dark"][data-theme="purple"] {
  --primary-gradient: linear-gradient(135deg, #7c3aed, #c084fc);
  --bg-body: linear-gradient(135deg, #140526 0%, #240b3b 100%);
  --primary: #a855f7;
  --primary-hover: #9333ea;
  --primary-light: #3b0764;
  --primary-border: #a855f7;
  --heading-color: #d8b4fe;
  --border-hover: #c084fc;
  --info-bar-bg: linear-gradient(135deg, #240b3b 0%, #3b0764 100%);
  --info-bar-border: #9333ea;
  --info-bar-text: #e9d5ff;
  --info-value-text: #d8b4fe;
  --spinner-head: #c084fc;
  --spinner-track: rgba(168, 85, 247, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Yakut Gül (Ruby Rose) - [rose] */
/* -------------------------------------------------------------------------- */
:root[data-theme="rose"], html[data-palette="rose"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="rose"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #e11d48, #fb7185);
  --bg-body: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);
  --primary: #e11d48;
  --primary-hover: #be123c;
  --primary-light: #fff1f2;
  --primary-border: #fecdd3;
  --heading-color: #881337;
  --border-hover: #fda4af;
  --info-bar-bg: linear-gradient(135deg, #ffe4e6 0%, #ffedd5 100%);
  --info-bar-border: #fda4af;
  --info-bar-text: #9f1239;
  --info-value-text: #881337;
  --spinner-head: #e11d48;
  --spinner-track: rgba(225, 29, 72, 0.15);
}

html.dark-mode[data-theme="rose"], body.dark-mode[data-theme="rose"], html.dark-mode[data-palette="rose"], html[data-theme="dark"][data-palette="rose"], html[data-theme="dark"][data-theme="rose"] {
  --primary-gradient: linear-gradient(135deg, #e11d48, #fb7185);
  --bg-body: linear-gradient(135deg, #1f040a 0%, #330815 100%);
  --primary: #f43f5e;
  --primary-hover: #e11d48;
  --primary-light: #4c0519;
  --primary-border: #f43f5e;
  --heading-color: #fda4af;
  --border-hover: #fb7185;
  --info-bar-bg: linear-gradient(135deg, #2b0712 0%, #4c0519 100%);
  --info-bar-border: #e11d48;
  --info-bar-text: #fecdd3;
  --info-value-text: #fda4af;
  --spinner-head: #fb7185;
  --spinner-track: rgba(244, 63, 94, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Gün Batımı (Sunset Orange) - [orange] */
/* -------------------------------------------------------------------------- */
:root[data-theme="orange"], html[data-palette="orange"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="orange"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #ea580c, #fb923c);
  --bg-body: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
  --primary: #ea580c;
  --primary-hover: #c2410c;
  --primary-light: #fff7ed;
  --primary-border: #fed7aa;
  --heading-color: #9a3412;
  --border-hover: #fdba74;
  --info-bar-bg: linear-gradient(135deg, #ffedd5 0%, #fef3c7 100%);
  --info-bar-border: #fdba74;
  --info-bar-text: #9a3412;
  --info-value-text: #7c2d12;
  --spinner-head: #ea580c;
  --spinner-track: rgba(234, 88, 12, 0.15);
}

html.dark-mode[data-theme="orange"], body.dark-mode[data-theme="orange"], html.dark-mode[data-palette="orange"], html[data-theme="dark"][data-palette="orange"], html[data-theme="dark"][data-theme="orange"] {
  --primary-gradient: linear-gradient(135deg, #ea580c, #fb923c);
  --bg-body: linear-gradient(135deg, #1c0d02 0%, #2e1005 100%);
  --primary: #f97316;
  --primary-hover: #ea580c;
  --primary-light: #431407;
  --primary-border: #f97316;
  --heading-color: #fdba74;
  --border-hover: #fb923c;
  --info-bar-bg: linear-gradient(135deg, #2b1105 0%, #431407 100%);
  --info-bar-border: #ea580c;
  --info-bar-text: #fed7aa;
  --info-value-text: #fdba74;
  --spinner-head: #fb923c;
  --spinner-track: rgba(249, 115, 22, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Altın Kehribar (Golden Amber) - [amber] */
/* -------------------------------------------------------------------------- */
:root[data-theme="amber"], html[data-palette="amber"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="amber"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #d97706, #fbbf24);
  --bg-body: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  --primary: #d97706;
  --primary-hover: #b45309;
  --primary-light: #fffbeb;
  --primary-border: #fde68a;
  --heading-color: #78350f;
  --border-hover: #fcd34d;
  --info-bar-bg: linear-gradient(135deg, #fef3c7 0%, #fff7ed 100%);
  --info-bar-border: #fcd34d;
  --info-bar-text: #92400e;
  --info-value-text: #78350f;
  --spinner-head: #d97706;
  --spinner-track: rgba(217, 119, 6, 0.15);
}

html.dark-mode[data-theme="amber"], body.dark-mode[data-theme="amber"], html.dark-mode[data-palette="amber"], html[data-theme="dark"][data-palette="amber"], html[data-theme="dark"][data-theme="amber"] {
  --primary-gradient: linear-gradient(135deg, #d97706, #fbbf24);
  --bg-body: linear-gradient(135deg, #1c1102 0%, #2d1b03 100%);
  --primary: #f59e0b;
  --primary-hover: #d97706;
  --primary-light: #451a03;
  --primary-border: #f59e0b;
  --heading-color: #fde68a;
  --border-hover: #fbbf24;
  --info-bar-bg: linear-gradient(135deg, #2d1a04 0%, #451a03 100%);
  --info-bar-border: #d97706;
  --info-bar-text: #fef3c7;
  --info-value-text: #fde68a;
  --spinner-head: #fbbf24;
  --spinner-track: rgba(245, 158, 11, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Grafit Füme (Minimal Slate) - [slate] */
/* -------------------------------------------------------------------------- */
:root[data-theme="slate"], html[data-palette="slate"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="slate"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #475569, #94a3b8);
  --bg-body: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  --primary: #334155;
  --primary-hover: #1e293b;
  --primary-light: #f8fafc;
  --primary-border: #cbd5e1;
  --heading-color: #0f172a;
  --border-hover: #94a3b8;
  --info-bar-bg: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  --info-bar-border: #cbd5e1;
  --info-bar-text: #1e293b;
  --info-value-text: #0f172a;
  --spinner-head: #334155;
  --spinner-track: rgba(51, 65, 85, 0.15);
}

html.dark-mode[data-theme="slate"], body.dark-mode[data-theme="slate"], html.dark-mode[data-palette="slate"], html[data-theme="dark"][data-palette="slate"], html[data-theme="dark"][data-theme="slate"] {
  --primary-gradient: linear-gradient(135deg, #475569, #94a3b8);
  --bg-body: linear-gradient(135deg, #090d14 0%, #0f172a 100%);
  --primary: #94a3b8;
  --primary-hover: #64748b;
  --primary-light: #1e293b;
  --primary-border: #64748b;
  --heading-color: #f1f5f9;
  --border-hover: #cbd5e1;
  --info-bar-bg: linear-gradient(135deg, #141d2f 0%, #1e293b 100%);
  --info-bar-border: #475569;
  --info-bar-text: #f8fafc;
  --info-value-text: #e2e8f0;
  --spinner-head: #cbd5e1;
  --spinner-track: rgba(148, 163, 184, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Gece Yarısı (Deep Midnight) - [midnight] */
/* -------------------------------------------------------------------------- */
:root[data-theme="midnight"], html[data-palette="midnight"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="midnight"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #4f46e5, #818cf8);
  --bg-body: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
  --primary: #4f46e5;
  --primary-hover: #4338ca;
  --primary-light: #eef2ff;
  --primary-border: #c7d2fe;
  --heading-color: #312e81;
  --border-hover: #a5b4fc;
  --info-bar-bg: linear-gradient(135deg, #e0e7ff 0%, #ede9fe 100%);
  --info-bar-border: #a5b4fc;
  --info-bar-text: #4338ca;
  --info-value-text: #312e81;
  --spinner-head: #4f46e5;
  --spinner-track: rgba(79, 70, 229, 0.15);
}

html.dark-mode[data-theme="midnight"], body.dark-mode[data-theme="midnight"], html.dark-mode[data-palette="midnight"], html[data-theme="dark"][data-palette="midnight"], html[data-theme="dark"][data-theme="midnight"] {
  --primary-gradient: linear-gradient(135deg, #4f46e5, #818cf8);
  --bg-body: linear-gradient(135deg, #070b18 0%, #0e1428 100%);
  --primary: #6366f1;
  --primary-hover: #4f46e5;
  --primary-light: #1e1b4b;
  --primary-border: #6366f1;
  --heading-color: #a5b4fc;
  --border-hover: #818cf8;
  --info-bar-bg: linear-gradient(135deg, #131b36 0%, #1e1b4b 100%);
  --info-bar-border: #4f46e5;
  --info-bar-text: #c7d2fe;
  --info-value-text: #a5b4fc;
  --spinner-head: #818cf8;
  --spinner-track: rgba(99, 102, 241, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Drakula Neo (Cyber Dracula) - [dracula] */
/* -------------------------------------------------------------------------- */
:root[data-theme="dracula"], html[data-palette="dracula"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="dracula"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #9333ea, #ec4899);
  --bg-body: linear-gradient(135deg, #faf5ff 0%, #fdf2f8 100%);
  --primary: #9333ea;
  --primary-hover: #7e22ce;
  --primary-light: #fdf4ff;
  --primary-border: #f0abfc;
  --heading-color: #701a75;
  --border-hover: #f472b6;
  --info-bar-bg: linear-gradient(135deg, #fae8ff 0%, #fce7f3 100%);
  --info-bar-border: #f0abfc;
  --info-bar-text: #86198f;
  --info-value-text: #701a75;
  --spinner-head: #9333ea;
  --spinner-track: rgba(147, 51, 234, 0.15);
}

html.dark-mode[data-theme="dracula"], body.dark-mode[data-theme="dracula"], html.dark-mode[data-palette="dracula"], html[data-theme="dark"][data-palette="dracula"], html[data-theme="dark"][data-theme="dracula"] {
  --primary-gradient: linear-gradient(135deg, #9333ea, #ec4899);
  --bg-body: linear-gradient(135deg, #110d1f 0%, #1c1530 100%);
  --primary: #bd93f9;
  --primary-hover: #ff79c6;
  --primary-light: #2b1b42;
  --primary-border: #bd93f9;
  --heading-color: #ff79c6;
  --border-hover: #ff79c6;
  --info-bar-bg: linear-gradient(135deg, #22173b 0%, #3b1842 100%);
  --info-bar-border: #bd93f9;
  --info-bar-text: #f5d0fe;
  --info-value-text: #ff79c6;
  --spinner-head: #bd93f9;
  --spinner-track: rgba(189, 147, 249, 0.25);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Karamel Moka (Warm Mocha) - [mocha] */
/* -------------------------------------------------------------------------- */
:root[data-theme="mocha"], html[data-palette="mocha"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="mocha"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #854d0e, #d97706);
  --bg-body: linear-gradient(135deg, #fdf8f4 0%, #f5ece1 100%);
  --primary: #854d0e;
  --primary-hover: #713f12;
  --primary-light: #fefce8;
  --primary-border: #e7d5c0;
  --heading-color: #5a3311;
  --border-hover: #c49b71;
  --info-bar-bg: linear-gradient(135deg, #f4e8dc 0%, #edd8c4 100%);
  --info-bar-border: #d8bca2;
  --info-bar-text: #713f12;
  --info-value-text: #5a3311;
  --spinner-head: #854d0e;
  --spinner-track: rgba(133, 77, 14, 0.15);
}

html.dark-mode[data-theme="mocha"], body.dark-mode[data-theme="mocha"], html.dark-mode[data-palette="mocha"], html[data-theme="dark"][data-palette="mocha"], html[data-theme="dark"][data-theme="mocha"] {
  --primary-gradient: linear-gradient(135deg, #854d0e, #d97706);
  --bg-body: linear-gradient(135deg, #16110a 0%, #261c10 100%);
  --primary: #d97706;
  --primary-hover: #b45309;
  --primary-light: #3a2815;
  --primary-border: #d97706;
  --heading-color: #fcd34d;
  --border-hover: #f59e0b;
  --info-bar-bg: linear-gradient(135deg, #2b1f13 0%, #3a2815 100%);
  --info-bar-border: #b45309;
  --info-bar-text: #fde68a;
  --info-value-text: #fcd34d;
  --spinner-head: #f59e0b;
  --spinner-track: rgba(217, 119, 6, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Siber Matriks (Cyber Matrix) - [matrix] */
/* -------------------------------------------------------------------------- */
:root[data-theme="matrix"], html[data-palette="matrix"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="matrix"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #16a34a, #22c55e);
  --bg-body: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  --primary: #16a34a;
  --primary-hover: #15803d;
  --primary-light: #f0fdf4;
  --primary-border: #86efac;
  --heading-color: #14532d;
  --border-hover: #4ade80;
  --info-bar-bg: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
  --info-bar-border: #4ade80;
  --info-bar-text: #15803d;
  --info-value-text: #14532d;
  --spinner-head: #16a34a;
  --spinner-track: rgba(22, 163, 74, 0.15);
}

html.dark-mode[data-theme="matrix"], body.dark-mode[data-theme="matrix"], html.dark-mode[data-palette="matrix"], html[data-theme="dark"][data-palette="matrix"], html[data-theme="dark"][data-theme="matrix"] {
  --primary-gradient: linear-gradient(135deg, #16a34a, #22c55e);
  --bg-body: linear-gradient(135deg, #041009 0%, #091e10 100%);
  --primary: #22c55e;
  --primary-hover: #16a34a;
  --primary-light: #0d3319;
  --primary-border: #22c55e;
  --heading-color: #4ade80;
  --border-hover: #86efac;
  --info-bar-bg: linear-gradient(135deg, #0a2414 0%, #0d3319 100%);
  --info-bar-border: #16a34a;
  --info-bar-text: #bbf7d0;
  --info-value-text: #86efac;
  --spinner-head: #4ade80;
  --spinner-track: rgba(34, 197, 94, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Mercan Şafak (Coral Dawn) - [coral] */
/* -------------------------------------------------------------------------- */
:root[data-theme="coral"], html[data-palette="coral"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="coral"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #f43f5e, #fb923c);
  --bg-body: linear-gradient(135deg, #fff1f2 0%, #fff7ed 100%);
  --primary: #f43f5e;
  --primary-hover: #e11d48;
  --primary-light: #fff1f2;
  --primary-border: #fecdd3;
  --heading-color: #9f1239;
  --border-hover: #fb923c;
  --info-bar-bg: linear-gradient(135deg, #ffe4e6 0%, #ffedd5 100%);
  --info-bar-border: #fecdd3;
  --info-bar-text: #9f1239;
  --info-value-text: #881337;
  --spinner-head: #f43f5e;
  --spinner-track: rgba(244, 63, 94, 0.15);
}

html.dark-mode[data-theme="coral"], body.dark-mode[data-theme="coral"], html.dark-mode[data-palette="coral"], html[data-theme="dark"][data-palette="coral"], html[data-theme="dark"][data-theme="coral"] {
  --primary-gradient: linear-gradient(135deg, #f43f5e, #fb923c);
  --bg-body: linear-gradient(135deg, #1a0a0e 0%, #291016 100%);
  --primary: #fb7185;
  --primary-hover: #f43f5e;
  --primary-light: #43141e;
  --primary-border: #fb7185;
  --heading-color: #fda4af;
  --border-hover: #fb923c;
  --info-bar-bg: linear-gradient(135deg, #2e1119 0%, #43141e 100%);
  --info-bar-border: #f43f5e;
  --info-bar-text: #fecdd3;
  --info-value-text: #fda4af;
  --spinner-head: #fb7185;
  --spinner-track: rgba(251, 113, 133, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Kutup Işığı (Nordic Aurora) - [nordic] */
/* -------------------------------------------------------------------------- */
:root[data-theme="nordic"], html[data-palette="nordic"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="nordic"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #0284c7, #14b8a6);
  --bg-body: linear-gradient(135deg, #f0f9ff 0%, #f0fdfa 100%);
  --primary: #0284c7;
  --primary-hover: #0369a1;
  --primary-light: #f0f9ff;
  --primary-border: #bae6fd;
  --heading-color: #075985;
  --border-hover: #5eead4;
  --info-bar-bg: linear-gradient(135deg, #e0f2fe 0%, #ccfbf1 100%);
  --info-bar-border: #7dd3fc;
  --info-bar-text: #0369a1;
  --info-value-text: #075985;
  --spinner-head: #0284c7;
  --spinner-track: rgba(2, 132, 199, 0.15);
}

html.dark-mode[data-theme="nordic"], body.dark-mode[data-theme="nordic"], html.dark-mode[data-palette="nordic"], html[data-theme="dark"][data-palette="nordic"], html[data-theme="dark"][data-theme="nordic"] {
  --primary-gradient: linear-gradient(135deg, #0284c7, #14b8a6);
  --bg-body: linear-gradient(135deg, #06121e 0%, #0b1e30 100%);
  --primary: #38bdf8;
  --primary-hover: #0284c7;
  --primary-light: #0c334e;
  --primary-border: #38bdf8;
  --heading-color: #7dd3fc;
  --border-hover: #2dd4bf;
  --info-bar-bg: linear-gradient(135deg, #0d273f 0%, #0c334e 100%);
  --info-bar-border: #0284c7;
  --info-bar-text: #bae6fd;
  --info-value-text: #7dd3fc;
  --spinner-head: #38bdf8;
  --spinner-track: rgba(56, 189, 248, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Kızıl Yakut (Crimson Flame) - [crimson] */
/* -------------------------------------------------------------------------- */
:root[data-theme="crimson"], html[data-palette="crimson"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="crimson"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #b91c1c, #f87171);
  --bg-body: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);
  --primary: #dc2626;
  --primary-hover: #b91c1c;
  --primary-light: #fef2f2;
  --primary-border: #fecaca;
  --heading-color: #991b1b;
  --border-hover: #f87171;
  --info-bar-bg: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  --info-bar-border: #fca5a5;
  --info-bar-text: #991b1b;
  --info-value-text: #7f1d1d;
  --spinner-head: #dc2626;
  --spinner-track: rgba(220, 38, 38, 0.15);
}

html.dark-mode[data-theme="crimson"], body.dark-mode[data-theme="crimson"], html.dark-mode[data-palette="crimson"], html[data-theme="dark"][data-palette="crimson"], html[data-theme="dark"][data-theme="crimson"] {
  --primary-gradient: linear-gradient(135deg, #b91c1c, #f87171);
  --bg-body: linear-gradient(135deg, #180507 0%, #29080c 100%);
  --primary: #ef4444;
  --primary-hover: #dc2626;
  --primary-light: #450a0a;
  --primary-border: #ef4444;
  --heading-color: #fca5a5;
  --border-hover: #f87171;
  --info-bar-bg: linear-gradient(135deg, #300b10 0%, #450a0a 100%);
  --info-bar-border: #dc2626;
  --info-bar-text: #fecaca;
  --info-value-text: #fca5a5;
  --spinner-head: #f87171;
  --spinner-track: rgba(239, 68, 68, 0.25);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Tropik Lagün (Tropical Teal) - [teal] */
/* -------------------------------------------------------------------------- */
:root[data-theme="teal"], html[data-palette="teal"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="teal"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #0f766e, #2dd4bf);
  --bg-body: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 100%);
  --primary: #0d9488;
  --primary-hover: #0f766e;
  --primary-light: #f0fdfa;
  --primary-border: #99f6e4;
  --heading-color: #115e59;
  --border-hover: #5eead4;
  --info-bar-bg: linear-gradient(135deg, #ccfbf1 0%, #e6fffa 100%);
  --info-bar-border: #5eead4;
  --info-bar-text: #0f766e;
  --info-value-text: #115e59;
  --spinner-head: #0d9488;
  --spinner-track: rgba(13, 148, 136, 0.15);
}

html.dark-mode[data-theme="teal"], body.dark-mode[data-theme="teal"], html.dark-mode[data-palette="teal"], html[data-theme="dark"][data-palette="teal"], html[data-theme="dark"][data-theme="teal"] {
  --primary-gradient: linear-gradient(135deg, #0f766e, #2dd4bf);
  --bg-body: linear-gradient(135deg, #031715 0%, #062b27 100%);
  --primary: #14b8a6;
  --primary-hover: #0d9488;
  --primary-light: #134e4a;
  --primary-border: #14b8a6;
  --heading-color: #5eead4;
  --border-hover: #2dd4bf;
  --info-bar-bg: linear-gradient(135deg, #082824 0%, #134e4a 100%);
  --info-bar-border: #0d9488;
  --info-bar-text: #99f6e4;
  --info-value-text: #5eead4;
  --spinner-head: #2dd4bf;
  --spinner-track: rgba(20, 184, 166, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Kadife Lavanta (Velvet Lavender) - [lavender] */
/* -------------------------------------------------------------------------- */
:root[data-theme="lavender"], html[data-palette="lavender"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="lavender"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #7c3aed, #c4b5fd);
  --bg-body: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
  --primary: #8b5cf6;
  --primary-hover: #7c3aed;
  --primary-light: #f5f3ff;
  --primary-border: #ddd6fe;
  --heading-color: #5b21b6;
  --border-hover: #c4b5fd;
  --info-bar-bg: linear-gradient(135deg, #ede9fe 0%, #fae8ff 100%);
  --info-bar-border: #c4b5fd;
  --info-bar-text: #6d28d9;
  --info-value-text: #5b21b6;
  --spinner-head: #8b5cf6;
  --spinner-track: rgba(139, 92, 246, 0.15);
}

html.dark-mode[data-theme="lavender"], body.dark-mode[data-theme="lavender"], html.dark-mode[data-palette="lavender"], html[data-theme="dark"][data-palette="lavender"], html[data-theme="dark"][data-theme="lavender"] {
  --primary-gradient: linear-gradient(135deg, #7c3aed, #c4b5fd);
  --bg-body: linear-gradient(135deg, #0f0722 0%, #1a0f38 100%);
  --primary: #a78bfa;
  --primary-hover: #8b5cf6;
  --primary-light: #2e1065;
  --primary-border: #a78bfa;
  --heading-color: #c4b5fd;
  --border-hover: #ddd6fe;
  --info-bar-bg: linear-gradient(135deg, #1c113b 0%, #2e1065 100%);
  --info-bar-border: #7c3aed;
  --info-bar-text: #ddd6fe;
  --info-value-text: #c4b5fd;
  --spinner-head: #a78bfa;
  --spinner-track: rgba(167, 139, 250, 0.25);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Derin Orman (Deep Forest) - [forest] */
/* -------------------------------------------------------------------------- */
:root[data-theme="forest"], html[data-palette="forest"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="forest"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #166534, #4ade80);
  --bg-body: linear-gradient(135deg, #f2fbf4 0%, #dcfce7 100%);
  --primary: #15803d;
  --primary-hover: #166534;
  --primary-light: #f0fdf4;
  --primary-border: #bbf7d0;
  --heading-color: #14532d;
  --border-hover: #86efac;
  --info-bar-bg: linear-gradient(135deg, #dcfce7 0%, #e2fbe8 100%);
  --info-bar-border: #86efac;
  --info-bar-text: #166534;
  --info-value-text: #14532d;
  --spinner-head: #15803d;
  --spinner-track: rgba(21, 128, 61, 0.15);
}

html.dark-mode[data-theme="forest"], body.dark-mode[data-theme="forest"], html.dark-mode[data-palette="forest"], html[data-theme="dark"][data-palette="forest"], html[data-theme="dark"][data-theme="forest"] {
  --primary-gradient: linear-gradient(135deg, #166534, #4ade80);
  --bg-body: linear-gradient(135deg, #031407 0%, #082410 100%);
  --primary: #22c55e;
  --primary-hover: #15803d;
  --primary-light: #052e16;
  --primary-border: #22c55e;
  --heading-color: #86efac;
  --border-hover: #4ade80;
  --info-bar-bg: linear-gradient(135deg, #0a2914 0%, #052e16 100%);
  --info-bar-border: #15803d;
  --info-bar-text: #bbf7d0;
  --info-value-text: #86efac;
  --spinner-head: #4ade80;
  --spinner-track: rgba(34, 197, 94, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Altın Günbatımı (Golden Sunset) - [sunset] */
/* -------------------------------------------------------------------------- */
:root[data-theme="sunset"], html[data-palette="sunset"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="sunset"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #ea580c, #facc15);
  --bg-body: linear-gradient(135deg, #fffbeb 0%, #fff7ed 100%);
  --primary: #d97706;
  --primary-hover: #b45309;
  --primary-light: #fffbeb;
  --primary-border: #fde68a;
  --heading-color: #78350f;
  --border-hover: #fbbf24;
  --info-bar-bg: linear-gradient(135deg, #fef3c7 0%, #ffedd5 100%);
  --info-bar-border: #fcd34d;
  --info-bar-text: #92400e;
  --info-value-text: #78350f;
  --spinner-head: #d97706;
  --spinner-track: rgba(217, 119, 6, 0.15);
}

html.dark-mode[data-theme="sunset"], body.dark-mode[data-theme="sunset"], html.dark-mode[data-palette="sunset"], html[data-theme="dark"][data-palette="sunset"], html[data-theme="dark"][data-theme="sunset"] {
  --primary-gradient: linear-gradient(135deg, #ea580c, #facc15);
  --bg-body: linear-gradient(135deg, #1b0e03 0%, #2b1706 100%);
  --primary: #f59e0b;
  --primary-hover: #d97706;
  --primary-light: #451a03;
  --primary-border: #f59e0b;
  --heading-color: #fde68a;
  --border-hover: #fbbf24;
  --info-bar-bg: linear-gradient(135deg, #2e1808 0%, #451a03 100%);
  --info-bar-border: #d97706;
  --info-bar-text: #fde68a;
  --info-value-text: #fbbf24;
  --spinner-head: #fbbf24;
  --spinner-track: rgba(245, 158, 11, 0.2);
}

/* -------------------------------------------------------------------------- */
/* 🎨 Tema: Kozmik İndigo (Electric Indigo) - [indigo] */
/* -------------------------------------------------------------------------- */
:root[data-theme="indigo"], html[data-palette="indigo"]:not(.dark-mode):not([data-theme="dark"]), html[data-theme="indigo"]:not(.dark-mode) {
  --primary-gradient: linear-gradient(135deg, #3730a3, #6366f1);
  --bg-body: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
  --primary: #4338ca;
  --primary-hover: #3730a3;
  --primary-light: #eef2ff;
  --primary-border: #c7d2fe;
  --heading-color: #312e81;
  --border-hover: #818cf8;
  --info-bar-bg: linear-gradient(135deg, #e0e7ff 0%, #ede9fe 100%);
  --info-bar-border: #a5b4fc;
  --info-bar-text: #3730a3;
  --info-value-text: #312e81;
  --spinner-head: #4338ca;
  --spinner-track: rgba(67, 56, 202, 0.15);
}

html.dark-mode[data-theme="indigo"], body.dark-mode[data-theme="indigo"], html.dark-mode[data-palette="indigo"], html[data-theme="dark"][data-palette="indigo"], html[data-theme="dark"][data-theme="indigo"] {
  --primary-gradient: linear-gradient(135deg, #3730a3, #6366f1);
  --bg-body: linear-gradient(135deg, #080918 0%, #10132e 100%);
  --primary: #6366f1;
  --primary-hover: #4f46e5;
  --primary-light: #1e1b4b;
  --primary-border: #6366f1;
  --heading-color: #a5b4fc;
  --border-hover: #818cf8;
  --info-bar-bg: linear-gradient(135deg, #121638 0%, #1e1b4b 100%);
  --info-bar-border: #4338ca;
  --info-bar-text: #c7d2fe;
  --info-value-text: #a5b4fc;
  --spinner-head: #818cf8;
  --spinner-track: rgba(99, 102, 241, 0.25);
}


/* --- Portal UI Bileşenleri İçin Tema Entegrasyonu --- */
.theme-swatch {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  border: 2px solid #ffffff;
  flex-shrink: 0;
}

.dark-mode .theme-swatch {
  border-color: #1e293b;
}

.theme-palette-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 8px;
  max-height: 280px;
  overflow-y: auto;
  padding-right: 4px;
}

.theme-palette-card {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--bg-surface-secondary, #f8fafc);
  border: 1.5px solid var(--border-color, #e2e8f0);
  border-radius: 10px;
  cursor: pointer;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--text-main, #0f172a);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  text-align: left;
}

.theme-palette-card:hover {
  border-color: var(--primary, #2563eb);
  transform: translateY(-1px);
}

.theme-palette-card.active {
  border-color: var(--primary, #2563eb);
  background: var(--primary-light, rgba(37, 99, 235, 0.12));
  color: var(--primary, #2563eb);
  box-shadow: 0 0 0 2px var(--primary-light, rgba(37, 99, 235, 0.2));
}

/* ==========================================================================
   🖤 Saf OLED / True Pitch Black Modu (Ultra Deep Black)
   ========================================================================== */
html[data-mode="oled"], 
html[data-theme="oled"], 
html.dark-mode[data-mode="oled"], 
html.dark-mode[data-theme="oled"], 
html.oled-mode, 
body[data-mode="oled"], 
body[data-theme="oled"],
body.oled-mode {
  --bg-body: #000000 !important;
  --bg-surface: #030303 !important;
  --bg-surface-secondary: #080808 !important;
  --border-color: #1a1a1a !important;
  --border-hover: #2e2e2e !important;
  --card-bg: #030303 !important;
  --card-border: #1a1a1a !important;
  --text-main: #f8fafc !important;
  --text-muted: #94a3b8 !important;
  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.8) !important;
  --card-shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.95) !important;
}

html[data-mode="oled"] body,
html.oled-mode body {
  background-color: #000000 !important;
}

html[data-mode="oled"] .portal-navbar,
html[data-mode="oled"] .navbar,
html[data-mode="oled"] .portal-card,
html[data-mode="oled"] .project-card,
html[data-mode="oled"] .card,
html[data-mode="oled"] .modal-content,
html[data-mode="oled"] .modal-box,
html[data-mode="oled"] .settings-modal-box,
html[data-mode="oled"] .res-modal-box,
html[data-mode="oled"] .record-card,
html[data-mode="oled"] .card-panel-box,
html[data-mode="oled"] .filter-box,
html[data-mode="oled"] .filter-card,
html[data-mode="oled"] .stat-card,
html[data-mode="oled"] .quick-stats-grid,
html[data-mode="oled"] .world-clock-card,
html[data-mode="oled"] .world-clocks-bar,
html[data-mode="oled"] .search-intel-card,
html[data-mode="oled"] .search-intel-bar,
html[data-mode="oled"] .dashDestinationIntelSection,
html[data-mode="oled"] .dashHeroBanner,
html[data-mode="oled"] .filterChipsBar,
html[data-mode="oled"] .filterChipBtn,
html[data-mode="oled"] .right-sidebar-box,
html[data-mode="oled"] .dashCard,
html[data-mode="oled"] .dashKpiCard,
html[data-mode="oled"] .dashQuickAddCard,
html[data-mode="oled"] .dashStatCard,
html[data-mode="oled"] .dashActionSecondary,
html[data-mode="oled"] .globe-sidebar,
html[data-mode="oled"] .globe-sidebar-header,
html[data-mode="oled"] .globe-country-tabs,
html[data-mode="oled"] .globe-hotel-item,
html[data-mode="oled"] .globe-top-bar,
html[data-mode="oled"] .globe-ctrl-group,
html[data-mode="oled"] .globe-hotel-flight-card,
html[data-mode="oled"] .globe-bottom-hud,
html[data-mode="oled"] .form-box,
html[data-mode="oled"] .list-box,
html[data-mode="oled"] .table-container,
html[data-mode="oled"] .country-card,
html[data-mode="oled"] .country-rank-card,
html.oled-mode .record-card,
html.oled-mode .card-panel-box,
html.oled-mode .filter-box,
html.oled-mode .world-clock-card,
html.oled-mode .stat-card,
html.oled-mode .navbar,
html.oled-mode .dashHeroBanner,
html.oled-mode .search-intel-bar,
html.oled-mode .search-intel-card,
html.oled-mode .dashCard,
html.oled-mode .dashKpiCard,
html.oled-mode .globe-sidebar,
html.oled-mode .globe-hotel-item,
html.oled-mode .globe-top-bar,
html.oled-mode .globe-hotel-flight-card,
html.oled-mode .settings-modal-box {
  background: #030303 !important;
  border-color: #1a1a1a !important;
  color: #f8fafc !important;
}

html[data-mode="oled"] .record-card:hover,
html[data-mode="oled"] .dashCard:hover,
html[data-mode="oled"] .dashKpiCard:hover,
html[data-mode="oled"] .globe-hotel-item:hover,
html.oled-mode .record-card:hover,
html.oled-mode .dashCard:hover,
html.oled-mode .dashKpiCard:hover {
  background: #080808 !important;
  border-color: #2e2e2e !important;
}

html[data-mode="oled"] .form-control,
html[data-mode="oled"] .form-select,
html[data-mode="oled"] .filter-input,
html[data-mode="oled"] .search-input,
html[data-mode="oled"] .globe-search-input,
html[data-mode="oled"] .settings-input-text,
html[data-mode="oled"] input[type="text"],
html[data-mode="oled"] input[type="password"],
html[data-mode="oled"] input[type="search"],
html[data-mode="oled"] select,
html[data-mode="oled"] textarea {
  background-color: #050505 !important;
  border-color: #1f1f1f !important;
  color: #f8fafc !important;
}

/* ==========================================================================
   🔤 Tipografi & Yazı Tipi Ailesi (Font Family Switcher)
   ========================================================================== */
html[data-font-family="jakarta"], html[data-font-family="jakarta"] body, html[data-font-family="jakarta"] *,
html[data-font-family="jakarta"] .portal-brand-title, html[data-font-family="jakarta"] .portal-nav-link,
html[data-font-family="jakarta"] .portal-hero-title, html[data-font-family="jakarta"] h1, html[data-font-family="jakarta"] h2, html[data-font-family="jakarta"] h3 {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
}

html[data-font-family="outfit"], html[data-font-family="outfit"] body, html[data-font-family="outfit"] *,
html[data-font-family="outfit"] .portal-brand-title, html[data-font-family="outfit"] .portal-nav-link,
html[data-font-family="outfit"] .portal-hero-title, html[data-font-family="outfit"] h1, html[data-font-family="outfit"] h2, html[data-font-family="outfit"] h3 {
  font-family: 'Outfit', system-ui, -apple-system, sans-serif !important;
}

html[data-font-family="jetbrains"], html[data-font-family="jetbrains"] body, html[data-font-family="jetbrains"] *,
html[data-font-family="mono"], html[data-font-family="mono"] body, html[data-font-family="mono"] *,
html[data-font-family="code"], html[data-font-family="code"] body, html[data-font-family="code"] *,
html[data-font-family="jetbrains"] .portal-brand-title, html[data-font-family="jetbrains"] .portal-nav-link,
html[data-font-family="jetbrains"] .portal-hero-title, html[data-font-family="jetbrains"] h1, html[data-font-family="jetbrains"] h2, html[data-font-family="jetbrains"] h3,
html[data-font-family="mono"] .portal-brand-title, html[data-font-family="mono"] .portal-nav-link,
html[data-font-family="mono"] .portal-hero-title, html[data-font-family="mono"] h1, html[data-font-family="mono"] h2, html[data-font-family="mono"] h3 {
  font-family: 'JetBrains Mono', 'Fira Code', Consolas, monospace !important;
  letter-spacing: -0.2px;
}

html[data-font-family="roboto"], html[data-font-family="roboto"] body, html[data-font-family="roboto"] *,
html[data-font-family="roboto"] .portal-brand-title, html[data-font-family="roboto"] .portal-nav-link,
html[data-font-family="roboto"] .portal-hero-title, html[data-font-family="roboto"] h1, html[data-font-family="roboto"] h2, html[data-font-family="roboto"] h3 {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

html[data-font-family="system"], html[data-font-family="system"] body, html[data-font-family="system"] *,
html[data-font-family="system"] .portal-brand-title, html[data-font-family="system"] .portal-nav-link,
html[data-font-family="system"] .portal-hero-title, html[data-font-family="system"] h1, html[data-font-family="system"] h2, html[data-font-family="system"] h3 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* --- Yazı Boyutu Ölçeklendirme (Font Scale) --- */
html[data-font="small"] .portal-nav-link { font-size: 12.5px !important; }
html[data-font="small"] .portal-brand-title { font-size: 15.5px !important; }
html[data-font="small"] .portal-brand-subtitle { font-size: 10px !important; }

html[data-font="normal"] .portal-nav-link { font-size: 14px !important; }
html[data-font="normal"] .portal-brand-title { font-size: 17px !important; }
html[data-font="normal"] .portal-brand-subtitle { font-size: 11px !important; }

html[data-font="large"] .portal-nav-link { font-size: 15.5px !important; }
html[data-font="large"] .portal-brand-title { font-size: 18.5px !important; }
html[data-font="large"] .portal-brand-subtitle { font-size: 12px !important; }

/* ==========================================================================
   ✨ Buzlu Cam (Glassmorphism) & Saydamlık Yoğunluğu
   ========================================================================== */
/* ⏹️ OPAK (DÜZ) MOD */
html[data-glass="none"] .portal-navbar,
html[data-glass="none"] .navbar,
html[data-glass="none"] .project-card,
html[data-glass="none"] .portal-card,
html[data-glass="none"] .portal-modal-box,
html[data-glass="none"] .stat-pill,
html[data-glass="none"] .hero-status-badge,
html[data-glass="none"] .card,
html[data-glass="none"] .record-card,
html[data-glass="none"] .card-panel-box,
html[data-glass="none"] .filter-box,
html[data-glass="none"] .filter-card,
html[data-glass="none"] .stat-card,
html[data-glass="none"] .world-clock-card,
html[data-glass="none"] .search-intel-card,
html[data-glass="none"] .search-intel-bar,
html[data-glass="none"] .dashHeroBanner,
html[data-glass="none"] .filterChipsBar,
html[data-glass="none"] .dashCard,
html[data-glass="none"] .dashKpiCard,
html[data-glass="none"] .dashQuickAddCard,
html[data-glass="none"] .dashStatCard,
html[data-glass="none"] .globe-sidebar,
html[data-glass="none"] .globe-sidebar-header,
html[data-glass="none"] .globe-country-tabs,
html[data-glass="none"] .globe-hotel-item,
html[data-glass="none"] .globe-top-bar,
html[data-glass="none"] .globe-ctrl-group,
html[data-glass="none"] .globe-hotel-flight-card,
html[data-glass="none"] .globe-bottom-hud,
html[data-glass="none"] .modal-box,
html[data-glass="none"] .settings-modal-box,
html[data-glass="none"] .res-modal-box,
html[data-glass="none"] .form-box,
html[data-glass="none"] .list-box,
html[data-glass="none"] .auth-card,
html[data-glass="none"] .erp-login-card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: var(--bg-surface) !important;
}

/* 🪟 DENGELİ CAM (BALANCED GLASS) - AYDINLIK MOD */
html[data-glass="balanced"] .portal-navbar,
html[data-glass="balanced"] .navbar,
html[data-glass="balanced"] .project-card,
html[data-glass="balanced"] .portal-card,
html[data-glass="balanced"] .portal-modal-box,
html[data-glass="balanced"] .stat-pill,
html[data-glass="balanced"] .hero-status-badge,
html[data-glass="balanced"] .card,
html[data-glass="balanced"] .record-card,
html[data-glass="balanced"] .card-panel-box,
html[data-glass="balanced"] .filter-box,
html[data-glass="balanced"] .filter-card,
html[data-glass="balanced"] .stat-card,
html[data-glass="balanced"] .world-clock-card,
html[data-glass="balanced"] .search-intel-card,
html[data-glass="balanced"] .search-intel-bar,
html[data-glass="balanced"] .dashHeroBanner,
html[data-glass="balanced"] .filterChipsBar,
html[data-glass="balanced"] .dashCard,
html[data-glass="balanced"] .dashKpiCard,
html[data-glass="balanced"] .dashQuickAddCard,
html[data-glass="balanced"] .dashStatCard,
html[data-glass="balanced"] .globe-sidebar,
html[data-glass="balanced"] .globe-sidebar-header,
html[data-glass="balanced"] .globe-country-tabs,
html[data-glass="balanced"] .globe-hotel-item,
html[data-glass="balanced"] .globe-top-bar,
html[data-glass="balanced"] .globe-ctrl-group,
html[data-glass="balanced"] .globe-hotel-flight-card,
html[data-glass="balanced"] .globe-bottom-hud,
html[data-glass="balanced"] .modal-box,
html[data-glass="balanced"] .settings-modal-box,
html[data-glass="balanced"] .res-modal-box,
html[data-glass="balanced"] .form-box,
html[data-glass="balanced"] .list-box,
html[data-glass="balanced"] .auth-card,
html[data-glass="balanced"] .erp-login-card {
  background: rgba(255, 255, 255, 0.78) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05) !important;
}

/* 🪟 DENGELİ CAM (BALANCED GLASS) - KARANLIK MOD */
html.dark-mode[data-glass="balanced"] .portal-navbar,
html.dark-mode[data-glass="balanced"] .navbar,
html.dark-mode[data-glass="balanced"] .project-card,
html.dark-mode[data-glass="balanced"] .portal-card,
html.dark-mode[data-glass="balanced"] .portal-modal-box,
html.dark-mode[data-glass="balanced"] .stat-pill,
html.dark-mode[data-glass="balanced"] .hero-status-badge,
html.dark-mode[data-glass="balanced"] .card,
html.dark-mode[data-glass="balanced"] .record-card,
html.dark-mode[data-glass="balanced"] .card-panel-box,
html.dark-mode[data-glass="balanced"] .filter-box,
html.dark-mode[data-glass="balanced"] .filter-card,
html.dark-mode[data-glass="balanced"] .stat-card,
html.dark-mode[data-glass="balanced"] .world-clock-card,
html.dark-mode[data-glass="balanced"] .search-intel-card,
html.dark-mode[data-glass="balanced"] .search-intel-bar,
html.dark-mode[data-glass="balanced"] .dashHeroBanner,
html.dark-mode[data-glass="balanced"] .filterChipsBar,
html.dark-mode[data-glass="balanced"] .dashCard,
html.dark-mode[data-glass="balanced"] .dashKpiCard,
html.dark-mode[data-glass="balanced"] .dashQuickAddCard,
html.dark-mode[data-glass="balanced"] .dashStatCard,
html.dark-mode[data-glass="balanced"] .globe-sidebar,
html.dark-mode[data-glass="balanced"] .globe-sidebar-header,
html.dark-mode[data-glass="balanced"] .globe-country-tabs,
html.dark-mode[data-glass="balanced"] .globe-hotel-item,
html.dark-mode[data-glass="balanced"] .globe-top-bar,
html.dark-mode[data-glass="balanced"] .globe-ctrl-group,
html.dark-mode[data-glass="balanced"] .globe-hotel-flight-card,
html.dark-mode[data-glass="balanced"] .globe-bottom-hud,
html.dark-mode[data-glass="balanced"] .modal-box,
html.dark-mode[data-glass="balanced"] .settings-modal-box,
html.dark-mode[data-glass="balanced"] .res-modal-box,
html.dark-mode[data-glass="balanced"] .form-box,
html.dark-mode[data-glass="balanced"] .list-box,
html.dark-mode[data-glass="balanced"] .auth-card,
html.dark-mode[data-glass="balanced"] .erp-login-card {
  background: rgba(19, 27, 46, 0.78) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

/* 🪟 DENGELİ CAM (BALANCED GLASS) - OLED MOD */
html[data-mode="oled"][data-glass="balanced"] .portal-navbar,
html[data-mode="oled"][data-glass="balanced"] .navbar,
html[data-mode="oled"][data-glass="balanced"] .project-card,
html[data-mode="oled"][data-glass="balanced"] .portal-card,
html[data-mode="oled"][data-glass="balanced"] .portal-modal-box,
html[data-mode="oled"][data-glass="balanced"] .stat-pill,
html[data-mode="oled"][data-glass="balanced"] .hero-status-badge,
html[data-mode="oled"][data-glass="balanced"] .card,
html[data-mode="oled"][data-glass="balanced"] .record-card,
html[data-mode="oled"][data-glass="balanced"] .card-panel-box,
html[data-mode="oled"][data-glass="balanced"] .filter-box,
html[data-mode="oled"][data-glass="balanced"] .filter-card,
html[data-mode="oled"][data-glass="balanced"] .stat-card,
html[data-mode="oled"][data-glass="balanced"] .world-clock-card,
html[data-mode="oled"][data-glass="balanced"] .search-intel-card,
html[data-mode="oled"][data-glass="balanced"] .search-intel-bar,
html[data-mode="oled"][data-glass="balanced"] .dashHeroBanner,
html[data-mode="oled"][data-glass="balanced"] .filterChipsBar,
html[data-mode="oled"][data-glass="balanced"] .dashCard,
html[data-mode="oled"][data-glass="balanced"] .dashKpiCard,
html[data-mode="oled"][data-glass="balanced"] .dashQuickAddCard,
html[data-mode="oled"][data-glass="balanced"] .dashStatCard,
html[data-mode="oled"][data-glass="balanced"] .globe-sidebar,
html[data-mode="oled"][data-glass="balanced"] .globe-sidebar-header,
html[data-mode="oled"][data-glass="balanced"] .globe-country-tabs,
html[data-mode="oled"][data-glass="balanced"] .globe-hotel-item,
html[data-mode="oled"][data-glass="balanced"] .globe-top-bar,
html[data-mode="oled"][data-glass="balanced"] .globe-ctrl-group,
html[data-mode="oled"][data-glass="balanced"] .globe-hotel-flight-card,
html[data-mode="oled"][data-glass="balanced"] .globe-bottom-hud,
html[data-mode="oled"][data-glass="balanced"] .modal-box,
html[data-mode="oled"][data-glass="balanced"] .settings-modal-box,
html[data-mode="oled"][data-glass="balanced"] .res-modal-box,
html[data-mode="oled"][data-glass="balanced"] .form-box,
html[data-mode="oled"][data-glass="balanced"] .list-box,
html[data-mode="oled"][data-glass="balanced"] .auth-card,
html[data-mode="oled"][data-glass="balanced"] .erp-login-card {
  background: rgba(8, 8, 8, 0.82) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6) !important;
}

/* 💎 ULTRA GLASS - AYDINLIK MOD */
html[data-glass="ultra"] .portal-navbar,
html[data-glass="ultra"] .navbar,
html[data-glass="ultra"] .project-card,
html[data-glass="ultra"] .portal-card,
html[data-glass="ultra"] .portal-modal-box,
html[data-glass="ultra"] .stat-pill,
html[data-glass="ultra"] .hero-status-badge,
html[data-glass="ultra"] .card,
html[data-glass="ultra"] .record-card,
html[data-glass="ultra"] .card-panel-box,
html[data-glass="ultra"] .filter-box,
html[data-glass="ultra"] .filter-card,
html[data-glass="ultra"] .stat-card,
html[data-glass="ultra"] .world-clock-card,
html[data-glass="ultra"] .search-intel-card,
html[data-glass="ultra"] .search-intel-bar,
html[data-glass="ultra"] .dashHeroBanner,
html[data-glass="ultra"] .filterChipsBar,
html[data-glass="ultra"] .dashCard,
html[data-glass="ultra"] .dashKpiCard,
html[data-glass="ultra"] .dashQuickAddCard,
html[data-glass="ultra"] .dashStatCard,
html[data-glass="ultra"] .globe-sidebar,
html[data-glass="ultra"] .globe-sidebar-header,
html[data-glass="ultra"] .globe-country-tabs,
html[data-glass="ultra"] .globe-hotel-item,
html[data-glass="ultra"] .globe-top-bar,
html[data-glass="ultra"] .globe-ctrl-group,
html[data-glass="ultra"] .globe-hotel-flight-card,
html[data-glass="ultra"] .globe-bottom-hud,
html[data-glass="ultra"] .modal-box,
html[data-glass="ultra"] .settings-modal-box,
html[data-glass="ultra"] .res-modal-box,
html[data-glass="ultra"] .form-box,
html[data-glass="ultra"] .list-box,
html[data-glass="ultra"] .auth-card,
html[data-glass="ultra"] .erp-login-card {
  background: rgba(255, 255, 255, 0.48) !important;
  backdrop-filter: blur(28px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
  border-color: rgba(255, 255, 255, 0.65) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(255, 255, 255, 0.4) !important;
}

/* 💎 ULTRA GLASS - KARANLIK MOD */
html.dark-mode[data-glass="ultra"] .portal-navbar,
html.dark-mode[data-glass="ultra"] .navbar,
html.dark-mode[data-glass="ultra"] .project-card,
html.dark-mode[data-glass="ultra"] .portal-card,
html.dark-mode[data-glass="ultra"] .portal-modal-box,
html.dark-mode[data-glass="ultra"] .stat-pill,
html.dark-mode[data-glass="ultra"] .hero-status-badge,
html.dark-mode[data-glass="ultra"] .card,
html.dark-mode[data-glass="ultra"] .record-card,
html.dark-mode[data-glass="ultra"] .card-panel-box,
html.dark-mode[data-glass="ultra"] .filter-box,
html.dark-mode[data-glass="ultra"] .filter-card,
html.dark-mode[data-glass="ultra"] .stat-card,
html.dark-mode[data-glass="ultra"] .world-clock-card,
html.dark-mode[data-glass="ultra"] .search-intel-card,
html.dark-mode[data-glass="ultra"] .search-intel-bar,
html.dark-mode[data-glass="ultra"] .dashHeroBanner,
html.dark-mode[data-glass="ultra"] .filterChipsBar,
html.dark-mode[data-glass="ultra"] .dashCard,
html.dark-mode[data-glass="ultra"] .dashKpiCard,
html.dark-mode[data-glass="ultra"] .dashQuickAddCard,
html.dark-mode[data-glass="ultra"] .dashStatCard,
html.dark-mode[data-glass="ultra"] .globe-sidebar,
html.dark-mode[data-glass="ultra"] .globe-sidebar-header,
html.dark-mode[data-glass="ultra"] .globe-country-tabs,
html.dark-mode[data-glass="ultra"] .globe-hotel-item,
html.dark-mode[data-glass="ultra"] .globe-top-bar,
html.dark-mode[data-glass="ultra"] .globe-ctrl-group,
html.dark-mode[data-glass="ultra"] .globe-hotel-flight-card,
html.dark-mode[data-glass="ultra"] .globe-bottom-hud,
html.dark-mode[data-glass="ultra"] .modal-box,
html.dark-mode[data-glass="ultra"] .settings-modal-box,
html.dark-mode[data-glass="ultra"] .res-modal-box,
html.dark-mode[data-glass="ultra"] .form-box,
html.dark-mode[data-glass="ultra"] .list-box,
html.dark-mode[data-glass="ultra"] .auth-card,
html.dark-mode[data-glass="ultra"] .erp-login-card {
  background: rgba(15, 23, 42, 0.52) !important;
  backdrop-filter: blur(28px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
}

/* 💎 ULTRA GLASS - OLED MOD */
html[data-mode="oled"][data-glass="ultra"] .portal-navbar,
html[data-mode="oled"][data-glass="ultra"] .navbar,
html[data-mode="oled"][data-glass="ultra"] .project-card,
html[data-mode="oled"][data-glass="ultra"] .portal-card,
html[data-mode="oled"][data-glass="ultra"] .portal-modal-box,
html[data-mode="oled"][data-glass="ultra"] .stat-pill,
html[data-mode="oled"][data-glass="ultra"] .hero-status-badge,
html[data-mode="oled"][data-glass="ultra"] .card,
html[data-mode="oled"][data-glass="ultra"] .record-card,
html[data-mode="oled"][data-glass="ultra"] .card-panel-box,
html[data-mode="oled"][data-glass="ultra"] .filter-box,
html[data-mode="oled"][data-glass="ultra"] .filter-card,
html[data-mode="oled"][data-glass="ultra"] .stat-card,
html[data-mode="oled"][data-glass="ultra"] .world-clock-card,
html[data-mode="oled"][data-glass="ultra"] .search-intel-card,
html[data-mode="oled"][data-glass="ultra"] .search-intel-bar,
html[data-mode="oled"][data-glass="ultra"] .dashHeroBanner,
html[data-mode="oled"][data-glass="ultra"] .filterChipsBar,
html[data-mode="oled"][data-glass="ultra"] .dashCard,
html[data-mode="oled"][data-glass="ultra"] .dashKpiCard,
html[data-mode="oled"][data-glass="ultra"] .dashQuickAddCard,
html[data-mode="oled"][data-glass="ultra"] .dashStatCard,
html[data-mode="oled"][data-glass="ultra"] .globe-sidebar,
html[data-mode="oled"][data-glass="ultra"] .globe-sidebar-header,
html[data-mode="oled"][data-glass="ultra"] .globe-country-tabs,
html[data-mode="oled"][data-glass="ultra"] .globe-hotel-item,
html[data-mode="oled"][data-glass="ultra"] .globe-top-bar,
html[data-mode="oled"][data-glass="ultra"] .globe-ctrl-group,
html[data-mode="oled"][data-glass="ultra"] .globe-hotel-flight-card,
html[data-mode="oled"][data-glass="ultra"] .globe-bottom-hud,
html[data-mode="oled"][data-glass="ultra"] .modal-box,
html[data-mode="oled"][data-glass="ultra"] .settings-modal-box,
html[data-mode="oled"][data-glass="ultra"] .res-modal-box,
html[data-mode="oled"][data-glass="ultra"] .form-box,
html[data-mode="oled"][data-glass="ultra"] .list-box,
html[data-mode="oled"][data-glass="ultra"] .auth-card,
html[data-mode="oled"][data-glass="ultra"] .erp-login-card {
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(28px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65), inset 0 1px 1px rgba(255, 255, 255, 0.08) !important;
}

/* ==========================================================================
   📐 Köşe Yuvarlaklığı & Arayüz Geometrisi (Corner Radius)
   ========================================================================== */
html[data-radius="sharp"] .card,
html[data-radius="sharp"] .portal-card,
html[data-radius="sharp"] .project-card,
html[data-radius="sharp"] .modal-content,
html[data-radius="sharp"] .portal-modal-box,
html[data-radius="sharp"] .record-card,
html[data-radius="sharp"] .card-panel-box,
html[data-radius="sharp"] .filter-box,
html[data-radius="sharp"] .filter-card,
html[data-radius="sharp"] .world-clock-card,
html[data-radius="sharp"] .stat-card,
html[data-radius="sharp"] .search-intel-card,
html[data-radius="sharp"] .search-intel-bar,
html[data-radius="sharp"] .dashHeroBanner,
html[data-radius="sharp"] .filterChipsBar,
html[data-radius="sharp"] .modal-box,
html[data-radius="sharp"] .settings-modal-box,
html[data-radius="sharp"] .res-modal-box,
html[data-radius="sharp"] .dashCard,
html[data-radius="sharp"] .dashKpiCard,
html[data-radius="sharp"] .dashQuickAddCard,
html[data-radius="sharp"] .dashStatCard,
html[data-radius="sharp"] .globe-sidebar,
html[data-radius="sharp"] .globe-hotel-item,
html[data-radius="sharp"] .globe-top-bar,
html[data-radius="sharp"] .globe-ctrl-group,
html[data-radius="sharp"] .globe-hotel-flight-card,
html[data-radius="sharp"] .globe-bottom-hud,
html[data-radius="sharp"] .form-box,
html[data-radius="sharp"] .list-box,
html[data-radius="sharp"] .auth-card,
html[data-radius="sharp"] .erp-login-card {
  border-radius: 4px !important;
}

html[data-radius="sharp"] .btn,
html[data-radius="sharp"] .dashActionBtn,
html[data-radius="sharp"] .filterChipBtn,
html[data-radius="sharp"] .globe-action-btn,
html[data-radius="sharp"] .country-tab-btn,
html[data-radius="sharp"] .form-control,
html[data-radius="sharp"] .form-select,
html[data-radius="sharp"] .tech-pill,
html[data-radius="sharp"] .badge,
html[data-radius="sharp"] .theme-palette-card,
html[data-radius="sharp"] .settings-segment-btn,
html[data-radius="sharp"] .theme-mode-btn {
  border-radius: 3px !important;
}

html[data-radius="rounded"] .card,
html[data-radius="rounded"] .portal-card,
html[data-radius="rounded"] .project-card,
html[data-radius="rounded"] .modal-content,
html[data-radius="rounded"] .portal-modal-box,
html[data-radius="rounded"] .record-card,
html[data-radius="rounded"] .card-panel-box,
html[data-radius="rounded"] .filter-box,
html[data-radius="rounded"] .filter-card,
html[data-radius="rounded"] .world-clock-card,
html[data-radius="rounded"] .stat-card,
html[data-radius="rounded"] .search-intel-card,
html[data-radius="rounded"] .search-intel-bar,
html[data-radius="rounded"] .dashHeroBanner,
html[data-radius="rounded"] .filterChipsBar,
html[data-radius="rounded"] .modal-box,
html[data-radius="rounded"] .settings-modal-box,
html[data-radius="rounded"] .res-modal-box,
html[data-radius="rounded"] .dashCard,
html[data-radius="rounded"] .dashKpiCard,
html[data-radius="rounded"] .dashQuickAddCard,
html[data-radius="rounded"] .dashStatCard,
html[data-radius="rounded"] .globe-sidebar,
html[data-radius="rounded"] .globe-hotel-item,
html[data-radius="rounded"] .globe-top-bar,
html[data-radius="rounded"] .globe-ctrl-group,
html[data-radius="rounded"] .globe-hotel-flight-card,
html[data-radius="rounded"] .globe-bottom-hud,
html[data-radius="rounded"] .form-box,
html[data-radius="rounded"] .list-box,
html[data-radius="rounded"] .auth-card,
html[data-radius="rounded"] .erp-login-card {
  border-radius: 14px !important;
}

html[data-radius="rounded"] .btn,
html[data-radius="rounded"] .dashActionBtn,
html[data-radius="rounded"] .filterChipBtn,
html[data-radius="rounded"] .globe-action-btn,
html[data-radius="rounded"] .country-tab-btn,
html[data-radius="rounded"] .form-control,
html[data-radius="rounded"] .form-select,
html[data-radius="rounded"] .theme-palette-card,
html[data-radius="rounded"] .settings-segment-btn,
html[data-radius="rounded"] .theme-mode-btn {
  border-radius: 10px !important;
}

html[data-radius="curved"] .card,
html[data-radius="curved"] .portal-card,
html[data-radius="curved"] .project-card,
html[data-radius="curved"] .modal-content,
html[data-radius="curved"] .portal-modal-box,
html[data-radius="curved"] .record-card,
html[data-radius="curved"] .card-panel-box,
html[data-radius="curved"] .filter-box,
html[data-radius="curved"] .filter-card,
html[data-radius="curved"] .world-clock-card,
html[data-radius="curved"] .stat-card,
html[data-radius="curved"] .search-intel-card,
html[data-radius="curved"] .search-intel-bar,
html[data-radius="curved"] .dashHeroBanner,
html[data-radius="curved"] .filterChipsBar,
html[data-radius="curved"] .modal-box,
html[data-radius="curved"] .settings-modal-box,
html[data-radius="curved"] .res-modal-box,
html[data-radius="curved"] .dashCard,
html[data-radius="curved"] .dashKpiCard,
html[data-radius="curved"] .dashQuickAddCard,
html[data-radius="curved"] .dashStatCard,
html[data-radius="curved"] .globe-sidebar,
html[data-radius="curved"] .globe-hotel-item,
html[data-radius="curved"] .globe-top-bar,
html[data-radius="curved"] .globe-ctrl-group,
html[data-radius="curved"] .globe-hotel-flight-card,
html[data-radius="curved"] .globe-bottom-hud,
html[data-radius="curved"] .form-box,
html[data-radius="curved"] .list-box,
html[data-radius="curved"] .auth-card,
html[data-radius="curved"] .erp-login-card {
  border-radius: 24px !important;
}

html[data-radius="curved"] .btn,
html[data-radius="curved"] .dashActionBtn,
html[data-radius="curved"] .filterChipBtn,
html[data-radius="curved"] .globe-action-btn,
html[data-radius="curved"] .country-tab-btn,
html[data-radius="curved"] .form-control,
html[data-radius="curved"] .form-select,
html[data-radius="curved"] .theme-palette-card,
html[data-radius="curved"] .settings-segment-btn,
html[data-radius="curved"] .theme-mode-btn {
  border-radius: 18px !important;
}

/* ==========================================================================
   🌌 Dinamik Arka Plan Ambiyansı (Ambient Glow / Aura Effect)
   ========================================================================== */
html[data-ambient="on"] body::before {
  content: '';
  position: fixed;
  top: -12vw;
  right: -12vw;
  width: 50vw;
  height: 50vw;
  border-radius: 50%;
  background: radial-gradient(circle, var(--primary-light, rgba(37, 99, 235, 0.22)) 0%, transparent 70%);
  filter: blur(70px);
  pointer-events: none;
  z-index: 0;
  opacity: 0.65;
  animation: ambientAuraPulse 9s ease-in-out infinite alternate;
}

html[data-ambient="on"] body::after {
  content: '';
  position: fixed;
  bottom: -15vw;
  left: -15vw;
  width: 45vw;
  height: 45vw;
  border-radius: 50%;
  background: radial-gradient(circle, var(--primary-light, rgba(37, 99, 235, 0.15)) 0%, transparent 70%);
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
  opacity: 0.5;
  animation: ambientAuraPulse2 12s ease-in-out infinite alternate;
}

@keyframes ambientAuraPulse {
  0% { transform: scale(1) translate(0, 0); opacity: 0.45; }
  100% { transform: scale(1.18) translate(-4vw, 3vw); opacity: 0.75; }
}

@keyframes ambientAuraPulse2 {
  0% { transform: scale(1) translate(0, 0); opacity: 0.35; }
  100% { transform: scale(1.22) translate(3vw, -4vw); opacity: 0.65; }
}

/* ==========================================================================
   ⚡ Hareket & Animasyon Seviyesi (Motion & Animation Controls)
   ========================================================================== */
html[data-motion="reduced"] *,
html[data-motion="reduced"] *::before,
html[data-motion="reduced"] *::after {
  animation: none !important;
  transition-duration: 0.0001ms !important;
  scroll-behavior: auto !important;
}

html[data-motion="minimal"] * {
  animation-duration: 0.15s !important;
  transition-duration: 0.15s !important;
}

/* ==========================================================================
   📊 GA4 Analitik Kartları – Tema Sistemi Entegrasyonu
   ga-kpi-card ve ga-card tüm glass / radius / motion kurallarına dahildir
   ========================================================================== */

/* ── Glass: Opak (None) ─────────────────────────────────────── */
html[data-glass="none"] .ga-kpi-card,
html[data-glass="none"] .ga-card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: var(--bg-surface) !important;
}

/* ── Glass: Dengeli (Light) ─────────────────────────────────── */
html[data-glass="balanced"] .ga-kpi-card,
html[data-glass="balanced"] .ga-card {
  background: rgba(255, 255, 255, 0.78) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05) !important;
}
html.dark-mode[data-glass="balanced"] .ga-kpi-card,
html.dark-mode[data-glass="balanced"] .ga-card {
  background: rgba(15, 23, 42, 0.68) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
}

/* ── Glass: Ultra ───────────────────────────────────────────── */
html[data-glass="ultra"] .ga-kpi-card,
html[data-glass="ultra"] .ga-card {
  background: rgba(255, 255, 255, 0.55) !important;
  backdrop-filter: blur(28px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
  border-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.07), inset 0 1px 1px rgba(255,255,255,0.9) !important;
}
html.dark-mode[data-glass="ultra"] .ga-kpi-card,
html.dark-mode[data-glass="ultra"] .ga-card {
  background: rgba(15, 23, 42, 0.52) !important;
  backdrop-filter: blur(28px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255,255,255,0.1) !important;
}
html[data-mode="oled"][data-glass="ultra"] .ga-kpi-card,
html[data-mode="oled"][data-glass="ultra"] .ga-card {
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(28px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65), inset 0 1px 1px rgba(255,255,255,0.08) !important;
}

/* ── Radius: Sharp ──────────────────────────────────────────── */
html[data-radius="sharp"] .ga-kpi-card,
html[data-radius="sharp"] .ga-card {
  border-radius: 4px !important;
}

/* ── Radius: Rounded ────────────────────────────────────────── */
html[data-radius="rounded"] .ga-kpi-card,
html[data-radius="rounded"] .ga-card {
  border-radius: 14px !important;
}

/* ── Radius: Curved ─────────────────────────────────────────── */
html[data-radius="curved"] .ga-kpi-card,
html[data-radius="curved"] .ga-card {
  border-radius: 24px !important;
}

/* ── Motion: Reduced ────────────────────────────────────────── */
html[data-motion="reduced"] .ga-kpi-card,
html[data-motion="reduced"] .ga-rt-dot {
  animation: none !important;
  transition-duration: 0.0001ms !important;
}
html[data-motion="minimal"] .ga-kpi-card,
html[data-motion="minimal"] .ga-rt-dot {
  animation-duration: 0.15s !important;
  transition-duration: 0.15s !important;
}

/* ── Transition (tema geçişleri için) ───────────────────────── */
.ga-kpi-card, .ga-card {
  transition: background-color 0.3s ease, border-color 0.3s ease,
              color 0.3s ease, box-shadow 0.3s ease !important;
}