:root{
  --zemin:#f4f6f8;
  --yuzey:#ffffff;
  --cizgi:#e2e6ea;
  --metin:#1c2733;
  --metin-soluk:#5b6b7a;
  --lacivert:#0f2e4c;
  --lacivert-koyu:#0a2038;
  --amber:#e0891f;
  --amber-koyu:#c4740f;
  --basari:#1f8a4c;
  --tehlike:#c23636;
  --radius:12px;
  --golge:0 1px 3px rgba(15,46,76,.08), 0 1px 2px rgba(15,46,76,.06);
}

*{box-sizing:border-box}

html,body{
  margin:0;
  padding:0;
  background:var(--zemin);
  color:var(--metin);
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  font-size:15px;
}

a{color:var(--lacivert);text-decoration:none}
a:hover{text-decoration:underline}

.ust{
  background:var(--lacivert);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:.7rem 1.25rem;
  box-shadow:var(--golge);
  position:sticky;
  top:0;
  z-index:1000;
}

.ust .marka{
  font-weight:700;
  letter-spacing:.2px;
  font-size:1.05rem;
  color:#fff;
}

.ust .marka span{color:var(--amber)}

.ust nav{display:flex;gap:1.1rem;flex-wrap:wrap}
.ust nav a{color:#dce6ef;font-size:.92rem;font-weight:600}
.ust nav a:hover{color:#fff;text-decoration:none}
.ust nav a.aktif{color:var(--amber)}

.ust .kullanici{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:#c9d6e1}
.ust .kullanici a{color:#c9d6e1;font-weight:600}

.icerik{
  max-width:1180px;
  margin:0 auto;
  padding:1.5rem 1.25rem 3rem;
}

.kart{
  background:var(--yuzey);
  border:1px solid var(--cizgi);
  border-radius:var(--radius);
  box-shadow:var(--golge);
  padding:1.25rem 1.4rem;
}

.baslik-1{font-size:1.35rem;font-weight:700;margin:0 0 .3rem;color:var(--lacivert-koyu)}
.baslik-2{font-size:1.05rem;font-weight:700;margin:0 0 .8rem;color:var(--lacivert-koyu)}
.altbaslik{color:var(--metin-soluk);font-size:.9rem;margin:0 0 1.2rem}

.giris-sarici{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 15% 10%, rgba(224,137,31,.10), transparent 32%),
    radial-gradient(circle at 85% 90%, rgba(15,46,76,.10), transparent 32%),
    var(--zemin);
  padding:1rem;
}

.giris-kutu{
  width:100%;
  max-width:380px;
  background:var(--yuzey);
  border:1px solid var(--cizgi);
  border-radius:16px;
  box-shadow:0 20px 44px rgba(15,46,76,.12);
  padding:2.1rem 1.9rem;
}

.giris-logo{
  text-align:center;
  font-weight:800;
  font-size:1.3rem;
  color:var(--lacivert-koyu);
  margin-bottom:.15rem;
}
.giris-logo span{color:var(--amber)}
.giris-alt{text-align:center;color:var(--metin-soluk);font-size:.85rem;margin-bottom:1.6rem}

label{display:block;font-size:.83rem;font-weight:600;color:var(--metin-soluk);margin:0 0 .3rem}

input[type=text],input[type=password]{
  width:100%;
  padding:.62rem .75rem;
  border:1px solid var(--cizgi);
  border-radius:9px;
  font-size:.95rem;
  background:#fbfcfd;
  margin-bottom:1.05rem;
}
input[type=text]:focus,input[type=password]:focus{
  outline:none;
  border-color:var(--lacivert);
  background:#fff;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  border:none;
  border-radius:9px;
  padding:.62rem 1.1rem;
  font-size:.92rem;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
}
.btn-birincil{background:var(--lacivert);color:#fff;width:100%}
.btn-birincil:hover{background:var(--lacivert-koyu);text-decoration:none}
.btn-amber{background:var(--amber);color:#fff}
.btn-amber:hover{background:var(--amber-koyu)}

.hata{
  background:#fdeceb;
  border:1px solid #f3c6c2;
  color:var(--tehlike);
  padding:.6rem .8rem;
  border-radius:9px;
  font-size:.87rem;
  margin-bottom:1.1rem;
}

.kilit-uyari{
  background:#fff6e8;
  border:1px solid #f0d8a8;
  color:#8a5a09;
  padding:.6rem .8rem;
  border-radius:9px;
  font-size:.87rem;
  margin-bottom:1.1rem;
}

.rozet{
  display:inline-flex;
  align-items:center;
  padding:.15rem .55rem;
  border-radius:999px;
  font-size:.72rem;
  font-weight:700;
  background:#eef4fb;
  color:var(--lacivert);
}
.rozet.yonetici{background:#fdf1e3;color:var(--amber-koyu)}

.faz-liste{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.faz-liste li{
  display:flex;
  align-items:center;
  gap:.7rem;
  padding:.75rem .9rem;
  border:1px solid var(--cizgi);
  border-radius:10px;
  background:#fbfcfd;
}
.faz-liste .no{
  width:26px;height:26px;border-radius:50%;
  background:var(--lacivert);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:.78rem;font-weight:700;flex:0 0 auto;
}
.faz-liste li.tamam .no{background:var(--basari)}
.faz-liste li.tamam{opacity:.75}
.faz-liste .ad{font-weight:600}
.faz-liste .ac{color:var(--metin-soluk);font-size:.82rem}

/* ===== Liste / filtre ekranlari (Faz 2+) ===== */

.arac-cubuk{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:.8rem;
  margin-bottom:1.1rem;
}

.filtre-form{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  align-items:flex-end;
  margin-bottom:1.2rem;
  padding:1rem 1.1rem;
}

.filtre-form .alan{display:flex;flex-direction:column;min-width:140px}
.filtre-form .alan.gen{flex:1 1 220px}
.filtre-form label{margin-bottom:.25rem}
.filtre-form input,.filtre-form select{margin-bottom:0}

select{
  padding:.55rem .65rem;
  border:1px solid var(--cizgi);
  border-radius:9px;
  font-size:.9rem;
  background:#fbfcfd;
}

.tablo-sarici{overflow-x:auto}

table.veri{
  width:100%;
  border-collapse:collapse;
  font-size:.89rem;
}
table.veri th{
  text-align:left;
  color:var(--metin-soluk);
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.03em;
  font-weight:700;
  padding:.55rem .65rem;
  border-bottom:2px solid var(--cizgi);
  white-space:nowrap;
}
table.veri td{
  padding:.6rem .65rem;
  border-bottom:1px solid var(--cizgi);
  vertical-align:middle;
}
table.veri tbody tr:hover{background:#f8fafc}
table.veri td.sayi{text-align:right;font-variant-numeric:tabular-nums}

.durum{
  display:inline-flex;
  align-items:center;
  padding:.2rem .55rem;
  border-radius:999px;
  font-size:.74rem;
  font-weight:700;
  white-space:nowrap;
}
.durum-acik{background:#eaf1fb;color:var(--lacivert)}
.durum-tamam{background:#e7f6ec;color:var(--basari)}
.durum-iptal{background:#fdeceb;color:var(--tehlike)}
.durum-ertelendi{background:#fff6e8;color:#8a5a09}

.sayfalama{
  display:flex;
  align-items:center;
  gap:.4rem;
  flex-wrap:wrap;
  margin-top:1.1rem;
  font-size:.85rem;
}
.sayfalama a,.sayfalama span.aktif{
  padding:.35rem .65rem;
  border-radius:7px;
  border:1px solid var(--cizgi);
  color:var(--metin);
}
.sayfalama a:hover{background:#eef4fb;text-decoration:none}
.sayfalama span.aktif{background:var(--lacivert);color:#fff;border-color:var(--lacivert);font-weight:700}
.sayfalama .toplam{margin-left:auto;color:var(--metin-soluk)}

.satir-baglanti{color:inherit;display:block}
.satir-baglanti:hover{text-decoration:none}

.geri-link{display:inline-block;margin-bottom:.9rem;font-size:.88rem;font-weight:600}

.form-izgara{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1.2rem}
@media (max-width:640px){.form-izgara{grid-template-columns:1fr}}
.form-izgara .tam{grid-column:1/-1}

.mesaj-basari{
  background:#e7f6ec;border:1px solid #bfe6cb;color:var(--basari);
  padding:.6rem .8rem;border-radius:9px;font-size:.87rem;margin-bottom:1.1rem;
}

.gorsel-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;margin-top:.6rem}
.gorsel-izgara a{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--cizgi)}
.gorsel-izgara img{width:100%;height:110px;object-fit:cover;display:block}

.zaman-cizelge{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.zaman-cizelge li{
  padding:.6rem .8rem;
  border:1px solid var(--cizgi);
  border-radius:9px;
  background:#fbfcfd;
  font-size:.87rem;
  white-space:pre-wrap;
}

.btn-ikincil{background:#eef2f6;color:var(--metin)}
.btn-ikincil:hover{background:#e2e8ee}
.btn-tehlike{background:var(--tehlike);color:#fff}
.btn-tehlike:hover{background:#a52c2c}
.btn-kucuk{padding:.4rem .75rem;font-size:.82rem}

textarea{
  width:100%;
  padding:.6rem .75rem;
  border:1px solid var(--cizgi);
  border-radius:9px;
  font-size:.9rem;
  font-family:inherit;
  resize:vertical;
  min-height:70px;
}

/* ===== Bildirim zili ===== */
.zil{position:relative;color:#dce6ef!important;font-size:1.15rem;text-decoration:none!important;display:inline-flex}
.zil-sayi{
  position:absolute;top:-6px;right:-8px;
  background:var(--tehlike);color:#fff;
  font-size:.62rem;font-weight:800;
  min-width:16px;height:16px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  padding:0 3px;line-height:1;
}
.kullanici-ad{display:inline}

/* ===== Mobil uygulama hissi ===== */
.alt-cubuk{display:none}

@media (max-width:760px){
  .ust nav{display:none}
  .ust{padding:.6rem .9rem}
  .ust .marka{font-size:.95rem}
  .kullanici-ad{display:none}
  .icerik{padding:.9rem .7rem 5.2rem}

  .alt-cubuk{
    display:flex;
    position:fixed;
    left:0;right:0;bottom:0;
    background:var(--yuzey);
    border-top:1px solid var(--cizgi);
    box-shadow:0 -2px 10px rgba(15,46,76,.08);
    padding:.35rem .2rem calc(.35rem + env(safe-area-inset-bottom));
    z-index:1100;
  }
  .alt-cubuk a{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.15rem;
    font-size:.68rem;
    font-weight:700;
    color:var(--metin-soluk);
    text-decoration:none;
    padding:.3rem 0;
    border-radius:10px;
  }
  .alt-cubuk a span{font-size:1.2rem}
  .alt-cubuk a.aktif{color:var(--lacivert);background:var(--primary-soft,#eef4fb)}
}

@media (display-mode: standalone){
  .ust{padding-top:calc(.7rem + env(safe-area-inset-top))}
}

/* ===== Duzenle acilir satiri (arac/personel yonetimi) ===== */
.duzenle-satiri{display:none;background:#fbfcfd}
.duzenle-satiri.acik{display:table-row}
.duzenle-satiri td{padding-top:1rem;padding-bottom:1rem}

.duzenle-blok{display:none}
.duzenle-blok.acik{display:block}

/* ===== Is ekle - kayitli cari / tek seferlik adres secici ===== */
.mod-secici{display:flex;gap:.6rem;flex-wrap:wrap}
.mod-btn{
  flex:1 1 180px;
  padding:.65rem 1rem;
  border:1px solid var(--cizgi);
  border-radius:10px;
  background:#fbfcfd;
  color:var(--metin-soluk);
  font-weight:700;
  font-size:.88rem;
  cursor:pointer;
}
.mod-btn.aktif{background:var(--lacivert);color:#fff;border-color:var(--lacivert)}

/* ===== Gorunum (personel gozunden bakma) cubugu ===== */
.gorunum-cubugu{
  background:var(--amber);
  color:#fff;
  text-align:center;
  font-size:.85rem;
  font-weight:600;
  padding:.5rem .8rem;
  position:sticky;
  top:0;
  z-index:1050;
}
.gorunum-cubugu a{
  color:#fff;
  text-decoration:underline;
  font-weight:700;
  margin-left:.6rem;
}

/* ===== Tam harita sayfasi - viewport'u tasmasin, header/alt menu her zaman gorunsun ===== */
.harita-tam{
  width:100%;
  height:min(640px, 68vh);
  min-height:320px;
}
@media (max-width:760px){
  .harita-tam{height:min(400px, 42vh)}
}

/* ===== Panel mini harita / grafik boyutlari (mobilde tasip cirkinlesmesin) ===== */
.mini-harita{height:220px;width:100%;margin-top:.7rem}
.grafik-kutu{position:relative;height:220px;width:100%}
.grafik-kutu-kucuk{height:200px}
@media (max-width:760px){
  .mini-harita{height:170px}
  .grafik-kutu{height:190px}
  .grafik-kutu-kucuk{height:210px}
}

/* ===== Daha fazla (tum sayfalar) menusu ===== */
.daha-fazla-ortusu{
  position:fixed;inset:0;
  background:rgba(10,32,56,.45);
  z-index:1200;
  display:flex;
  align-items:flex-end;
}
.daha-fazla-panel{
  background:var(--yuzey);
  width:100%;
  border-radius:18px 18px 0 0;
  padding:1rem 1.1rem calc(1.1rem + env(safe-area-inset-bottom));
  max-height:75vh;
  overflow-y:auto;
  box-shadow:0 -10px 30px rgba(10,32,56,.25);
}
.daha-fazla-baslik{
  display:flex;justify-content:space-between;align-items:center;
  font-weight:800;color:var(--lacivert-koyu);font-size:1.02rem;
  margin-bottom:.9rem;
}
.daha-fazla-baslik button{
  background:none;border:none;font-size:1.1rem;color:var(--metin-soluk);cursor:pointer;padding:.2rem .4rem;
}
.daha-fazla-izgara{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.7rem;
}
.daha-fazla-izgara a{
  display:flex;flex-direction:column;align-items:center;gap:.35rem;
  padding:.9rem .5rem;
  border:1px solid var(--cizgi);
  border-radius:12px;
  background:#fbfcfd;
  color:var(--metin);
  font-size:.78rem;
  font-weight:700;
  text-decoration:none;
  text-align:center;
}
.daha-fazla-izgara a span{font-size:1.4rem}
.daha-fazla-izgara a:hover{background:#eef4fb;text-decoration:none}
@media (min-width:761px){
  .daha-fazla-ortusu,.alt-cubuk{display:none!important}
}

/* ===== Push izin banneri ===== */
.push-banner{
  position:fixed;
  left:1rem;right:1rem;bottom:1rem;
  max-width:520px;
  margin:0 auto;
  background:var(--lacivert-koyu);
  color:#fff;
  border-radius:12px;
  padding:.85rem 1rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  flex-wrap:wrap;
  box-shadow:0 12px 30px rgba(10,32,56,.35);
  z-index:1150;
}
.push-banner span{font-size:.87rem;flex:1 1 220px}

@media (max-width:760px){
  .push-banner{bottom:calc(4.6rem + env(safe-area-inset-bottom))}
}

/* ===== KPI kartlari (ozet sayilar - panel/sofor/rapor ortak) ===== */
.kpi-izgara{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.75rem;
}
@media (min-width:640px){
  .kpi-izgara{grid-template-columns:repeat(var(--kpi-kolon,4),1fr)}
}
.kpi-kart{
  --renk:var(--lacivert);
  position:relative;
  background:var(--yuzey);
  border:1px solid var(--cizgi);
  border-radius:14px;
  padding:.95rem 1rem .95rem 1.15rem;
  overflow:hidden;
  box-shadow:var(--golge);
}
.kpi-kart::before{
  content:'';
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:var(--renk);
}
.kpi-kart .kpi-ust{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}
.kpi-kart .kpi-ikon{
  font-size:1.05rem;
  width:30px;height:30px;
  border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb, var(--renk) 14%, #fff);
}
.kpi-kart .kpi-sayi{font-size:1.5rem;font-weight:800;color:var(--lacivert-koyu);font-variant-numeric:tabular-nums;line-height:1.1}
.kpi-kart .kpi-etiket{font-size:.76rem;color:var(--metin-soluk);font-weight:700;margin-top:.15rem;text-transform:uppercase;letter-spacing:.02em}
.kpi-kart.basari{--renk:var(--basari)}
.kpi-kart.amber{--renk:var(--amber)}
.kpi-kart.tehlike{--renk:var(--tehlike)}

/* ===== Bos durum ===== */
.bos-durum{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:2.6rem 1rem;
  color:var(--metin-soluk);
  gap:.5rem;
}
.bos-durum .ikon{font-size:2.4rem;opacity:.55;margin-bottom:.2rem}
.bos-durum .baslik{font-weight:700;color:var(--metin);font-size:.95rem}
.bos-durum .alt{font-size:.85rem}

/* ===== Rota durak karti (sofor ekrani) ===== */
.durak-listesi{display:flex;flex-direction:column;gap:.6rem}
.durak-karti{
  --renk:var(--lacivert);
  display:flex;
  align-items:center;
  gap:.8rem;
  padding:.85rem .95rem;
  border:1px solid var(--cizgi);
  border-radius:12px;
  background:var(--yuzey);
  position:relative;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
}
.durak-karti::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--renk)}
.durak-karti:hover{text-decoration:none;background:#f8fafc}
.durak-karti.tamam{--renk:var(--basari);opacity:.72}
.durak-karti.iptal{--renk:var(--tehlike);opacity:.6}
.durak-karti.kilitli{--renk:var(--cizgi);opacity:.55}
.durak-sira{
  flex:0 0 auto;
  width:34px;height:34px;
  border-radius:10px;
  background:color-mix(in srgb, var(--renk) 15%, #fff);
  color:var(--renk);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:.9rem;
}
.durak-govde{flex:1;min-width:0}
.durak-baslik{font-weight:700;font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.durak-alt{font-size:.78rem;color:var(--metin-soluk);margin-top:.1rem}

/* ===== Native tarih secici tutarli boyut ===== */
input[type=date]{
  width:100%;
  padding:.55rem .65rem;
  border:1px solid var(--cizgi);
  border-radius:9px;
  font-size:.9rem;
  background:#fbfcfd;
  min-height:40px;
  color:var(--metin);
  font-family:inherit;
}
input[type=date]:focus{outline:none;border-color:var(--lacivert);background:#fff}

/* ===== Filtre karti - mobilde daha kompakt ve net ===== */
@media (max-width:760px){
  .filtre-form{padding:.9rem 1rem;gap:.85rem}
  .filtre-form .alan{min-width:0;width:100%}
  .filtre-form select,.filtre-form input{min-height:44px}
}

/* ===== Push/kurulum banner gorsel iyilestirme ===== */
.push-banner{
  align-items:flex-start;
  gap:.7rem;
  padding:.9rem 1rem;
  border-radius:16px;
  animation:smBannerYukari .25s ease-out;
}
.push-banner .pb-ikon{
  flex:0 0 auto;
  width:34px;height:34px;
  border-radius:50%;
  background:rgba(224,137,31,.22);
  display:flex;align-items:center;justify-content:center;
  font-size:1rem;
  margin-top:.05rem;
}
.push-banner .pb-metin{flex:1 1 220px;line-height:1.4;font-size:.87rem}
.push-banner > div:last-child{flex:0 0 auto;align-self:center}
@keyframes smBannerYukari{
  from{transform:translateY(16px);opacity:0}
  to{transform:translateY(0);opacity:1}
}

/* Leaflet katmanlari (400-800) kart/katman disina tasmasin: harita kendi yigin baglaminda kalir */
.mini-harita,.harita-tam,.leaflet-container{position:relative;z-index:0;isolation:isolate}
.mini-harita{overflow:hidden;border-radius:0 0 var(--radius) var(--radius)}

/* hidden ozniteligi display:flex'e yenilmesin: katman kapanabilsin */
.daha-fazla-ortusu[hidden]{display:none!important}

/* ===== Mobil sagligi: grid cocuklari icerigi kadar genislemesin (uzun option'li select sayfayi genisletiyordu) ===== */
.form-izgara>*,.kalem-satir>*,.filtre-form>*{min-width:0}
input,select,textarea{max-width:100%;box-sizing:border-box}
input[type=file]{max-width:100%}
@media (max-width:760px){
  /* 16px alti yazi tipi iOS'ta odaklaninca otomatik yakinlastirir - engelle */
  input,select,textarea{font-size:16px!important}
  .form-izgara{grid-template-columns:1fr}
}

/* ===== Siparis kalem satirlari ===== */
/* ---- siparis satirlari: numara dugmesi | urun | (adet birim fiyat) esit yukseklik; masaustu tek satir, mobil iki satir ---- */
.kalem-baslik{display:grid;grid-template-columns:36px minmax(0,1fr) calc(300px + .8rem);gap:.45rem;padding:0 .5rem .3rem;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;color:var(--metin-soluk);border-bottom:1px solid var(--cizgi);margin-top:.6rem}
.kalem-baslik .kb-sayilar{display:flex;gap:.4rem}.kalem-baslik .kb-sayilar span{flex:0 0 auto}
.kalem-baslik .kb-sayilar span:nth-child(1){width:84px}.kalem-baslik .kb-sayilar span:nth-child(2){width:104px}.kalem-baslik .kb-sayilar span:nth-child(3){width:112px}
.kalem-satir{display:grid;grid-template-columns:36px minmax(0,1fr) calc(300px + .8rem);gap:.45rem;align-items:center;margin-top:.45rem;padding:.45rem .5rem;border:1px solid var(--cizgi);border-radius:10px;background:rgba(0,0,0,.025)}
.kalem-satir label{display:none}
.kalem-satir .ks-no{width:36px;height:36px;border-radius:50%;border:none;background:var(--birincil,#2563eb);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;justify-self:center;cursor:pointer;padding:0;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.kalem-satir .ks-no:active{transform:scale(.94)}
.kalem-satir .ks-sayilar{display:flex;gap:.4rem;align-items:flex-end}
.kalem-satir .ks-sayilar>div{display:flex;flex-direction:column;min-width:0}
.kalem-satir .ks-adet{flex:0 0 84px}.kalem-satir .ks-birim{flex:0 0 104px}.kalem-satir .ks-fiyat{flex:0 0 112px}
.kalem-satir input,.kalem-satir select{box-sizing:border-box;min-height:44px;height:44px;line-height:normal;padding:0 .6rem;width:100%;margin:0}
.kalem-satir input[name="urun[]"]{font-weight:600}
.kalem-satir .ks-not{grid-column:2/-1}
.kalem-satir .ks-not input{font-size:.85rem;height:38px;min-height:38px;background:transparent;border-style:dashed}
.kalem-satir .ks-araclar{grid-column:1/-1;display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;padding:.35rem 0 0}
.kalem-satir .ks-araclar[hidden]{display:none!important}
.kalem-satir .ks-araclar button{height:38px;padding:0 .8rem;border-radius:8px;border:1px solid var(--cizgi);background:#fff;cursor:pointer;font-weight:600;font-size:.85rem}
.kalem-satir .ks-araclar button:disabled{opacity:.4;cursor:default}
.kalem-satir .ks-araclar .kalem-sil{background:var(--tehlike);color:#fff;border-color:var(--tehlike)}
.kalem-satir .ks-araclar .kalem-vazgec{margin-left:auto;width:38px;padding:0}
@media (max-width:640px){
  .kalem-baslik{display:none}
  .kalem-satir{grid-template-columns:36px minmax(0,1fr);gap:.4rem}
  .kalem-satir .ks-sayilar{grid-column:2/-1;gap:.4rem}
  .kalem-satir .ks-adet,.kalem-satir .ks-birim,.kalem-satir .ks-fiyat{flex:1 1 0;width:auto}
  .kalem-satir label{display:block;height:14px;line-height:14px;font-size:.7rem;margin:0 0 .2rem;color:var(--metin-soluk);white-space:nowrap;overflow:hidden}
  .kalem-satir .ks-urun label{display:none}
  .kalem-satir .ks-not{grid-column:2/-1}
}
/* bildirim listesi: uzun metin/URL tasmasin, dugmeler sagda sabit; mobilde altta */
.bildirim-satir{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;align-items:flex-start;padding:.8rem 0;border-bottom:1px solid var(--cizgi)}
.bildirim-ikon{font-size:1.3rem;line-height:1.2}
.bildirim-govde{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.bildirim-govde .bildirim-baslik{font-weight:700}
.bildirim-govde .bildirim-metin{white-space:pre-wrap;color:var(--metin);font-size:.9rem;margin-top:.2rem}
.bildirim-eylem{display:flex;flex-direction:column;gap:.4rem;flex-shrink:0;align-items:stretch}
.bildirim-eylem form{margin:0}.bildirim-eylem .btn{white-space:nowrap;width:100%;justify-content:center}
@media (max-width:640px){
  .bildirim-satir{grid-template-columns:auto minmax(0,1fr)}
  .bildirim-eylem{grid-column:2/-1;flex-direction:row;flex-wrap:wrap}
  .bildirim-eylem .btn{width:auto}
}

/* is detay: tutarli kartlar */
.btn,a.btn{text-decoration:none}
.hizli-2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.8rem}
.hizli-2 .btn{width:100%;min-height:44px;justify-content:center;white-space:nowrap}
.foto-btn{width:100%;min-height:48px;font-size:1rem}
.durum-form select,.durum-form input{width:100%;min-height:44px}
.durum-form label small{font-weight:400;color:var(--metin-soluk);margin-left:.25rem}
.durum-dugmeler{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.durum-dugmeler .btn{width:100%;min-height:46px;justify-content:center;white-space:nowrap;padding-left:.4rem;padding-right:.4rem}
@media (max-width:380px){.durum-dugmeler{grid-template-columns:1fr 1fr}.durum-dugmeler .btn:first-child{grid-column:1/-1}}

.goster-btn{border:1px dashed var(--cizgi);background:#fff;border-radius:999px;padding:.3rem .8rem;font:inherit;font-size:.85rem;font-weight:600;color:var(--birincil,#0f2e4c);cursor:pointer;min-height:34px}