/* =========================================================================
   MAHSEN İADE SAYIM — RENK DEFTERİ VE ARAYÜZ
   Tüm renkler burada. Tema değiştiğinde sadece bu defter değişir,
   ekranların hiçbirine dokunulmaz.
   ========================================================================= */

.tema-acik{
  --ground:#F7F4F3; --yuzey:#FFFFFF; --yuzey2:#FCFAFA; --pasif:#F1EDEC;
  --ink:#191113; --ink2:#6E5F62; --ink15:#4A3E40; --pasif-ink:#5B5052; --ikon:#A0908F;
  --cizgi:#E3D9DA; --cizgi2:#EFE8E8; --cizgi3:#DDD2D3;
  --marka:#640410; --marka-koyu:#4E030D; --marka-ink:#FFFFFF; --marka-alt:#DDB4B9; --marka-cizgi:#8A3540;
  --dugme:#640410; --dugme-hover:#7E0A18; --dugme-ink:#FFFFFF;
  --vurgu:#640410; --vurgu-zemin:#F7E9EA; --vurgu-cizgi:#E8D2D4; --vurgu-ink:#8C4C55;
  --yesil:#1B6B45; --yesil-zemin:#E4F1EA; --yesil-parlak:#8FE0B4;
  --sari:#8A5A00; --sari-zemin:#FBF0DC; --sari-kenar:#E4C98F; --sari-ink:#6E4700; --sari-ink2:#7A5510;
  --kirmizi:#B32318; --kirmizi-zemin:#FBE9E7; --kirmizi-kenar:#E9B6B1;
  --golge:0 1px 2px rgba(25,17,19,.06), 0 4px 16px rgba(25,17,19,.05);
  color-scheme:light;
}
.tema-koyu{
  --ground:#15100F; --yuzey:#1E1817; --yuzey2:#171211; --pasif:#191413;
  --ink:#F0E9E7; --ink2:#A29491; --ink15:#C7BAB7; --pasif-ink:#8B7E7B; --ikon:#7E706E;
  --cizgi:#372D2B; --cizgi2:#2A2221; --cizgi3:#3F3432;
  --marka:#6E0A16; --marka-koyu:#4A030D; --marka-ink:#FFFFFF; --marka-alt:#E0B6BB; --marka-cizgi:#94414C;
  --dugme:#A81829; --dugme-hover:#C21F31; --dugme-ink:#FFFFFF;
  --vurgu:#E8919C; --vurgu-zemin:#2C1519; --vurgu-cizgi:#46232A; --vurgu-ink:#C98A93;
  --yesil:#63C08F; --yesil-zemin:#16291F; --yesil-parlak:#8FE0B4;
  --sari:#E0A94E; --sari-zemin:#2A2113; --sari-kenar:#57451F; --sari-ink:#EFCE93; --sari-ink2:#C9A468;
  --kirmizi:#F0837A; --kirmizi-zemin:#2E1614; --kirmizi-kenar:#5C2A26;
  --golge:0 1px 2px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.3);
  color-scheme:dark;
}

:root{
  --ui:'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --mono:'IBM Plex Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --en:520px;          /* telefon içerik genişliği */
  --en-genis:1320px;   /* bilgisayar içerik genişliği */
}

*{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}

html,body{margin:0; padding:0; height:100%;}
body{
  background:var(--ground);
  color:var(--ink);
  font-family:var(--ui);
  font-size:17px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overscroll-behavior-y:none;
}
::selection{background:var(--vurgu-zemin); color:var(--vurgu);}
a{color:var(--vurgu);} a:hover{color:var(--dugme-hover);}
button,input,select,textarea{font-family:inherit; font-size:inherit; color:inherit;}
button{cursor:pointer;}
:focus-visible{outline:3px solid var(--vurgu); outline-offset:2px;}
@media (prefers-reduced-motion:reduce){*{animation:none!important; transition:none!important;}}

.mono{font-family:var(--mono); font-variant-numeric:tabular-nums;}
.gizli{display:none!important;}
.sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}

/* ---------------- UYGULAMA İSKELETİ ---------------- */
#uygulama{min-height:100%; display:flex; flex-direction:column;}

