/* ===========================================================
   Fİ CRM · FİDATA teması
   fidata.tr ile aynı marka dili: Plus Jakarta Sans, gece laciverti zemin, FİDATA kırmızısı.
   app.css'ten SONRA yüklenir; yalnızca değişken ve görünüm katmanını değiştirir.
   =========================================================== */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/PlusJakartaSans.woff2") format("woff2")}

:root{
  --f-display:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;
  --f-body:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;
  --f-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --fd-red:#E11D2E; --fd-red-2:#FF4D5E; --fd-night:#060A14; --fd-night-2:#0B1224; --fd-night-3:#111A30;
}

/* ---------- FİDATA rengi (varsayılan) ---------- */
:root[data-accent="fidata"]{
  --bg:#F5F6FA; --surface:#FFFFFF; --surface-2:#F1F3F8; --surface-3:#E7EAF2;
  --line:#E3E7EF; --line-strong:#CCD3E0;
  --text:#0A1020; --text-2:#4A5672; --text-3:#7D889F;
  --accent:#E11D2E; --accent-ink:#B3121F; --accent-soft:#FDECEE; --accent-line:#F7C3C8;
  --brass:#E11D2E; --brass-2:#FF7A86;
  --pri-bg:#E11D2E; --pri-bg-h:#C01624; --pri-fg:#FFFFFF;
  --shadow:0 1px 2px rgba(10,16,32,.05), 0 12px 32px -16px rgba(10,16,32,.22);
  --r:12px; --r-sm:9px; --r-lg:18px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"])[data-accent="fidata"]{
  --bg:#060A14; --surface:#0D1426; --surface-2:#111A30; --surface-3:#18223B;
  --line:#1D2843; --line-strong:#2A3657;
  --text:#EEF2FA; --text-2:#A9B4CC; --text-3:#7A86A1;
  --accent:#FF4D5E; --accent-ink:#FF8A94; --accent-soft:rgba(225,29,46,.14); --accent-line:rgba(225,29,46,.38);
  --brass:#FF4D5E; --brass-2:#FF8A94;
  --pri-bg:#E11D2E; --pri-bg-h:#FF3446; --pri-fg:#FFFFFF;
}}
:root[data-theme="dark"][data-accent="fidata"]{
  --bg:#060A14; --surface:#0D1426; --surface-2:#111A30; --surface-3:#18223B;
  --line:#1D2843; --line-strong:#2A3657;
  --text:#EEF2FA; --text-2:#A9B4CC; --text-3:#7A86A1;
  --accent:#FF4D5E; --accent-ink:#FF8A94; --accent-soft:rgba(225,29,46,.14); --accent-line:rgba(225,29,46,.38);
  --brass:#FF4D5E; --brass-2:#FF8A94;
  --pri-bg:#E11D2E; --pri-bg-h:#FF3446; --pri-fg:#FFFFFF;
}

body{font-family:var(--f-body);letter-spacing:-.005em;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.h1,.h2,.h3{letter-spacing:-.02em}

/* ---------- Marka işareti: tüm "Fİ" kutuları FİCRM simgesine dönüşür ---------- */
.brand .logo,.brandmark .gl{font-size:0!important;color:transparent!important;background:url("../img/ficrm-mark.png") center/cover no-repeat!important;border:0!important;box-shadow:0 8px 18px -8px rgba(225,29,46,.55)}
.brand .logo-img,.brandmark .gl-img{background:transparent!important;border:0!important}

/* ---------- Kenar menü: FİDATA yönetim paneli gibi gece laciverti ---------- */
:root[data-accent="fidata"] .side{
  --surface:#0B1224; --surface-2:rgba(255,255,255,.05); --surface-3:rgba(255,255,255,.08);
  --text:#EEF2FA; --text-2:#B4BED3; --text-3:#6F7B95;
  --line:rgba(255,255,255,.08); --line-strong:rgba(255,255,255,.14);
  --accent-soft:rgba(225,29,46,.18); --accent-ink:#FF9AA3; --accent-line:rgba(225,29,46,.42);
  background:radial-gradient(120% 60% at 0% 0%,rgba(225,29,46,.16),transparent 55%),linear-gradient(180deg,#0B1224 0%,#060A14 100%);
  border-right:0;box-shadow:none;color:var(--text)
}
:root[data-accent="fidata"] .side .nav-group{background:transparent;backdrop-filter:none}
:root[data-accent="fidata"] .side .nav a.on{background:linear-gradient(90deg,rgba(225,29,46,.22),rgba(225,29,46,.06));border-color:rgba(225,29,46,.35);color:#fff}
:root[data-accent="fidata"] .side .nav a.on:before{background:var(--fd-red)}
:root[data-accent="fidata"] .side .nav a:hover{background:rgba(255,255,255,.06);color:#fff}
:root[data-accent="fidata"] .side .brand b{color:#fff}
:root[data-accent="fidata"] .side .ctx-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
:root[data-accent="fidata"] .side .navfind{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}
:root[data-accent="fidata"] .side .navfind input{color:#fff}
:root[data-accent="fidata"] .side .btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#fff}

/* ---------- Üst çubuk ---------- */
:root[data-accent="fidata"] .topbar{background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:saturate(1.4) blur(10px)}

/* ---------- Düğmeler ---------- */
:root[data-accent="fidata"] .btn.pri{background:linear-gradient(180deg,#EE2B3C,#D01626);border-color:#C81424;box-shadow:0 10px 22px -12px rgba(225,29,46,.8),inset 0 1px 0 rgba(255,255,255,.18)}
:root[data-accent="fidata"] .btn.pri:hover{background:linear-gradient(180deg,#FF3446,#E11D2E);border-color:#E11D2E}

/* ---------- Giriş ekranı: FİDATA gece sahnesi ---------- */
:root[data-accent="fidata"] .lg-art{background:radial-gradient(90% 70% at 100% 0%,rgba(225,29,46,.42),transparent 60%),radial-gradient(70% 60% at 0% 100%,rgba(225,29,46,.18),transparent 60%),linear-gradient(160deg,#0B1224 0%,#060A14 100%);color:#fff}
:root[data-accent="fidata"] .lg-art:before{background:radial-gradient(closest-side,rgba(255,77,94,.28),transparent)}
:root[data-accent="fidata"] .lg-art .pts i{color:var(--fd-red-2)}
:root[data-accent="fidata"] .lg-art .lg-badges span{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#dfe5f1}
:root[data-accent="fidata"] .lg-art:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:radial-gradient(70% 70% at 70% 30%,#000,transparent);mask-image:radial-gradient(70% 70% at 70% 30%,#000,transparent)}
:root[data-accent="fidata"] .lg-art>*{position:relative;z-index:1}

/* ---------- Kartlar ve tablolar: biraz daha yumuşak, FİDATA kart dili ---------- */
:root[data-accent="fidata"] .card{border-radius:var(--r-lg)}

/* ---------- FİDATA ekosistem bandı (ayarlar / alt bilgi) ---------- */
.fd-eco{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);font-size:13px;color:var(--text-2)}
.fd-eco img{height:22px;width:auto}
.fd-eco b{color:var(--text)}
.fd-src{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);border:1px solid var(--accent-line)}
.fd-eco a{color:var(--text-2);text-decoration:none;font-weight:600}.fd-eco a:hover{color:var(--accent)}