:root{
  --murekkep:#1b2a41; --murekkep-2:#41506b; --soluk:#7b879b;
  --kagit:#f7f8fa; --yuzey:#ffffff; --cetvel:#e2e6ec; --cetvel-koyu:#c6ccd6;
  --vurgu:#1f5673; --vurgu-zemin:#e8f0f4;
  --ok:#2f6b4f; --ok-zemin:#e7f1ec;
  --uyari:#9a6206; --uyari-zemin:#fbf1de;
  --hata:#a3312b; --hata-zemin:#f8e9e8;
  --mono:ui-monospace,"SFMono-Regular","Cascadia Mono","Consolas","Liberation Mono",monospace;
  --govde:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--kagit);color:var(--murekkep);font:14px/1.55 var(--govde);
  -webkit-font-smoothing:antialiased}
a{color:var(--vurgu);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}

/* ---- kabuk ---- */
.ust{background:var(--murekkep);color:#fff;padding:0 20px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ust .marka{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:12.5px;padding:14px 0;white-space:nowrap}
.ust nav{display:flex;gap:2px;flex-wrap:wrap;flex:1}
.ust nav a{color:#c3cad8;padding:14px 12px;font-size:13.5px;border-bottom:2px solid transparent}
.ust nav a:hover{color:#fff;text-decoration:none}
.ust nav a.etkin{color:#fff;border-bottom-color:#8fb6cc}
.ust .kim{font-size:12.5px;color:#9fabbf;white-space:nowrap}
.ust .kim a{color:#c3cad8}
main{max-width:1180px;margin:0 auto;padding:22px 20px 60px}

.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--soluk);font-weight:600;margin:0 0 6px}
h1{font-size:21px;font-weight:600;margin:0 0 4px;letter-spacing:-.01em}
h2{font-size:16px;font-weight:600;margin:26px 0 10px}
.alt{color:var(--soluk);font-size:13px;margin:0 0 18px}

/* ---- kart ---- */
.kart{background:var(--yuzey);border:1px solid var(--cetvel);border-radius:6px;padding:16px 18px;margin-bottom:16px}
.kart>h2:first-child{margin-top:0}
.satir{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.satir>*{flex:1 1 150px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}

/* ---- rakam kutuları ---- */
.rakam{background:var(--yuzey);border:1px solid var(--cetvel);border-radius:6px;padding:10px 12px}
.rakam .et{font-size:11.5px;color:var(--soluk);letter-spacing:.04em;text-transform:uppercase}
.rakam .dg{font:600 21px/1.2 var(--mono);font-variant-numeric:tabular-nums;margin-top:3px}
.rakam.kirmizi .dg{color:var(--hata)}
.rakam.yesil .dg{color:var(--ok)}

/* ---- form ---- */
label{display:block;font-size:12px;color:var(--murekkep-2);margin-bottom:4px;font-weight:500}
input,select,textarea{width:100%;padding:7px 9px;border:1px solid var(--cetvel-koyu);border-radius:4px;
  font:14px var(--govde);background:#fff;color:var(--murekkep)}
input[type=time],input[type=date],input[type=number]{font-family:var(--mono);font-variant-numeric:tabular-nums}
button,.dugme{display:inline-block;padding:8px 15px;border:1px solid var(--murekkep);border-radius:4px;
  background:var(--murekkep);color:#fff;font:500 13.5px var(--govde);cursor:pointer}
button:hover,.dugme:hover{background:#25384f;text-decoration:none;color:#fff}
button.ikincil,.dugme.ikincil{background:#fff;color:var(--murekkep);border-color:var(--cetvel-koyu)}
button.ikincil:hover,.dugme.ikincil:hover{background:#eef1f5;color:var(--murekkep)}
button.tehlike{background:var(--hata);border-color:var(--hata)}
.kucuk{padding:4px 9px;font-size:12.5px}

/* ---- tablo ---- */
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{text-align:left;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--soluk);
  font-weight:600;padding:8px 8px;border-bottom:1px solid var(--cetvel-koyu);white-space:nowrap}
td{padding:7px 8px;border-bottom:1px solid var(--cetvel);vertical-align:middle}
tbody tr:hover{background:#f4f7fa}
.sag{text-align:right}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
tfoot td{font-weight:600;border-top:2px solid var(--cetvel-koyu);border-bottom:none;background:#f4f6f9}

/* ---- durum şeridi: ledger kenar işareti ---- */
tr.d-ok    td:first-child{box-shadow:inset 3px 0 var(--ok)}
tr.d-uyari td:first-child{box-shadow:inset 3px 0 var(--uyari)}
tr.d-hata  td:first-child{box-shadow:inset 3px 0 var(--hata)}
tr.d-bilgi td:first-child{box-shadow:inset 3px 0 var(--vurgu)}
tr.d-notr  td:first-child{box-shadow:inset 3px 0 var(--cetvel-koyu)}
tr.d-notr{color:var(--soluk)}

.rozet{display:inline-block;padding:1px 8px;border-radius:3px;font-size:11.5px;font-weight:500;white-space:nowrap}
.r-ok{background:var(--ok-zemin);color:var(--ok)}
.r-uyari{background:var(--uyari-zemin);color:var(--uyari)}
.r-hata{background:var(--hata-zemin);color:var(--hata)}
.r-bilgi{background:var(--vurgu-zemin);color:var(--vurgu)}
.r-notr{background:#eef1f5;color:var(--soluk)}

.not{font-size:12px;color:var(--soluk);line-height:1.5}
.uyari-kutu{background:var(--uyari-zemin);border:1px solid #e6d5ae;border-left:3px solid var(--uyari);
  border-radius:4px;padding:10px 13px;font-size:13px;margin-bottom:14px;color:#6d4703}
.bilgi-kutu{background:var(--vurgu-zemin);border:1px solid #c8dbe5;border-left:3px solid var(--vurgu);
  border-radius:4px;padding:10px 13px;font-size:13px;margin-bottom:14px}
.hata-kutu{background:var(--hata-zemin);border:1px solid #e8c7c4;border-left:3px solid var(--hata);
  border-radius:4px;padding:10px 13px;font-size:13px;margin-bottom:14px;color:#7d221d}
.bos{text-align:center;padding:40px 20px;color:var(--soluk)}

/* ---- giriş ekranı ---- */
.giris-sayfa{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:20px;
  background:var(--murekkep)}
.giris{background:#fff;border-radius:8px;padding:30px 30px 26px;width:100%;max-width:360px;
  box-shadow:0 18px 50px rgba(0,0,0,.35)}
.giris .marka{font:600 13px var(--govde);letter-spacing:.14em;text-transform:uppercase;color:var(--vurgu);margin-bottom:2px}
.giris h1{font-size:19px;margin-bottom:18px}
.giris .alan{margin-bottom:12px}
.giris button{width:100%;padding:10px}

/* ---- bordro çıktısı ---- */
.evrak{background:#fff;border:1px solid var(--cetvel);border-radius:6px;padding:26px 28px;margin-bottom:16px}
.evrak-ust{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  border-bottom:2px solid var(--murekkep);padding-bottom:12px;margin-bottom:16px}
.evrak-ust h1{font-size:18px}
.kunye{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 20px;
  font-size:13px;margin-bottom:18px}
.kunye div span{color:var(--soluk);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.kunye div b{font-weight:600}
.imza{margin-top:34px;display:flex;justify-content:flex-end;gap:60px;font-size:13px;color:var(--murekkep-2)}
.imza div{text-align:center;border-top:1px solid var(--cetvel-koyu);padding-top:6px;min-width:170px}

.yazdirma-gizle{}
@media print{
  body{background:#fff}
  .ust,.yazdirma-gizle,.baski-yok{display:none!important}
  main{max-width:none;padding:0}
  .evrak{border:none;padding:0;margin:0}
  table{font-size:11px}
  th,td{padding:3px 5px}
  tr.d-ok td:first-child,tr.d-uyari td:first-child,tr.d-hata td:first-child,
  tr.d-bilgi td:first-child,tr.d-notr td:first-child{box-shadow:none}
  .evrak{page-break-after:always}
  @page{margin:12mm}
}
@media (max-width:640px){
  .ust{gap:10px}
  .kaydir{overflow-x:auto}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}