.baslik{
  background:var(--marka); color:var(--marka-ink);
  padding:16px 18px 14px; position:sticky; top:0; z-index:30;
  display:flex; flex-direction:column; gap:14px;
}
.baslik-ust{display:flex; align-items:center; justify-content:space-between; gap:12px;}
.baslik-sol{display:flex; align-items:center; gap:13px; min-width:0;}
.baslik h1{font-size:21px; font-weight:800; letter-spacing:-.01em; margin:0; line-height:1.1;}
.baslik .alt{font-size:13.5px; color:var(--marka-alt); margin-top:2px;}
.baslik-sag{display:flex; align-items:center; gap:9px; flex-shrink:0;}
.geri{
  width:44px; height:44px; margin:-6px 0 -6px -10px; border:none; background:transparent;
  color:var(--marka-ink); display:flex; align-items:center; justify-content:center; border-radius:12px; flex-shrink:0;
}
.geri:hover{background:rgba(255,255,255,.12);}
.avatar{
  width:40px; height:40px; border-radius:999px; background:#fff; color:#640410;
  display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:800; flex-shrink:0;
}

.icerik{flex:1 1 auto; padding:20px 18px 26px; max-width:var(--en); width:100%; margin:0 auto;}
.icerik.genis{max-width:var(--en-genis);}
body.alt-barli .icerik{padding-bottom:calc(var(--altbar-boy, 120px) + 26px);}

/* ---------------- GEZİNME ----------------
   Başlığın hemen altında durur, ekranın altında değil: parmak oraya
   uzanmadan görülür ve hangi ekranda olunduğu hep göz önündedir.
   #uygulama zaten flex sütun olduğu için sıra CSS'ten veriliyor —
   ekranların bileşim sırası değişmedi. */
.baslik{order:1;}
.altmenu{order:2;}
.icerik{order:3;}
/* Alt bar en sonda. Geniş ekranda position:sticky oluyor, yani akışa
   giriyor — sıra verilmezse 0 sayılıp en başa geçer. */
.altbar{order:4;}

.altmenu{
  position:sticky; top:0; z-index:30;
  background:var(--yuzey); border-bottom:1.5px solid var(--cizgi);
  display:flex; gap:4px; padding:6px 10px;
}
.altmenu a{
  flex:1 1 0; display:flex; flex-direction:row; align-items:center; justify-content:center; gap:8px;
  padding:10px 6px; border-radius:12px; text-decoration:none; color:var(--ink2); min-height:46px;
}
.altmenu a span{font-size:14px; font-weight:600;}
.altmenu a.secili{background:var(--vurgu-zemin); color:var(--vurgu);}
.altmenu a.secili span{font-weight:700;}

/* ---------------- AMBALAJ SÜZGECİ ----------------
   İptal faturaları ekranında listeyi ambalaja göre daraltır. */
.suzgec{
  display:flex; gap:8px; overflow-x:auto; padding:2px 0 14px;
  -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.suzgec::-webkit-scrollbar{display:none;}
.suzgec button{
  flex:0 0 auto; font:inherit; font-size:14.5px; font-weight:700;
  padding:9px 17px; min-height:42px; border-radius:999px; cursor:pointer;
  background:var(--yuzey); color:var(--ink2); border:1.5px solid var(--cizgi);
}
.suzgec button.secili{background:var(--vurgu-zemin); color:var(--vurgu); border-color:var(--vurgu);}

/* ---------------- ALT EYLEM BARI ---------------- */
.altbar{
  position:fixed; left:0; right:0; bottom:0; z-index:30;
  background:var(--yuzey); border-top:1.5px solid var(--cizgi);
  padding:14px 18px calc(18px + env(safe-area-inset-bottom));
  display:flex; align-items:center; gap:14px;
}
.altbar .bilgi{display:flex; flex-direction:column; gap:2px; min-width:0; flex-shrink:0;}
.altbar .bilgi .et{font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink2);}
.altbar .bilgi .deger{font-size:16px; font-weight:700;}
.altbar-ic{max-width:var(--en); margin:0 auto; width:100%; display:flex; align-items:center; gap:14px;}

