@charset "UTF-8";
/* =====================================================================
   Fİ ERP · FİDATA teması
   fidata.tr ile aynı marka dili: Plus Jakarta Sans, gece laciverti,
   FİDATA kırmızısı. fierp.css / site.css'ten SONRA yüklenir; yalnızca
   belirteçleri ve marka yüzeylerini değiştirir, yerleşime dokunmaz.
   Muhasebe renkleri (alacak yeşili / borç kırmızısı) korunur.
   ===================================================================== */
@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{
  --govde:"Plus Jakarta Sans","Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;
  --fd-kirmizi:#E11D2E; --fd-kirmizi-2:#FF4D5E; --fd-gece:#060A14; --fd-gece-2:#0B1224; --fd-gece-3:#111A30;
  /* panel */
  --marka:#D7192A; --marka-koyu:#B3121F; --marka-sis:#FDEDEE; --marka-kenar:#F6C2C7;
  --borc:#B42318;
  --zemin:#F4F5F9;
  /* site */
  --gece:#060A14; --gece-2:#0B1224; --gece-3:#121B33;
  --mavi:#E11D2E; --mavi-acik:#FF6B78;
}
:root[data-tema="koyu"]{
  --zemin:#060A14; --yuzey:#0D1426; --yuzey-2:#101830; --yuzey-3:#152039;
  --cizgi:#1D2843; --cizgi-2:#283552; --cizgi-3:#36456A;
  --marka:#FF4D5E; --marka-koyu:#FF7A86; --marka-sis:rgba(225,29,46,.14); --marka-kenar:rgba(225,29,46,.38);
}
@media (prefers-color-scheme: dark){:root[data-tema="sistem"]{
  --zemin:#060A14; --yuzey:#0D1426; --yuzey-2:#101830; --yuzey-3:#152039;
  --cizgi:#1D2843; --cizgi-2:#283552; --cizgi-3:#36456A;
  --marka:#FF4D5E; --marka-koyu:#FF7A86; --marka-sis:rgba(225,29,46,.14); --marka-kenar:rgba(225,29,46,.38);
}}

body{font-family:var(--govde);letter-spacing:-.003em}
h1,h2,h3,h4{font-weight:700}

/* ---------- Marka işareti: "Fİ" kutuları FİDATA simgesine dönüşür ---------- */
.kenar__logo,.ust__logo,.logo{font-size:0!important;color:transparent!important;background:url("../img/simge.svg") center/cover no-repeat!important;box-shadow:0 8px 18px -8px rgba(225,29,46,.6)!important;border:0!important}
.kenar__logo{width:30px;height:30px;border-radius:8px}

/* ---------- Kenar menü: gece laciverti + kırmızı ışık ---------- */
.kenar{background:radial-gradient(120% 50% at 0% 0%,rgba(225,29,46,.16),transparent 55%),linear-gradient(180deg,#0B1224 0%,#060A14 100%)!important;border-right:0}
.kenar__marka{border-bottom-color:rgba(255,255,255,.07)}
.kenar__oge--aktif{background:linear-gradient(90deg,rgba(225,29,46,.24),rgba(225,29,46,.05));box-shadow:inset 0 0 0 1px rgba(225,29,46,.3)}
.kenar__oge--aktif::before{background:var(--fd-kirmizi)}
.kenar__rozet{background:rgba(225,29,46,.85);color:#fff}

/* ---------- Üst şerit ---------- */
.serit{backdrop-filter:saturate(1.4) blur(10px)}

/* ---------- Düğmeler ---------- */
.dugme--ana{background:linear-gradient(180deg,#EE2B3C,#D01626);border-color:#C81424;box-shadow:0 10px 20px -12px rgba(225,29,46,.85),inset 0 1px 0 rgba(255,255,255,.18)}
.dugme--ana:hover{background:linear-gradient(180deg,#FF3446,#E11D2E);border-color:#E11D2E}
.dug--ana{background:linear-gradient(180deg,#EE2B3C,#D01626)!important;border-color:#C81424!important;box-shadow:0 12px 26px -12px rgba(225,29,46,.85)}
.dug--ana:hover{background:linear-gradient(180deg,#FF3446,#E11D2E)!important}

/* ---------- Giriş ekranları: FİDATA gece sahnesi ---------- */
.kimlik__yan{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%)}
.kimlik__yan::after{inset:0;height:auto;opacity:.4;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)}

/* ---------- Tanıtım sitesi ---------- */
.ust{background:rgba(6,10,20,.8)}
.hero::before{background:radial-gradient(ellipse at 62% 38%,rgba(225,29,46,.26),transparent 62%)}
.hero__etiket{background:rgba(225,29,46,.14);border-color:rgba(225,29,46,.34)}

/* ---------- FİDATA ekosistem şeridi ---------- */
.fd-serit{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:26px;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.03);font-size:13.5px;color:var(--gri,#98a2bd)}
.fd-serit img{width:22px;height:22px;border-radius:6px}
.fd-serit b{color:#fff}
.fd-serit a{color:var(--gri,#98a2bd);font-weight:600}
.fd-serit a:hover{color:#fff}
.fd-serit .bosluk{flex:1}