/* UNANO Sözleşmeler */
:root{
  --lacivert:#14263A; --lacivert2:#1E3550; --kobalt:#2557D6; --kobalt-acik:#E6EDFC; --amber:#E8A317; --amber-acik:#FFF4DC;
  --zemin:#EEF1F5; --yuzey:#fff; --yuzey2:#F6F8FB; --cizgi:#DCE2EA; --murekkep:#16202B; --celik:#5D6B7A;
  --yesil:#1E7B4F; --yesil-acik:#E3F4EA; --kirmizi:#C0362C; --kirmizi-acik:#FBE7E5; --gri-acik:#EBEEF2; --r:9px;
  --yazi:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --kod:ui-monospace,"Cascadia Mono",Consolas,"DejaVu Sans Mono",monospace;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font:14px/1.5 var(--yazi);color:var(--murekkep);background:var(--zemin);min-height:100vh;display:flex;flex-direction:column}
a{color:var(--kobalt);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:22px;margin:0;font-weight:600}
h2{font-size:15px;margin:0 0 12px;font-weight:600}
.sus{color:var(--celik)}
.kucuk{font-size:12px;font-weight:400}
.kod{font-family:var(--kod);font-size:.93em}
.nowrap{white-space:nowrap}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px}

/* üst çubuk */
.ust{display:flex;align-items:center;gap:18px;background:var(--lacivert);color:#fff;padding:0 22px;height:56px;position:sticky;top:0;z-index:5}
.marka{display:flex;align-items:center;gap:9px;color:#fff;font-weight:600;font-size:16px}
.marka:hover{text-decoration:none}
.marka.buyuk{color:var(--murekkep);font-size:19px;font-weight:500;margin-bottom:6px}
.sekmeler{display:flex;height:100%}
.sekmeler a{display:flex;align-items:center;padding:0 16px;color:#C9D4E0;font-weight:500;border-bottom:3px solid transparent}
.sekmeler a.aktif,.sekmeler a:hover{color:#fff;text-decoration:none}
.sekmeler a.aktif{border-bottom-color:var(--amber)}
.ust .sag{margin-left:auto;display:flex;align-items:center;gap:14px}
.ust .sag a{color:#C9D4E0}
.ust .sag a.aktif{color:#fff}
.ust .sag button{background:none;border:1px solid #3B5470;color:#C9D4E0;border-radius:7px;padding:5px 11px;font:inherit;cursor:pointer}
.ust .sag button:hover{color:#fff;border-color:#7F93A8}

.icerik{width:100%;max-width:1500px;margin:0 auto;padding:22px 24px 30px;display:flex;flex-direction:column;gap:16px;flex:1}
.ortala{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}
.baslik-satir{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.geri{font-size:13px}

/* kart, şerit, filtre */
.kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r);padding:16px 18px}
.kart.dolu{padding:0;overflow:hidden}
.kart.vurgu{border-color:var(--kobalt);box-shadow:0 0 0 3px var(--kobalt-acik)}
.izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.serit{display:flex;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r);overflow:auto}
.serit a{flex:1;min-width:150px;padding:12px 18px;border-right:1px solid var(--cizgi);color:var(--murekkep)}
.serit a:last-child{border-right:0}
.serit a:hover{background:var(--yuzey2);text-decoration:none}
.serit b{display:block;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}
.serit span{font-size:12px;color:var(--celik)}
.serit a.uyari b{color:var(--kirmizi)}
.filtre{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.filtre > a{padding:5px 13px;border-radius:999px;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--celik);font-size:13px;font-weight:500}
.filtre > a.aktif{background:var(--lacivert);border-color:var(--lacivert);color:#fff}
.filtre > a:hover{text-decoration:none;color:var(--murekkep)}
.filtre > a.aktif:hover{color:#fff}
.filtre .ayirac{width:1px;align-self:stretch;background:var(--cizgi);margin:0 4px}
.filtre .ara{margin-left:auto;display:flex;gap:6px}
.filtre .ara input{width:320px;max-width:60vw}

/* tablolar */
.tablo-sar{overflow:auto}
table{width:100%;border-collapse:collapse}
th,td{padding:9px 12px;text-align:left;border-bottom:1px solid #EEF1F4;vertical-align:middle}
th{font-size:12px;font-weight:500;color:var(--celik);background:var(--yuzey2);white-space:nowrap;border-bottom-color:var(--cizgi)}
td.sayi,th.sayi{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
tbody tr[data-git]{cursor:pointer}
tbody tr:hover td{background:#F9FBFD}
.tum{max-height:calc(100vh - 290px)}
.tum th,.tum td{white-space:nowrap;font-size:12.5px;padding:7px 10px}
.tum thead th{position:sticky;top:0;z-index:2}
.tum .yapiskan{position:sticky;left:0;background:var(--yuzey);z-index:1;box-shadow:1px 0 0 var(--cizgi)}
.tum thead .yapiskan{background:var(--yuzey2);z-index:3}
.dip{padding:8px 12px}
table.ham th{width:230px;background:var(--yuzey2);font-size:12px;vertical-align:top;color:var(--murekkep)}
table.ham td{word-break:break-word}
table.ham pre{margin:0;font:11.5px/1.45 var(--kod);white-space:pre-wrap;max-height:380px;overflow:auto;background:var(--yuzey2);padding:9px;border-radius:6px}
dl.bilgi{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 22px;margin:0}
dl.bilgi dt{font-size:12px;color:var(--celik)}
dl.bilgi dd{margin:2px 0 0;font-weight:500}
.bos{padding:30px 16px;text-align:center;color:var(--celik)}
.akis{list-style:none;margin:0;padding:0}
.akis li{display:flex;gap:14px;padding:7px 0;border-bottom:1px solid #EEF1F4}
.akis time{color:var(--celik);white-space:nowrap;font-size:13px}

/* rozet, bildirim, düğme, form */
.rozet{display:inline-block;padding:1px 9px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;border:1px solid transparent}
.rozet.gri{background:var(--gri-acik);color:var(--celik)}
.rozet.mavi{background:var(--kobalt-acik);color:var(--kobalt)}
.rozet.koyu{background:var(--lacivert);color:#fff}
.rozet.kirmizi{background:var(--kirmizi-acik);color:var(--kirmizi)}
.rozet.risk{background:var(--amber-acik);border-color:var(--amber)}
.bildirim{padding:10px 14px;border-radius:var(--r);border:1px solid}
.bildirim.ok{background:var(--yesil-acik);border-color:var(--yesil)}
.bildirim.hata{background:var(--kirmizi-acik);border-color:var(--kirmizi)}
.dugme{display:inline-flex;align-items:center;padding:8px 15px;border-radius:7px;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--murekkep);font:500 13px var(--yazi);cursor:pointer}
.dugme:hover{background:var(--yuzey2)}
.dugme.ana{background:var(--kobalt);border-color:var(--kobalt);color:#fff;justify-content:center}
.dugme.ana:hover{filter:brightness(1.07)}
input{font:inherit;padding:8px 10px;border:1px solid var(--cizgi);border-radius:7px;background:#fff;color:inherit;width:100%}
input:focus{outline:none;border-color:var(--kobalt);box-shadow:0 0 0 3px var(--kobalt-acik)}
label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--celik)}
form.dikey{display:flex;flex-direction:column;gap:10px;max-width:380px}
.giris-kart{width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px;padding:26px}
.anahtar{background:var(--lacivert);color:#fff;padding:12px 14px;border-radius:7px;user-select:all;word-break:break-all;font-size:14px}
ol{margin:12px 0 0;padding-left:20px;line-height:1.9}
.alt{text-align:center;font-size:12px;padding:14px}

@media (max-width:700px){
  .ust{padding:0 12px;gap:8px}
  .icerik{padding:14px 12px}
  .filtre .ara{margin-left:0;width:100%}
  .filtre .ara input{width:100%;max-width:none}
}