/* ---------------- DÜĞMELER ---------------- */
.dg{
  height:60px; padding:0 20px; border:none; border-radius:14px;
  background:var(--dugme); color:var(--dugme-ink);
  font-size:18px; font-weight:700; letter-spacing:.01em;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
}
.dg:hover{background:var(--dugme-hover);}
.dg:disabled{background:var(--pasif); color:var(--ink2); cursor:not-allowed;}
.dg.buyuk{height:68px; font-size:20px; font-weight:800;}
.dg.tam{width:100%;}
.dg.esnek{flex:1 1 auto;}
.dg.cizgi{background:var(--yuzey); color:var(--ink); border:1.5px solid var(--cizgi3);}
.dg.cizgi:hover{background:var(--ground);}
.dg.sade{background:transparent; color:var(--ink2); font-weight:600; font-size:16px; height:52px;}
.dg.sade:hover{background:var(--pasif);}
.dg.tehlike{background:transparent; color:var(--kirmizi); border:1.5px solid var(--kirmizi-kenar);}
.dg.tehlike:hover{background:var(--kirmizi-zemin);}
.dg.kucuk{height:46px; font-size:15px; padding:0 16px; border-radius:11px;}

/* ---------------- KART VE SATIR ---------------- */
.kart{background:var(--yuzey); border:1.5px solid var(--cizgi); border-radius:16px; padding:18px;}
.kart + .kart{margin-top:10px;}
.kart-baslik{font-size:17px; font-weight:700; line-height:1.3;}
.kod{font-family:var(--mono); font-size:14px; color:var(--ink2); margin-top:3px;}
.bolum{font-family:var(--mono); font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--vurgu); font-weight:600; margin:22px 0 10px;}
.bolum:first-child{margin-top:0;}
.ayrac{height:1px; background:var(--cizgi2);}
.bos{color:var(--ink2); font-size:15.5px; text-align:center; padding:34px 14px; line-height:1.55;}

.liste{display:flex; flex-direction:column; gap:10px;}
.satir{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  background:var(--yuzey); border:1.5px solid var(--cizgi); border-radius:14px;
  padding:15px 17px; min-height:76px; text-decoration:none; color:inherit; text-align:left; width:100%;
}
.satir:hover{border-color:var(--vurgu-cizgi);}
.satir .ad{font-size:20px; font-weight:700; letter-spacing:-.01em;}
.satir .not{font-size:14px; color:var(--ink2); margin-top:4px;}
.satir.donuk{background:var(--pasif);}
.satir.donuk .ad{color:var(--pasif-ink);}
.satir.dikkat{border-color:var(--sari-kenar);}
.satir.secili{border-color:var(--vurgu); border-width:2.5px;}

/* ---------------- SAYAÇ ---------------- */
.sayac{display:flex; flex-shrink:0;}
.sayac button{
  width:56px; height:56px; background:var(--yuzey); color:var(--vurgu);
  border:1.5px solid var(--cizgi); font-size:30px; font-weight:700; line-height:1;
  display:flex; align-items:center; justify-content:center; padding:0;
}
.sayac button:first-child{border-right:none; border-radius:12px 0 0 12px;}
.sayac button:last-child{border-left:none; border-radius:0 12px 12px 0;}
.sayac button:hover{background:var(--vurgu-zemin);}
.sayac button:active{background:var(--dugme); color:var(--dugme-ink);}
.sayac input{
  width:78px; height:56px; text-align:center;
  border-top:1.5px solid var(--cizgi); border-bottom:1.5px solid var(--cizgi); border-left:none; border-right:none;
  background:var(--yuzey2); color:var(--ink);
  font-family:var(--mono); font-size:25px; font-weight:600; font-variant-numeric:tabular-nums;
}
.sayac input:focus{outline:none; background:var(--vurgu-zemin); color:var(--vurgu);}

.sayac-satir{display:flex; align-items:center; justify-content:space-between; gap:12px;}
.sayac-satir .et{font-size:17px; font-weight:600;}
.sayac-satir .ip{font-size:14px; color:var(--ink2); margin-top:2px;}

