/* MakroBackup — ortak tasarım sistemi (tanıtım sitesi, panel, dosya yöneticisi) */
@font-face{font-family:"Plex";src:url("../fonts/plex-400.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plex";src:url("../fonts/plex-600.woff") format("woff");font-weight:600 700;font-style:normal;font-display:swap}

:root{
  --mavi:#0890d0;        /* logodaki BACKUP mavisi */
  --mavi-koyu:#006890;   /* logodaki koyu mavi */
  --mavi-acik:#e3f2fa;
  --grafit:#3f4246;      /* logodaki MAKRO grisi */
  --murekkep:#17222c;
  --metin:#2c3a46;
  --soluk:#5d6b77;
  --zemin:#f3f6f8;
  --kart:#ffffff;
  --cizgi:#d9e1e7;
  --yesil:#1f8f5f; --yesil-acik:#e2f4ea;
  --amber:#b7791f; --amber-acik:#fdf3dc;
  --kirmizi:#c0392b; --kirmizi-acik:#fbe6e3;
  --golge:0 1px 2px rgba(23,34,44,.06),0 4px 16px rgba(23,34,44,.06);
  --r-k:6px; --r-b:12px;
  --genislik:1160px;
  --yazi:"Plex",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  /* tema ile değiştirilebilen yüzeyler (site yönetimi > Tema) */
  --baslik-yazi:var(--yazi);
  --govde-boyut:17px; --satir:1.6; --baslik-kalinlik:600;
  --ust-zemin:rgba(255,255,255,.96);
  --kahraman-zemin:var(--murekkep); --kahraman-baslik:#fff; --kahraman-metin:#c4d2dc;
  --sayfa-ust-zemin:#fff;
  --cta-zemin:var(--mavi-koyu);
  --alt-zemin:var(--murekkep); --alt-metin:#9fb2c0; --alt-baslik:#fff; --alt-baglanti:#d4e1ea;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;font:400 var(--govde-boyut)/var(--satir) var(--yazi);color:var(--metin);background:var(--zemin);text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
a{color:var(--mavi-koyu);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--mavi)}
:focus-visible{outline:3px solid var(--mavi);outline-offset:2px;border-radius:3px}
h1,h2,h3,h4{color:var(--murekkep);line-height:1.2;font-weight:var(--baslik-kalinlik);font-family:var(--baslik-yazi);margin:0 0 .5em}
h1{font-size:clamp(1.9rem,1.3rem + 2.4vw,2.9rem);letter-spacing:-.015em}
h2{font-size:clamp(1.45rem,1.15rem + 1.1vw,1.9rem);letter-spacing:-.01em}
h3{font-size:1.2rem}
h4{font-size:1.02rem}
p,ul,ol,table,figure{margin:0 0 1.1em}
small,.kucuk{font-size:.86rem}
.soluk{color:var(--soluk)}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 14px;z-index:99}
.atla:focus{left:8px}
.kap{max-width:var(--genislik);margin:0 auto;padding:0 20px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---------- Düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;font:600 .95rem/1 var(--yazi);padding:.8em 1.25em;border-radius:var(--r-k);border:1.5px solid var(--mavi-koyu);background:var(--mavi-koyu);color:#fff;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.btn:hover{background:var(--mavi);border-color:var(--mavi);color:#fff}
.btn.ikincil{background:transparent;color:var(--mavi-koyu)}
.btn.ikincil:hover{background:var(--mavi-acik);color:var(--mavi-koyu)}
.btn.sade{border-color:transparent;background:transparent;color:var(--mavi-koyu);padding-left:.6em;padding-right:.6em}
.btn.sade:hover{background:var(--mavi-acik)}
.btn.tehlike{background:#fff;border-color:var(--kirmizi);color:var(--kirmizi)}
.btn.tehlike:hover{background:var(--kirmizi-acik)}
.btn.kucuk{font-size:.85rem;padding:.55em .85em}
.btn[disabled],.btn.pasif{opacity:.45;pointer-events:none}
.btn svg{width:1.1em;height:1.1em}

/* ---------- Üst bar ---------- */
.ust{position:sticky;top:0;z-index:40;background:var(--ust-zemin);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--cizgi)}
.ust .kap{display:flex;align-items:center;gap:18px;min-height:68px}
.logo{display:flex;align-items:center;flex:none}
.logo img{height:50px;width:auto;display:block}
.menu{display:flex;align-items:center;gap:2px;margin:0 auto 0 12px;padding:0;list-style:none}
.menu>li{position:relative}
.menu a,.menu button{display:block;white-space:nowrap;font:500 .95rem/1 var(--yazi);color:var(--grafit);padding:12px 12px;border-radius:var(--r-k);text-decoration:none;background:none;border:0;cursor:pointer}
.menu a:hover,.menu button:hover,.menu [aria-current=page]{color:var(--mavi-koyu);background:var(--mavi-acik)}
.menu button::after{content:"";display:inline-block;width:.42em;height:.42em;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-.2em) rotate(45deg);margin-left:.45em}
.alt-menu{display:none;position:absolute;left:0;top:100%;min-width:280px;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-b);box-shadow:var(--golge);padding:8px;list-style:none;margin:6px 0 0}
.alt-menu a{padding:10px 12px;font-weight:400;line-height:1.3}
.alt-menu a span{display:block;color:var(--soluk);font-size:.82rem;margin-top:2px}
.menu li.acik>.alt-menu{display:block}
@media (hover:hover) and (min-width:1241px){.menu li:hover>.alt-menu{display:block}}
.ust-arac{display:flex;align-items:center;gap:8px}
.ara-kutu{position:relative}
.ust .ara-kutu input,.ara-kutu input{width:170px;font:inherit;font-size:.92rem;padding:.6em .8em .6em 2.2em;border:1px solid var(--cizgi);border-radius:var(--r-k);background:var(--zemin);transition:width .2s}
.ust .ara-kutu input:focus,.ara-kutu input:focus{width:230px;background:#fff;outline:none;border-color:var(--mavi)}
.ara-kutu svg{position:absolute;left:.7em;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--soluk);pointer-events:none}
.hamburger{display:none;background:none;border:1px solid var(--cizgi);border-radius:var(--r-k);width:44px;height:44px;cursor:pointer;color:var(--grafit)}
.hamburger svg{width:22px;height:22px}
@media (max-width:1240px){
  .hamburger{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
  .ust .kap{flex-wrap:wrap}
  .menu{display:none;order:9;flex-basis:100%;flex-direction:column;align-items:stretch;margin:0;padding:6px 0 14px;gap:0}
  .ust.menu-acik .menu{display:flex}
  .menu a,.menu button{width:100%;text-align:left;padding:14px 8px;font-size:1rem}
  .alt-menu{position:static;box-shadow:none;border:0;border-left:2px solid var(--cizgi);border-radius:0;margin:0 0 6px 10px;padding:0 0 0 6px;min-width:0}
  .ust-arac{order:8;flex-basis:100%;display:none;padding-bottom:12px}
  .ust.menu-acik .ust-arac{display:flex}
  .ara-kutu{flex:1}.ust .ara-kutu input,.ust .ara-kutu input:focus{width:100%}
}

/* ---------- Ana sayfa: kahraman alanı ---------- */
.kahraman{background:var(--kahraman-zemin);color:var(--kahraman-metin);padding:64px 0 56px;overflow:hidden}
.kahraman h1{color:var(--kahraman-baslik);max-width:17ch;margin-bottom:.4em}
.kahraman p.giris{font-size:1.15rem;max-width:56ch;color:var(--kahraman-metin)}
.kahraman .eylemler{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 8px}
.kahraman .btn.ikincil{color:var(--kahraman-baslik);border-color:rgba(255,255,255,.4)}
.kahraman .btn.ikincil:hover{background:rgba(255,255,255,.08)}
.kahraman .not{font-size:.9rem;color:#8fa3b2}
/* geri dönüş noktaları zaman çizelgesi */
.zaman{margin-top:48px;border-top:1px solid rgba(255,255,255,.1);padding:26px 0 30px}
.zaman-ust{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.zaman-ust strong{color:#fff;font-weight:600}
.zaman-ust span{font-size:.9rem;color:#8fa3b2}
.serit{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;list-style:none;margin:0;padding:0}
.serit li{position:relative}
.serit button{width:100%;height:64px;border:0;border-radius:4px;background:#24333f;cursor:pointer;position:relative;padding:0;display:flex;align-items:flex-end;justify-content:center;transition:background .15s}
.serit button i{display:block;width:100%;background:var(--mavi);border-radius:4px 4px 0 0;opacity:.85}
.serit button:hover,.serit button[aria-pressed=true]{background:#2d4352}
.serit button[aria-pressed=true] i{background:#5cc2f0;opacity:1}
.serit button.uyari i{background:var(--amber)}
.serit small{display:block;text-align:center;color:#7d93a3;margin-top:6px;font-size:.75rem}
.zaman-detay{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:.95rem;color:#c4d2dc;min-height:1.6em}
.zaman-detay b{color:#fff;font-weight:600}
@media (max-width:700px){.serit{grid-template-columns:repeat(7,1fr)}.serit li:nth-child(-n+7){display:none}.serit button{height:52px}}

/* ---------- Bölümler ---------- */
.bolum{padding:64px 0}
.bolum.beyaz{background:var(--kart);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.bolum-baslik{max-width:62ch;margin-bottom:30px}
.bolum-baslik p{color:var(--soluk);font-size:1.05rem}
.izgara{display:grid;gap:22px}
.izgara.iki{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.izgara.uc{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
/* bölüm zeminleri (site yönetimi > blok ayarları) */
.bolum.zemin{background:var(--zemin)}
.bolum.vurgu{background:var(--mavi-acik)}
.bolum.koyu{background:var(--murekkep);color:#cfdbe4}
.bolum.koyu h2,.bolum.koyu h3{color:#fff}
.bolum.koyu .bolum-baslik p,.bolum.koyu .ozellik p,.bolum.koyu .adimlar p,.bolum.koyu .cozumler p{color:#a9bccb}
.bolum.koyu a{color:#8fd3f5}
.bolum.gorsel{background-size:cover;background-position:center;color:#e6eef3}
.bolum.gorsel h2,.bolum.gorsel h3{color:#fff}
.bolum.gorsel .bolum-baslik p{color:#d5e1e9}
.kahraman.gorsel{background-size:cover;background-position:center}
.blok-gorsel{margin:0 0 1.4em}
.blok-gorsel img{display:block;border-radius:var(--r-k)}
.blok-gorsel figcaption{font-size:.86rem;color:var(--soluk);margin-top:6px}
.duyuru{margin:0}
.duyuru .kap{padding-top:10px;padding-bottom:10px}
/* çözüm listesi: kart yerine satır düzeni */
.cozumler{list-style:none;margin:0;padding:0;border-top:1px solid var(--cizgi)}
.cozumler li{border-bottom:1px solid var(--cizgi)}
.cozumler a{display:grid;grid-template-columns:minmax(180px,280px) 1fr auto;gap:8px 28px;align-items:baseline;padding:22px 4px;text-decoration:none;color:var(--metin)}
.cozumler a:hover{background:linear-gradient(90deg,var(--mavi-acik),transparent 70%)}
.cozumler h3{margin:0;color:var(--murekkep)}
.cozumler p{margin:0;color:var(--soluk)}
.cozumler .ok{color:var(--mavi-koyu);font-weight:600;font-size:.92rem}
@media (max-width:760px){.cozumler a{grid-template-columns:1fr}.cozumler .ok{display:none}}
.ozellik h3{display:flex;align-items:center;gap:10px}
.ozellik h3 svg{flex:none;width:26px;height:26px;color:var(--mavi)}
.ozellik p{color:var(--soluk);margin:0}
.ozellik{padding:4px 0}
.adimlar{counter-reset:a;list-style:none;padding:0;margin:0;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.adimlar li{counter-increment:a;padding-top:14px;border-top:3px solid var(--mavi)}
.adimlar li::before{content:counter(a);font-weight:600;color:var(--mavi-koyu);font-size:1.3rem;display:block;margin-bottom:4px}
.adimlar p{color:var(--soluk);margin:0}
.serit-cta{background:var(--cta-zemin);color:#e6f3fa;border-radius:var(--r-b);padding:32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.serit-cta h2{color:#fff;margin:0 0 .2em}
.serit-cta p{margin:0;color:#cfe6f3}
.serit-cta .btn{background:#fff;color:var(--mavi-koyu);border-color:#fff}
.serit-cta .btn:hover{background:var(--mavi-acik)}

/* ---------- İç sayfa ---------- */
.sayfa-ust{background:var(--sayfa-ust-zemin);border-bottom:1px solid var(--cizgi);padding:34px 0 28px}
.yol{font-size:.88rem;color:var(--soluk);margin-bottom:10px}
.yol a{color:var(--soluk)}
.yol span[aria-hidden]{margin:0 .4em}
.sayfa-ust h1{margin:0;max-width:24ch}
.sayfa-ust p{margin:.6em 0 0;color:var(--soluk);font-size:1.08rem;max-width:62ch}
.icerik-duzen{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;padding:40px 20px 72px}
.icerik-duzen.tek{grid-template-columns:minmax(0,1fr)}
.yan{position:sticky;top:92px;align-self:start;font-size:.93rem}
.yan h2{font-size:.95rem;color:var(--soluk);font-weight:600;margin-bottom:.6em}
.yan ul{list-style:none;margin:0;padding:0;border-left:2px solid var(--cizgi)}
.yan a{display:block;padding:7px 12px;margin-left:-2px;border-left:2px solid transparent;color:var(--metin);text-decoration:none;line-height:1.3}
.yan a:hover{color:var(--mavi-koyu)}
.yan a[aria-current=page]{border-left-color:var(--mavi);color:var(--mavi-koyu);font-weight:600}
.yan-mobil{display:none}
@media (max-width:900px){
  .icerik-duzen{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:24px}
  .yan{display:none}
  .yan-mobil{display:block;margin-bottom:18px}
  .yan-mobil select{width:100%;font:inherit;padding:.7em;border:1px solid var(--cizgi);border-radius:var(--r-k);background:#fff}
}
.metin{max-width:72ch}
.metin h2{margin-top:1.8em;padding-top:.2em}
.metin h2:first-child{margin-top:0}
.metin h3{margin-top:1.5em}
.metin ul li,.metin ol li{margin-bottom:.35em}
.metin ul{padding-left:1.2em}
.metin li::marker{color:var(--mavi)}
.metin figure img{border:1px solid var(--cizgi);border-radius:var(--r-k);background:#fff}
.metin figcaption{font-size:.86rem;color:var(--soluk);margin-top:6px}
.metin blockquote{margin:0 0 1.2em;padding:14px 18px;border-left:3px solid var(--mavi);background:var(--kart);color:var(--metin)}
.not-kutu{background:var(--mavi-acik);border:1px solid #bfe0f1;border-radius:var(--r-k);padding:14px 18px;margin:0 0 1.2em}
.not-kutu.uyari{background:var(--amber-acik);border-color:#f0d69a}
.ilgili{margin-top:48px;padding-top:24px;border-top:1px solid var(--cizgi)}
.ilgili ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ilgili a{display:inline-block;padding:.5em .9em;border:1px solid var(--cizgi);border-radius:999px;background:var(--kart);text-decoration:none;font-size:.93rem}
.ilgili a:hover{border-color:var(--mavi)}

/* tablolar */
.tablo-sar{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1.2em;border:1px solid var(--cizgi);border-radius:var(--r-k);background:var(--kart)}
table{border-collapse:collapse;width:100%;font-size:.94rem}
th,td{padding:10px 12px;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:top}
th{background:#f7f9fb;color:var(--murekkep);font-weight:600}
tbody tr:last-child td{border-bottom:0}
td.ortala,th.ortala{text-align:center}
td.sag,th.sag{text-align:right}
.var{color:var(--yesil);font-weight:600}.yok{color:var(--kirmizi);font-weight:600}.sinirli{color:var(--amber);font-weight:600}
.fiyat{font-variant-numeric:tabular-nums;white-space:nowrap}

/* fiyat paketleri */
.paketler{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0 0 1.4em}
.paket{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-k);padding:16px}
.paket b{display:block;color:var(--murekkep);font-size:1.05rem}
.paket .boyut{color:var(--soluk);font-size:.9rem}
.paket .tutar{display:block;margin-top:10px;font-size:1.25rem;font-weight:600;color:var(--mavi-koyu);font-variant-numeric:tabular-nums}
.paket .tutar small{font-weight:400;color:var(--soluk);font-size:.8rem}
.paket .ek{display:block;font-size:.82rem;color:var(--soluk);margin-top:4px}

/* SSS / akordeon */
details.sss{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-k);margin:0 0 10px}
details.sss summary{cursor:pointer;list-style:none;padding:14px 44px 14px 16px;font-weight:600;color:var(--murekkep);position:relative}
details.sss summary::-webkit-details-marker{display:none}
details.sss summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border:solid var(--mavi-koyu);border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg);transition:transform .15s}
details.sss[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
details.sss .cevap{padding:0 16px 6px}

/* galeri */
.galeri{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin:0 0 1.6em}
.galeri a{display:block;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-k);overflow:hidden;text-decoration:none;color:var(--metin)}
.galeri img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.galeri span{display:block;padding:10px 12px;font-size:.92rem}
.galeri a:hover{border-color:var(--mavi)}
.isik{position:fixed;inset:0;z-index:90;background:rgba(10,18,25,.88);display:none;align-items:center;justify-content:center;padding:20px}
.isik.acik{display:flex}
.isik img{max-height:86vh;max-width:100%;background:#fff;border-radius:4px}
.isik button{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:22px;cursor:pointer}
.isik p{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#dfe8ee;margin:0}

/* indirme listesi */
.indirme{list-style:none;padding:0;margin:0 0 1.4em;border:1px solid var(--cizgi);border-radius:var(--r-k);background:var(--kart)}
.indirme li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--cizgi);flex-wrap:wrap}
.indirme li:last-child{border-bottom:0}
.indirme .ad{flex:1;min-width:200px}
.indirme .ad b{display:block;color:var(--murekkep)}
.indirme .ad span{font-size:.86rem;color:var(--soluk)}

/* iletişim */
.iletisim-blok{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.iletisim-blok div{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-k);padding:18px}
.iletisim-blok h3{font-size:1rem;margin-bottom:.4em}
.iletisim-blok p{margin:0}
.iletisim-blok a{font-size:1.08rem;font-weight:600}

/* ---------- Formlar ---------- */
.form{display:grid;gap:16px}
.form .satir{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.alan label,.alan .etiket{display:block;font-weight:600;font-size:.92rem;color:var(--murekkep);margin-bottom:6px}
.alan .ipucu{display:block;font-weight:400;color:var(--soluk);font-size:.84rem;margin-top:5px}
input:not([type]),input[type=text],input[type=email],input[type=password],input[type=tel],input[type=search],input[type=number],input[type=date],select,textarea{width:100%;font:inherit;font-size:1rem;color:var(--murekkep);padding:.72em .85em;border:1px solid #c4d0d9;border-radius:var(--r-k);background:#fff;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--mavi);box-shadow:0 0 0 3px rgba(8,144,208,.18)}
input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--kirmizi)}
.hata-metin{color:var(--kirmizi);font-size:.86rem;margin-top:5px}
.onay-kutu{display:flex;gap:10px;align-items:flex-start;font-size:.94rem}
.onay-kutu input{width:18px;height:18px;margin-top:3px;flex:none;accent-color:var(--mavi-koyu)}
.bal{position:absolute;left:-5000px}
.ust .ara-kutu input{padding-left:2.3em}
.sifre-alan{position:relative}
.sifre-alan input{padding-right:3.2em}
.sifre-goster{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--soluk);cursor:pointer;padding:8px;font-size:.82rem}

/* uyarı kutuları */
.ileti{border-radius:var(--r-k);padding:12px 16px;margin:0 0 16px;border:1px solid;font-size:.95rem}
.ileti.basari{background:var(--yesil-acik);border-color:#a8dcc0;color:#145c3c}
.ileti.hata{background:var(--kirmizi-acik);border-color:#f1b6ad;color:#8a2318}
.ileti.bilgi{background:var(--mavi-acik);border-color:#bfe0f1;color:#0b4e70}
.ileti.uyari{background:var(--amber-acik);border-color:#f0d69a;color:#6e4a0e}
.ileti ul{margin:.4em 0 0;padding-left:1.2em}

/* ---------- Arama sayfası ---------- */
.arama-form{display:flex;gap:10px;margin-bottom:22px;max-width:640px}
.arama-form input{flex:1}
.sonuclar{list-style:none;padding:0;margin:0;max-width:760px}
.sonuclar li{padding:18px 0;border-bottom:1px solid var(--cizgi)}
.sonuclar a.b{font-size:1.15rem;font-weight:600;text-decoration:none}
.sonuclar a.b:hover{text-decoration:underline}
.sonuclar .u{font-size:.84rem;color:var(--yesil);margin:2px 0 6px;display:block}
.sonuclar p{margin:0;color:var(--soluk);font-size:.95rem}
mark{background:#fff0b3;color:inherit;padding:0;border-radius:2px}
.oneriler{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:300px;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-k);box-shadow:var(--golge);list-style:none;margin:0;padding:6px;z-index:60;display:none}
.oneriler.acik{display:block}
.oneriler a{display:block;padding:9px 10px;border-radius:4px;text-decoration:none;color:var(--metin);font-size:.93rem;line-height:1.3}
.oneriler a span{display:block;font-size:.8rem;color:var(--soluk)}
.oneriler a:hover,.oneriler a.sec{background:var(--mavi-acik)}

/* ---------- Alt bilgi ---------- */
.alt{background:var(--alt-zemin);color:var(--alt-metin);padding:48px 0 28px;font-size:.93rem}
.alt a{color:var(--alt-baglanti);text-decoration:none}
.alt a:hover{color:var(--alt-baslik);text-decoration:underline}
.alt-izgara{display:grid;gap:28px;grid-template-columns:1.4fr repeat(3,1fr)}
.alt h2{color:var(--alt-baslik);font-size:.98rem;margin-bottom:.8em}
.alt ul{list-style:none;margin:0;padding:0}
.alt li{margin-bottom:.5em}
.alt .imza{margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
@media (max-width:860px){.alt-izgara{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.alt-izgara{grid-template-columns:1fr}}
.whatsapp{position:fixed;right:18px;bottom:18px;z-index:30;width:52px;height:52px;border-radius:50%;background:#1f8f5f;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--golge)}
.whatsapp svg{width:28px;height:28px}

/* ---------- Giriş / kayıt (ortada tek kart) ---------- */
.yalniz{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:48px 16px}
.yalniz .logo img{height:52px}
.yalniz-kart{width:100%;max-width:440px;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-b);box-shadow:var(--golge);padding:28px;margin-top:24px}
.yalniz-kart.genis{max-width:640px}
.yalniz-kart h1{font-size:1.5rem;margin-bottom:.3em}
.yalniz-kart .alt-baglanti{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.92rem;margin-top:18px}
.yalniz .dip{margin-top:22px;font-size:.88rem;color:var(--soluk);text-align:center}

/* ---------- Panel ---------- */
.panel-ust{background:var(--kart);border-bottom:1px solid var(--cizgi)}
.panel-ust .kap{display:flex;align-items:center;gap:16px;min-height:64px;flex-wrap:wrap}
.panel-ust .logo img{height:38px}
.panel-menu{display:flex;gap:2px;list-style:none;margin:0 0 0 8px;padding:0;flex-wrap:wrap}
.panel-menu a{display:block;padding:10px 12px;border-radius:var(--r-k);text-decoration:none;color:var(--grafit);font-weight:500;font-size:.95rem}
.panel-menu a:hover,.panel-menu a[aria-current=page]{background:var(--mavi-acik);color:var(--mavi-koyu)}
.panel-kim{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--soluk)}
.panel-kim b{color:var(--murekkep);font-weight:600}
@media (max-width:860px){.panel-ust nav{order:9;flex-basis:100%;min-width:0;overflow-x:auto}.panel-menu{margin:0 0 8px;flex-wrap:nowrap}.panel-menu a{white-space:nowrap}.panel-kim{margin-left:auto}}
.panel-govde{padding:28px 20px 60px}
.panel-baslik{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px}
.panel-baslik h1{font-size:1.6rem;margin:0}
.panel-baslik p{margin:.2em 0 0;color:var(--soluk)}
.kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-b);padding:20px;margin-bottom:20px}
.kutu>h2{font-size:1.1rem;margin-bottom:.8em}
.kutu-ust{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}
.kutu-ust h2{margin:0;font-size:1.1rem}
.ozet{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));margin-bottom:20px}
.ozet div{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-k);padding:14px 16px}
.ozet>div>span:first-child{display:block;font-size:.85rem;color:var(--soluk)}
.ozet .etiket{margin:6px 6px 0 0}
@media (max-width:560px){.ozet{grid-template-columns:1fr 1fr}.ozet div:first-child{grid-column:1/-1}}
.ozet b{display:block;font-size:1.3rem;color:var(--murekkep);font-weight:600;font-variant-numeric:tabular-nums;margin-top:2px}
.etiket{display:inline-block;font-size:.78rem;font-weight:600;padding:.25em .6em;border-radius:999px;background:var(--zemin);color:var(--grafit);white-space:nowrap}
.etiket.yesil{background:var(--yesil-acik);color:#145c3c}
.etiket.amber{background:var(--amber-acik);color:#6e4a0e}
.etiket.kirmizi{background:var(--kirmizi-acik);color:#8a2318}
.etiket.mavi{background:var(--mavi-acik);color:#0b4e70}
.cubuk{height:8px;background:#e6ecf0;border-radius:4px;overflow:hidden;min-width:80px}
.cubuk i{display:block;height:100%;background:var(--mavi);border-radius:4px;transition:width .4s}
.cubuk.yesil i{background:var(--yesil)}.cubuk.amber i{background:var(--amber)}.cubuk.kirmizi i{background:var(--kirmizi)}
.cubuk.calisiyor i{background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.25) 75%,transparent 75%);background-size:16px 16px;animation:serit 1s linear infinite}
@keyframes serit{to{background-position:16px 0}}
.veri-tablo th{white-space:nowrap}
.veri-tablo th button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.veri-tablo th button:focus-visible{outline:2px solid var(--mavi);outline-offset:2px}
.veri-tablo th button::after{content:"";width:0;height:0;border:4px solid transparent;border-top-color:#a5b3bf;margin-top:4px}
.veri-tablo th[aria-sort=ascending] button::after{border-top-color:transparent;border-bottom-color:var(--mavi-koyu);margin-top:-4px}
.veri-tablo th[aria-sort=descending] button::after{border-top-color:var(--mavi-koyu)}
.veri-tablo td{vertical-align:middle}
.veri-tablo tr.secili td{background:var(--mavi-acik)}
.filtre{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:14px}
.filtre .alan{min-width:160px;flex:1}
.filtre .alan.dar{flex:0 1 150px;min-width:120px}
.filtre label{font-size:.82rem}
.filtre input,.filtre select{padding:.55em .7em;font-size:.94rem}
.bos{padding:34px 16px;text-align:center;color:var(--soluk)}
.sayfalama{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:12px;font-size:.9rem;color:var(--soluk)}
@media (max-width:720px){
  .veri-tablo.mobil-kart thead{display:none}
  .veri-tablo.mobil-kart tr{display:block;border-bottom:1px solid var(--cizgi);padding:10px 4px}
  .veri-tablo.mobil-kart td{display:flex;justify-content:space-between;gap:12px;border:0;padding:5px 8px}
  .veri-tablo.mobil-kart td::before{content:attr(data-b);color:var(--soluk);font-size:.85rem;flex:none}
  .veri-tablo.mobil-kart td.tam{display:block}
  .veri-tablo.mobil-kart td.tam::before{display:none}
}
/* modal */
dialog.modal{border:0;border-radius:var(--r-b);padding:0;width:min(96vw,1180px);max-height:94vh;box-shadow:0 20px 60px rgba(0,0,0,.35)}
dialog.modal::backdrop{background:rgba(10,18,25,.6)}
dialog.modal.dar{width:min(96vw,520px)}
.modal-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--cizgi)}
.modal-ust h2{margin:0;font-size:1.05rem}
.modal-govde{padding:18px}
.modal iframe{display:block;width:100%;height:80vh;border:0}
.kapat{width:40px;height:40px;border-radius:50%;border:0;background:var(--zemin);cursor:pointer;font-size:20px;line-height:1}
.kapat:hover{background:var(--mavi-acik)}
.sekme{display:flex;gap:4px;border-bottom:1px solid var(--cizgi);margin-bottom:20px;overflow-x:auto}
.sekme a{padding:10px 14px;text-decoration:none;color:var(--soluk);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;font-weight:500}
.sekme a[aria-current=page]{color:var(--mavi-koyu);border-bottom-color:var(--mavi)}
.liste-kutu{max-height:280px;overflow:auto;border:1px solid var(--cizgi);border-radius:var(--r-k)}
.liste-kutu label{display:flex;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--cizgi);cursor:pointer;font-size:.93rem}
.liste-kutu label:hover{background:var(--zemin)}
.liste-kutu label:last-child{border-bottom:0}
.yazdir-gizle{}
@media print{.ust,.alt,.panel-ust,.whatsapp,.yazdir-gizle{display:none!important}body{background:#fff}}
/* alt hesap ağacı */
.agac-tablo .agac-ad{display:inline-block}
.agac-tablo .agac-ok{color:var(--soluk);margin-right:6px}
/* istemci kartı */
.ist-link{color:inherit;text-decoration:none}
.ist-link:hover code,.ist-link:focus-visible code{background:var(--mavi);color:#fff}
a.ist-link:hover{text-decoration:underline}
.ist-eylem,.ist-islemler{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ist-tablo{width:100%;border-collapse:collapse}
.ist-tablo th,.ist-tablo td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--cizgi,#e3e8ee);vertical-align:top;font-size:.94rem}
.ist-tablo th{width:40%;color:var(--soluk);font-weight:500}
.ist-gizli summary{cursor:pointer;color:var(--mavi)}
.ist-liste{list-style:none;margin:0;padding:0}
.ist-liste li{padding:6px 0;border-bottom:1px solid var(--cizgi,#e3e8ee)}