/* ---------------- SONUÇ KUTUSU ---------------- */
.sonuc{background:var(--vurgu-zemin); border-radius:12px; padding:15px 16px; display:flex; flex-direction:column; gap:13px;}
.sonuc .et{font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--vurgu-ink); font-weight:600;}
.sonuc-satir{display:flex; align-items:flex-end; justify-content:space-between; gap:12px;}
.sonuc-satir .ad{font-size:15px; font-weight:600; line-height:1.3;}
.sonuc-satir .hesap{font-family:var(--mono); font-size:14px; color:var(--vurgu-ink); margin-top:2px;}
.sonuc-satir .adet{font-family:var(--mono); font-size:30px; font-weight:600; color:var(--vurgu); line-height:1; flex-shrink:0; font-variant-numeric:tabular-nums;}
.sonuc .ayrac{background:var(--vurgu-cizgi);}

/* ---------------- ROZET / ÇİP ---------------- */
.rozet{display:inline-flex; align-items:center; gap:7px; border-radius:999px; padding:8px 14px; font-size:14px; font-weight:700; flex-shrink:0;}
.rozet.yesil{background:var(--yesil-zemin); color:var(--yesil);}
.rozet.sari{background:var(--sari-zemin); color:var(--sari-ink);}
.rozet.kirmizi{background:var(--kirmizi-zemin); color:var(--kirmizi);}
.rozet.sade{background:var(--pasif); color:var(--ink2);}
.nokta{width:8px; height:8px; border-radius:999px; flex-shrink:0;}

.cip{display:inline-flex; align-items:center; gap:9px; background:var(--vurgu-zemin); border:1.5px solid var(--vurgu-cizgi); border-radius:999px; padding:6px 6px 6px 15px;}
.cip b{font-family:var(--mono); font-size:15px; font-weight:600; color:var(--vurgu);}
.cip span{font-size:14px; font-weight:500;}
.cip button{width:44px; height:44px; border:none; border-radius:999px; background:var(--yuzey); display:flex; align-items:center; justify-content:center; flex-shrink:0;}

/* ---------------- UYARI KUTUSU ---------------- */
.uyari{border-radius:14px; padding:15px 16px; display:flex; gap:12px; align-items:flex-start; font-size:15px; line-height:1.45;}
.uyari.sari{background:var(--sari-zemin); border:1.5px solid var(--sari-kenar); color:var(--sari-ink2);}
.uyari.sari b{color:var(--sari-ink); display:block; font-size:15.5px; margin-bottom:3px;}
.uyari.kirmizi{background:var(--kirmizi-zemin); border:1.5px solid var(--kirmizi-kenar); color:var(--kirmizi);}
.uyari.sade{background:var(--yuzey); border:1.5px solid var(--cizgi); color:var(--ink2);}
.uyari svg{flex-shrink:0; margin-top:1px;}

/* ---------------- FORM ---------------- */
.alan{display:block; margin-bottom:16px;}
.alan .et{font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink2); font-weight:600; margin-bottom:7px; display:block;}
.alan input, .alan select, .alan textarea{
  width:100%; height:60px; padding:0 16px;
  background:var(--yuzey); border:1.5px solid var(--cizgi); border-radius:13px;
  font-size:17px; font-weight:500;
}
.alan textarea{height:auto; min-height:96px; padding:14px 16px; resize:vertical;}
.alan select{appearance:none; background-image:none;}
.alan input:focus, .alan select:focus, .alan textarea:focus{outline:none; border-color:var(--vurgu); box-shadow:0 0 0 3px var(--vurgu-zemin);}

.ara{display:flex; align-items:center; gap:12px; background:var(--yuzey); border:1.5px solid var(--cizgi); border-radius:14px; padding:0 16px; height:60px;}
.ara input{flex:1 1 auto; min-width:0; border:none; background:transparent; height:100%; font-size:17px; font-weight:500;}
.ara input::placeholder{color:var(--ink2); opacity:1;}
.ara input:focus{outline:none;}
.ara button{width:44px; height:44px; border:none; border-radius:999px; background:var(--pasif); display:flex; align-items:center; justify-content:center; flex-shrink:0;}

/* ---------------- SEKME ---------------- */
.sekme{display:flex; gap:0; background:var(--marka-koyu); border-radius:12px; padding:4px;}
.sekme button{flex:1 1 0; padding:13px 6px; border:none; background:transparent; color:var(--marka-alt); border-radius:9px; font-size:16px; font-weight:600;}
.sekme button.secili{background:var(--yuzey); color:var(--vurgu); font-weight:700;}

.segment{display:flex; gap:4px; background:var(--pasif); border-radius:12px; padding:4px; margin-bottom:16px;}
.segment button{flex:1 1 0; padding:12px 6px; border:none; background:transparent; color:var(--ink2); border-radius:9px; font-size:15px; font-weight:600;}
.segment button.secili{background:var(--yuzey); color:var(--vurgu); font-weight:700; box-shadow:var(--golge);}

/* ---------------- TABLO (muhasebe) ---------------- */
.tablo-sar{overflow:auto; border:1.5px solid var(--cizgi); border-radius:14px; background:var(--yuzey);}
table.veri{width:100%; border-collapse:collapse; font-size:15px;}
table.veri th{
  font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink2); font-weight:600; text-align:left; padding:14px 16px;
  background:var(--yuzey2); border-bottom:1.5px solid var(--cizgi); position:sticky; top:0;
}
table.veri td{padding:13px 16px; border-top:1px solid var(--cizgi2); vertical-align:top;}
table.veri tr:first-child td{border-top:none;}
table.veri td.say{text-align:right; font-family:var(--mono); font-size:21px; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap;}
table.veri td.say.vurgu{color:var(--vurgu);}
table.veri .aciklama{font-family:var(--mono); font-size:13px; color:var(--ink2); margin-top:4px;}
table.veri .aciklama.dikkat{color:var(--sari);}

/* ---------------- BİLDİRİM ---------------- */
#bildirim{
  position:fixed; left:50%; bottom:calc(96px + env(safe-area-inset-bottom)); transform:translateX(-50%) translateY(12px);
  background:var(--ink); color:var(--ground); padding:14px 22px; border-radius:14px;
  font-size:16px; font-weight:700; z-index:80; opacity:0; pointer-events:none;
  transition:opacity .22s, transform .22s; max-width:calc(100vw - 36px); text-align:center; box-shadow:var(--golge);
}
#bildirim.gorunur{opacity:1; transform:translateX(-50%) translateY(0);}
#bildirim.hata{background:var(--kirmizi); color:#fff;}
#bildirim.olumlu{background:var(--yesil); color:#fff;}

/* ---------------- PENCERE (modal) ---------------- */
.perde{position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:60; display:flex; align-items:flex-end; justify-content:center;}
.pencere{
  background:var(--yuzey); border-radius:20px 20px 0 0; width:100%; max-width:var(--en);
  max-height:88vh; overflow-y:auto; padding:20px 18px calc(20px + env(safe-area-inset-bottom));
  border-top:1.5px solid var(--cizgi);
}
.pencere h2{font-size:21px; font-weight:800; margin:0 0 6px;}
.pencere .aciklama{color:var(--ink2); font-size:15px; margin:0 0 18px; line-height:1.5;}
@media (min-width:560px){
  .perde{align-items:center;}
  .pencere{border-radius:20px; max-height:82vh;}
}

/* ---------------- SENKRON DURUMU ---------------- */
.durum{display:inline-flex; align-items:center; gap:7px; border-radius:999px; padding:7px 13px; font-size:13.5px; font-weight:700;}
.durum.guncel{background:rgba(255,255,255,.16); color:var(--yesil-parlak);}
.durum.bekliyor{background:rgba(255,255,255,.16); color:#F4CF8C;}
.durum.kapali{background:rgba(255,255,255,.16); color:var(--marka-alt);}

/* ---------------- GİRİŞ EKRANI ---------------- */
.giris{min-height:100%; background:var(--marka); color:#fff; display:flex; flex-direction:column; padding:0 26px; align-items:center;}
.giris-ic{width:100%; max-width:380px; flex:1 1 auto; display:flex; flex-direction:column;}
.giris img{width:216px; height:auto; display:block; margin:0 auto;}
.giris h1{font-size:36px; font-weight:800; letter-spacing:-.02em; margin:0; text-align:center; line-height:1;}
.giris p.alt{font-size:16px; color:#E2BEC2; text-align:center; margin:10px auto 0; max-width:280px; line-height:1.45;}
.giris .beyaz{background:#fff; color:#191113; border:none;}
.giris .beyaz:hover{background:#F7E9EA;}
.giris .seffaf{background:transparent; color:#fff; border:1.5px solid #C08A92;}
.giris .seffaf:hover{background:rgba(255,255,255,.1);}
.giris .veya{display:flex; align-items:center; gap:14px; color:#C99AA0; font-size:14px; font-weight:500;}
.giris .veya i{flex:1 1 auto; height:1px; background:#8A3540; display:block;}
.giris .dip{text-align:center; padding:26px 0 30px;}
.giris .dip .mk{font-family:var(--mono); font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:#D2A2A8;}
.giris .dip .ac{font-size:13.5px; color:#D9AEB4; margin-top:6px;}

/* ---------------- YÜKLENİYOR ---------------- */
.yukleniyor{display:flex; flex-direction:column; align-items:center; gap:16px; padding:60px 20px; color:var(--ink2);}
.donen{width:34px; height:34px; border:3px solid var(--cizgi); border-top-color:var(--vurgu); border-radius:999px; animation:don .8s linear infinite;}
@keyframes don{to{transform:rotate(360deg);}}

/* ---------------- KONTROL TİKİ (kaydetmeden önce) ----------------
   Depocu her satırı gözüyle kontrol edip işaretliyor. Kutucuk küçük
   olursa tablette ıskalanır — bu yüzden satırın TAMAMI basılabilir
   ve tik kutusu 30px. */
.isaretlenebilir{cursor:pointer; -webkit-tap-highlight-color:transparent;}
.isaretlenebilir:focus-visible{outline:2px solid var(--vurgu); outline-offset:-2px;}
.tik{
  flex-shrink:0; width:30px; height:30px; border-radius:9px;
  border:2px solid var(--cizgi3); background:var(--yuzey);
  display:flex; align-items:center; justify-content:center; color:transparent;
  transition:background .12s ease, border-color .12s ease, color .12s ease;
}
.isaretlenebilir.tikli .tik{background:var(--yesil); border-color:var(--yesil); color:var(--yuzey);}
.isaretlenebilir.tikli{background:var(--yesil-zemin);}


/* ---------------- BÖLÜMLER ----------------
   Boş gelen kasalar en başta, kalın ayraç, sonra iptal faturaları.
   Aynı düzen kaydedilmiş kayıt tablosunda da geçerli. */
.bolum-basi{margin:0;}
.bolum-basi .ad{font-family:var(--mono); font-size:12.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--vurgu); font-weight:700;}
.bolum-basi .alt{font-size:13.5px; color:var(--ink2); margin-top:3px;}
.bolum-ayrac{height:0; border-top:2px dashed var(--cizgi3); margin:12px 0 6px;}
.obek-basi{font-family:var(--mono); font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink2); font-weight:600; margin:2px 0 -4px;}

table.veri tr.grup td{
  background:var(--vurgu-zemin); color:var(--vurgu);
  font-family:var(--mono); font-size:11.5px; letter-spacing:.15em;
  text-transform:uppercase; font-weight:700; padding:10px 16px;
  border-top:1.5px solid var(--vurgu-cizgi);
}
table.veri tr.altgrup td{
  background:var(--yuzey2); color:var(--ink2);
  font-family:var(--mono); font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; font-weight:600; padding:7px 16px;
}

/* ---------------- BİLGİSAYAR DÜZENİ ---------------- */
@media (min-width:900px){
  body{font-size:16px;}
  .icerik{padding:26px 26px 40px;}
  .altmenu{padding:0 26px; gap:2px; justify-content:flex-start;}
  .altmenu a{flex:0 0 auto; padding:14px 18px; border-radius:0; min-height:0; border-bottom:3px solid transparent;}
  .altmenu a.secili{background:transparent; border-bottom-color:var(--vurgu);}
  .altbar{position:sticky; bottom:0;}
}

/* ---------------- YAZDIRMA ---------------- */
@media print{
  .baslik, .altmenu, .altbar, #bildirim, .yazdirma-gizle,
  .tik{display:none!important;}
  /* Renkli zemin kâğıda basmaz — grup satırları çizgiyle ayrılır. */
  table.veri tr.grup td{border-top:2px solid #000; font-weight:700;}
  table.veri tr.altgrup td{border-top:1px solid #666;}
  body{background:#fff; color:#000; font-size:12pt;}
  .icerik{max-width:none; padding:0;}
  .kart, .tablo-sar{border-color:#999; break-inside:avoid;}
}