:root{
  --bg:#f4f5f7; --kart:#fff; --yazi:#1b1f24; --soluk:#5f6b7a; --cizgi:#dde1e6;
  --lacivert:#232323; --lacivert2:#9e0c24; --marka:#C8102E; --markabg:#fbeef0;
  --cekim:#2563eb; --baski:#7c3aed; --kesim:#ea580c; --sevkiyat:#16a34a;
  --ok:#15803d; --okbg:#e7f6ec; --hata:#b91c1c; --hatabg:#fdecec; --uyari:#a16207; --uyaribg:#fef7e0;
  --r:10px;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--yazi);
  font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--lacivert2)}
header.ust{background:#fff;color:var(--yazi);padding:8px 16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;border-bottom:3px solid var(--marka);box-shadow:0 1px 3px rgba(0,0,0,.06)}
header.ust .logo{margin-right:auto;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--soluk)}
header.ust .logo img{height:40px;width:auto;display:block}
header.ust .logo span{font-size:13px;font-weight:600;letter-spacing:.4px;border-left:1px solid var(--cizgi);padding-left:10px;text-transform:uppercase}
header.ust nav{display:flex;gap:4px;flex-wrap:wrap}
header.ust nav a{color:#333;text-decoration:none;padding:6px 10px;border-radius:8px;font-size:15px}
header.ust nav a.aktif,header.ust nav a:hover{background:var(--markabg);color:var(--lacivert2)}
header.ust .kim{font-size:14px;color:var(--soluk)}
header.ust .kim a{color:var(--yazi)}
main{max-width:1180px;margin:0 auto;padding:16px}
main.dar{max-width:560px}
h1{font-size:22px;margin:4px 0 14px}
h2{font-size:18px;margin:22px 0 10px}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:14px 16px;margin-bottom:14px}
.flash{padding:10px 14px;border-radius:var(--r);margin-bottom:12px;font-weight:500}
.flash.ok{background:var(--okbg);color:var(--ok)}
.flash.hata{background:var(--hatabg);color:var(--hata)}
.flash.uyari{background:var(--uyaribg);color:var(--uyari)}
label{display:block;font-size:14px;color:var(--soluk);margin:10px 0 4px}
input,select,textarea{width:100%;font:inherit;padding:10px 12px;border:1px solid #c5ccd5;border-radius:8px;background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid var(--lacivert2);outline-offset:0;border-color:transparent}
.satir{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 12px}
.btn{display:inline-block;border:0;border-radius:10px;padding:11px 18px;font:inherit;font-weight:600;cursor:pointer;
  background:var(--lacivert);color:#fff;text-decoration:none;text-align:center}
.btn:hover{filter:brightness(1.1)}
.btn.ikincil{background:#e8ecf2;color:var(--yazi)}
.btn.tehlike{background:var(--hata)}
.btn.buyuk{display:block;width:100%;padding:18px;font-size:19px;margin-top:10px}
.btn.kucuk{padding:6px 10px;font-size:14px;border-radius:8px}
.btn.yesil{background:var(--sevkiyat)}
.btn:disabled{opacity:.45;cursor:not-allowed}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{padding:8px 10px;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:top}
th{font-size:13px;color:var(--soluk);font-weight:600;background:#f8f9fb}
td.say,th.say{text-align:right;font-variant-numeric:tabular-nums}
.tablo-kap{overflow-x:auto}
.soluk{color:var(--soluk)}
.kucuk{font-size:13px}
.rozet{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:99px;background:#e8ecf2;color:#334}
.rozet.devam{background:#dbeafe;color:#1d4ed8}
.rozet.tamamlandi,.rozet.sevk_edildi{background:var(--okbg);color:var(--ok)}
.rozet.hazir{background:var(--uyaribg);color:var(--uyari)}
.rozet.yok{background:#f1f1f1;color:#999}
.rozet.iptal{background:var(--hatabg);color:var(--hata)}

/* aşama renk şeridi */
.a-cekim{--ac:var(--cekim)} .a-baski{--ac:var(--baski)} .a-kesim{--ac:var(--kesim)} .a-sevkiyat{--ac:var(--sevkiyat)}
.asama-bas{border-left:6px solid var(--ac);padding-left:12px}
.asama-bas .etiket{color:var(--ac);font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:13px}

/* pano */
.ozet-kutular{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:14px}
.ozet-kutular .kutu{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:10px 14px;border-top:4px solid var(--ac)}
.ozet-kutular .kutu b{display:block;font-size:22px;font-variant-numeric:tabular-nums}
.is-kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:12px 14px;margin-bottom:10px}
.is-kart .ust{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.is-kart .no{font-weight:700;font-size:17px;text-decoration:none;color:var(--lacivert)}
.is-kart .urun{color:var(--soluk)}
.adimlar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.adim{border:1px solid var(--cizgi);border-radius:8px;padding:8px 10px;border-top:4px solid var(--ac);min-width:0}
.adim .baslik{font-size:12px;font-weight:700;color:var(--ac);text-transform:uppercase;letter-spacing:.4px}
.adim .deger{font-size:15px;font-variant-numeric:tabular-nums;margin-top:2px}
.adim .kim{font-size:12px;color:var(--soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adim.yok{opacity:.45}
.cubuk{height:6px;border-radius:9px;background:#eef0f3;margin-top:6px;overflow:hidden}
.cubuk i{display:block;height:100%;background:var(--ac)}
.canli{display:inline-block;width:9px;height:9px;border-radius:50%;background:#22c55e;margin-right:6px;animation:nabiz 1.6s infinite}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.iki-kolon{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}
.akis li{list-style:none;padding:8px 0;border-bottom:1px solid var(--cizgi);font-size:14px}
.akis{padding:0;margin:0}
@media (min-width:901px){.akis-kart{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}}
.akis .zaman{color:var(--soluk);font-size:12px}
.sekme{display:flex;gap:6px;margin-bottom:12px}
.sekme a{padding:7px 12px;border-radius:8px;text-decoration:none;background:#e8ecf2;color:var(--yazi);font-size:14px}
.sekme a.aktif{background:var(--lacivert);color:#fff}

/* aşama ekranı (telefon) */
.buyuk-sayi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.buyuk-sayi div{background:#f8f9fb;border-radius:8px;padding:10px 12px}
.buyuk-sayi b{display:block;font-size:24px;font-variant-numeric:tabular-nums}
.buyuk-sayi span{font-size:13px;color:var(--soluk)}
.giris-sayi input{font-size:28px;padding:14px;text-align:center;font-variant-numeric:tabular-nums}
.kayit-liste li{list-style:none;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--cizgi)}
.kayit-liste{padding:0;margin:0}
.bilgi-satir{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px}
.bilgi-satir b{font-weight:600}

@media (max-width:900px){
  .iki-kolon{grid-template-columns:1fr}
  .adimlar{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:420px){
  main{padding:12px}
  header.ust nav a{padding:6px 8px;font-size:14px}
}

/* sayaç rozeti ve fiyat modülü sekmeleri */
.sayac{display:inline-block;min-width:20px;padding:0 6px;border-radius:99px;background:#f59e0b;color:#111;font-size:12px;font-weight:700;text-align:center;line-height:20px}
.ust-sekme{display:flex;gap:4px;border-bottom:2px solid var(--cizgi);margin:0 0 14px;flex-wrap:wrap}
.ust-sekme a{padding:9px 14px;text-decoration:none;color:var(--soluk);font-weight:600;border-bottom:3px solid transparent;margin-bottom:-2px}
.ust-sekme a.aktif{color:var(--lacivert);border-bottom-color:var(--lacivert)}
.ust-sekme a:hover{color:var(--lacivert)}
.fiyat-duzen{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:16px;align-items:start}
.fiyat-duzen .sonuc{position:sticky;top:10px;max-height:calc(100vh - 20px);overflow:auto}
@media (max-width:1100px){.fiyat-duzen{grid-template-columns:1fr}.fiyat-duzen .sonuc{position:static;max-height:none}}
fieldset{border:1px solid var(--cizgi);border-radius:var(--r);padding:8px 14px 12px;margin:0 0 12px;background:#fff}
legend{font-weight:700;color:var(--lacivert);padding:0 6px}
.recete td,.recete th{padding:4px 6px;border:0}
.recete input,.recete select{padding:7px 8px}
.kucuk-input{max-width:110px}
.buyuk-fiyat{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--lacivert)}
.degisti{background:#fff7d6 !important}
table.kirilim td{padding:5px 8px}
table.kirilim.sik td,table.kirilim.sik th{padding:5px 5px;font-size:13.5px}
table.kirilim tr.toplam td{font-weight:700;border-top:2px solid var(--yazi)}
.yan-yana{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.yan-yana > div{background:#f8f9fb;border-radius:8px;padding:10px 12px}
.yan-yana b{display:block;font-size:22px;font-variant-numeric:tabular-nums}
main.genis{max-width:1500px}

/* hammadde başlıkları */
.recete tr.hm-baslik td{font-weight:700;color:var(--lacivert);padding-top:12px;border-bottom:1px solid var(--cizgi)}
.hm-ust{position:sticky;top:0;z-index:5;background:var(--bg);padding:8px 0 10px;margin-bottom:6px}
.hm-secim{display:flex;flex-wrap:wrap;gap:6px}
.hm-sek{font:inherit;font-size:14px;padding:6px 12px;border-radius:18px;border:1px solid var(--cizgi);background:#fff;color:var(--lacivert);cursor:pointer}
.hm-sek:hover{border-color:var(--lacivert2)}
.hm-sek .adet{font-size:12px;color:var(--soluk);margin-left:2px}
.hm-sek.aktif{background:var(--lacivert);color:#fff;border-color:var(--lacivert)}
.hm-sek.aktif .adet{color:#cfd8ea}
.hm-sek.degisti-var::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#f59e0b;margin-left:6px;vertical-align:middle}
.hm-kart[hidden]{display:none!important}
.tel-birim{display:none}
@media (max-width:700px){.hm-kart .tg{display:none}.tel-birim{display:inline}.hm-kart td input.kucuk-input{min-width:76px}.hm-kart td,.hm-kart th{padding-left:6px;padding-right:6px}}

/* kur ve alış fiyatı birimi */
.hm-kur-satir{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.hm-kur{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.hm-kur label{margin:0;font-weight:600}
.hm-kur input{max-width:96px;text-align:right}
.hm-giris{display:flex;gap:4px;justify-content:flex-end;align-items:center;flex-wrap:nowrap}
.hm-giris input{min-width:96px}
.hm-tl,.hm-ef{white-space:nowrap}
.hm-giris select{width:auto;padding:6px 4px}
.hm-sabit-birim{font-size:13px;color:var(--soluk);min-width:52px;text-align:left}
tr.kur-yok .hm-tl,tr.kur-yok .hm-ef{color:#b91c1c}
@media (max-width:700px){.hm-ust{position:static}.hm-giris{flex-wrap:wrap}.hm-kart td input.hm-g{min-width:96px}.hm-tl,.hm-ef{white-space:normal}}

/* hammadde deposu */
tr.stok-eksi td{background:var(--hatabg)}
tr.stok-eksi td b{color:var(--hata)}
tr.stok-az td{background:var(--uyaribg)}
.adim-bas{font-weight:700;margin-bottom:8px}
.masura-satir{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--cizgi)}
.masura-satir:first-of-type{border-top:0}
.masura-satir span{flex:1 1 180px}
/* yanlış bölümün QR'ı okutuldu */
.yanlis-qr{background:var(--hata);color:#fff;border-radius:12px;padding:16px 18px;margin-bottom:12px;box-shadow:0 2px 10px rgba(185,28,28,.35)}
.yanlis-qr .yq-baslik{font-weight:800;letter-spacing:1px;font-size:14px;opacity:.9}
.yanlis-qr .yq-metin{font-size:22px;font-weight:800;line-height:1.25;margin:4px 0 12px}
.yanlis-qr .btn{background:#fff;color:var(--hata)}
.pdf-ek{display:inline-block;padding:10px 14px;border:1px dashed var(--cizgi);border-radius:6px;font-weight:600;color:var(--lacivert)}
/* telefonda baskı görseli */
.baski-gorseli{margin-top:12px}
.baski-gorseli .bg-baslik{font-weight:900;letter-spacing:1.5px;font-size:15px;color:var(--baski,#7c3aed);margin-bottom:4px}
.baski-gorseli .bg-renk{font-size:14px;margin-bottom:8px}
.baski-gorseli .bg-resim{display:block;text-align:center}
.baski-gorseli .bg-resim img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;border:1px solid var(--cizgi);border-radius:8px;background:#fff}
.baski-gorseli .bg-dugmeler{display:flex;gap:8px;margin-top:8px}
/* reçete: mono / AB / ABC seçimi */
.kat-secim{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.kat-sek{position:relative;display:flex;flex-direction:column;gap:2px;border:1.5px solid var(--cizgi);border-radius:10px;padding:10px 12px;cursor:pointer;margin:0;background:#fff}
.kat-sek input{position:absolute;opacity:0;pointer-events:none}
.kat-sek b{font-size:17px;letter-spacing:1px;color:var(--lacivert)}
.kat-sek span{font-size:12.5px;color:var(--soluk)}
.kat-sek.aktif{border-color:var(--lacivert);background:#f3f3f3;box-shadow:0 0 0 1px var(--lacivert) inset}
.kat-kutular [hidden],.kat-pay[hidden]{display:none!important}
.kat-pay input[readonly]{background:#f1f3f6;color:var(--soluk)}
.abc-uyari[hidden]{display:none!important}
/* imalat müdürü sayfası */
.im-kolonlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
@media (max-width:1100px){.im-kolonlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.im-kolonlar{grid-template-columns:1fr}}
.im-baslik{font-weight:600;font-size:13px;margin:10px 0 4px;color:var(--soluk,#666)}
.im-is{border:1px solid var(--cizgi,#e5e5e5);border-radius:8px;padding:6px 8px;margin-bottom:6px;background:#fff}
.im-is.gecikti{border-color:#e0a0a0;background:#fff6f6}
.im-is .cubuk{margin:4px 0}

/* koli (firma 2026-10-02) */
.koli-kutu{border:1px solid var(--cizgi);border-radius:8px;padding:10px 12px;margin-top:6px;background:#fcfaf6}
.koli-ana{display:flex;flex-direction:column;gap:2px}
.koli-olcu{font-size:22px;letter-spacing:.3px}
.koli-cizim{margin-top:8px;max-width:420px}
.koli-cizim > svg,.poset-gorsel > svg{width:100%;height:auto;display:block}
.poset-gorsel{max-width:520px;margin:0 auto}
.gorsel-ayar{display:grid;grid-template-columns:auto 1fr auto;gap:6px 10px;align-items:center;max-width:520px;margin:10px auto 0}
.gorsel-ayar input[type=range]{width:100%}
.kirmizi{color:#b42318}

/* marka */
.giris-logo{display:block;width:min(300px,80%);height:auto;margin:6px auto 18px}
/* müşteri portalı (firma 2026-10-05) */
.portal-alt{text-align:center;color:var(--soluk);font-size:13px;padding:20px 16px 28px}
.portal-liste{display:grid;gap:10px}
.portal-kart{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;text-decoration:none;color:inherit;margin:0}
.portal-kart:hover{box-shadow:0 0 0 2px var(--marka) inset}
.portal-kart .no{font-size:17px}
.portal-baslik{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.portal-karar{max-width:860px}
.portal-kalem{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--cizgi);font-weight:500;color:var(--yazi);margin:0}
.portal-kalem input{width:auto;margin-right:8px}
label.portal-kalem{justify-content:flex-start;cursor:pointer}
.portal-dugmeler{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.portal-dugmeler .btn{flex:1;min-width:200px}
.portal-belge-kap{width:100%;margin-top:12px;overflow:hidden;border-radius:var(--r);background:#e9ebee;min-height:300px}
.portal-belge{width:100%;height:1200px;border:0;display:block;transform-origin:0 0;background:#e9ebee}
.ok-yazi{color:var(--ok)}.hata-yazi{color:var(--hata)}
.portal-baglanti{background:var(--okbg);border:1px solid #b7e1c4;border-radius:var(--r);padding:12px 14px;margin:10px 0}
.portal-baglanti input{font-family:ui-monospace,Menlo,monospace;font-size:13px}
.btn.portal-gonder{background:var(--marka);color:#fff;width:100%}
/* firma bilgileri formu + muhasebe (firma 2026-10-05) */
.firma-alanlar{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.firma-alanlar .fa-fatura_unvan,.firma-alanlar .fa-fatura_adres,.firma-alanlar .fa-teslimat_adres{grid-column:1/-1}
@media (max-width:600px){.firma-alanlar{grid-template-columns:1fr}}
.zorunlu{color:var(--hata)}
.onay-kutu{display:flex;gap:6px;align-items:center;color:var(--hata);font-weight:600;margin-top:6px}
.onay-kutu input{width:auto}
main.genis{max-width:1400px}
.muh-grup{margin-bottom:16px}
.muh-grup h2{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.muh-grup table td,.muh-grup table th{vertical-align:middle}
.rozet.kirmizi{background:var(--hatabg);color:var(--hata)}
.kop{border:1px solid var(--cizgi);background:#fff;border-radius:6px;font:600 12px system-ui;padding:3px 8px;cursor:pointer;color:var(--soluk);white-space:nowrap}
.kop:hover{border-color:var(--marka);color:var(--marka)}.kop.oldu{background:var(--okbg);color:var(--ok);border-color:#b7e1c4}
.alici td:first-child{color:var(--soluk);width:34%;font-size:14px}
.alici td{padding:6px 8px}
.fatura-satir input{padding:6px 8px;font-size:15px}
.fatura-satir td{padding:4px 6px}
.toplamlar td{font-variant-numeric:tabular-nums;text-align:right;padding:6px 10px}
.toplamlar tr:last-child td{font-weight:800;font-size:18px;border-top:2px solid var(--yazi)}
td.s,th.s{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
/* giriş kartı (firma 2026-10-05): patronun çalışana verdiği kod + ilk şifre */
.giris-karti-kap{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}
.giris-karti{width:92mm;border:.4mm solid #000;border-radius:3mm;padding:5mm;background:#fff;color:#000;font-size:12px}
.giris-karti .gk-ust{display:flex;justify-content:space-between;align-items:center;border-bottom:.3mm solid #000;padding-bottom:2mm}
.giris-karti .gk-ust img{height:8mm}.giris-karti .gk-ust span{font-weight:800;letter-spacing:1px;font-size:11px}
.giris-karti .gk-ad{font-size:20px;font-weight:800;margin-top:3mm}.giris-karti .gk-bolum{font-size:12px;margin-bottom:2mm}
.giris-karti .gk-govde{display:flex;justify-content:space-between;gap:3mm}
.giris-karti .gk-etiket{font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-top:2mm}
.giris-karti .gk-deger{font:800 24px ui-monospace,Menlo,Consolas,monospace;letter-spacing:2px}
.giris-karti .gk-adres{font-size:11px;word-break:break-all}.giris-karti .gk-not{font-weight:700}
.giris-karti .gk-qr svg{width:28mm;height:28mm;display:block}
.giris-karti .gk-adim{margin:3mm 0 2mm;padding-left:5mm;font-size:11.5px}
.giris-karti .gk-alt{font-size:10px;border-top:.3mm solid #000;padding-top:1.5mm}
.giris-karti-bilgi{flex:1;min-width:260px;background:var(--okbg);color:var(--ok);border-radius:var(--r);padding:12px 14px}
.cihaz-satir{margin:4px 0}
@media print{header.ust,.yazdirma-gizle,.flash{display:none!important}main{padding:0}body{background:#fff}.giris-karti{margin:0}}
/* kendi cihazlarım + karekodla cihaz ekleme (firma 2026-10-05) */
.cihaz-kart{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--cizgi)}
.cihaz-kart form{margin:0}
.eslestir{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:12px;padding:12px;border:2px dashed var(--marka);border-radius:var(--r)}
.eslestir-qr svg{width:180px;height:180px;display:block}
.eslestir-kod{font:800 30px ui-monospace,Menlo,Consolas,monospace;letter-spacing:3px}
.gk-etiket{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--soluk);margin-top:6px}
/* telefonda üst menü katlanır (firma 2026-10-05: patron dışarıda telefondan izler) */
.menu-dugme{display:none;align-items:center;gap:6px;border:1px solid var(--cizgi);background:#fff;border-radius:8px;padding:7px 12px;font:600 15px system-ui;color:var(--yazi);cursor:pointer}
.menu-cizgi,.menu-cizgi::before,.menu-cizgi::after{display:block;width:16px;height:2px;background:currentColor;border-radius:2px;position:relative}
.menu-cizgi::before,.menu-cizgi::after{content:"";position:absolute;left:0}.menu-cizgi::before{top:-5px}.menu-cizgi::after{top:5px}
@media (max-width:760px){
  header.ust{gap:8px}
  header.ust .logo img{height:34px}
  .menu-dugme{display:inline-flex}
  header.ust nav,header.ust .kim{display:none}
  header.ust.acik nav{display:flex;flex-direction:column;width:100%;gap:2px;order:5}
  header.ust.acik nav a{padding:11px 12px;font-size:16px}
  header.ust.acik .kim{display:block;width:100%;order:6;padding:6px 12px 4px}
}
.bekleyenler{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px}
.bek-cip{display:inline-flex;gap:6px;align-items:center;padding:9px 13px;border-radius:999px;text-decoration:none;font-weight:600;font-size:15px;background:#e8ecf2;color:#334}
.bek-cip b{font-size:17px}.bek-cip.hazir{background:var(--uyaribg);color:var(--uyari)}.bek-cip.tamamlandi{background:var(--okbg);color:var(--ok)}
.bek-cip.devam{background:#dbeafe;color:#1d4ed8}
@media (max-width:760px){.bek-cip{flex:1 1 100%;justify-content:flex-start}}
/* telefonda fiyat ekranı: önce karar (fiyat + düğmeler), sonra sonuç özeti, sonra ayrıntılar (firma 2026-10-05) */
@media (max-width:760px){
  .fiyat-duzen{display:flex;flex-direction:column}
  .fiyat-duzen > div:first-child{display:contents}
  .fiyat-duzen > div:first-child > *{order:3}
  .fiyat-duzen > div:first-child > fieldset.karar{order:1;border-color:var(--marka)}
  .fiyat-duzen .sonuc{order:2;overflow-x:auto;min-width:0;max-width:100%}
}
@media (max-width:760px){
  .ust-sekme{flex-wrap:nowrap!important;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .ust-sekme a{flex:none}
  fieldset{min-width:0}
  .fiyat-duzen fieldset{overflow-x:auto}
}
.orka-yardim summary{cursor:pointer;font-weight:700}
.orka-yardim ol{margin:8px 0;padding-left:20px}
/* pazarlama kısa talep formu (firma 2026-10-05) */
.talep-form .kart h2{margin:0 0 6px;font-size:17px}
.talep-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0 12px}
.onay-satir{display:flex;gap:8px;align-items:center;font-weight:600;color:var(--yazi)}.onay-satir input{width:auto}
.talep-dugmeler{display:flex;gap:10px;flex-wrap:wrap;position:sticky;bottom:0;background:var(--bg);padding:10px 0}
.talep-dugmeler .btn{flex:1;min-width:160px}

/* giderler (muhasebe + patron) */
.gider-ust{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.gider-ust .kart{margin-bottom:14px}
.gider-izgara{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 12px}
.gider-izgara .genis2{grid-column:span 2}.gider-izgara .genis3{grid-column:span 3}
.gider-filtre{display:grid;grid-template-columns:minmax(0,2fr) 110px 110px minmax(0,2fr) auto;gap:0 12px;align-items:end}
.gider-filtre label{margin-top:0}
table.gider-ozet td,table.gider-ozet th{padding:6px 7px;font-size:14px}
table.gider-ozet tr.secili td{background:#eef3fb}
table.gider-ozet a,table.gider-liste a{text-decoration:none}
tr.gider-duzen td{background:#f8f9fb}
.muh-yedek .btn{margin-right:6px}
@media (max-width:1000px){.gider-ust{grid-template-columns:1fr}.gider-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gider-filtre{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.gider-izgara .genis2,.gider-izgara .genis3{grid-column:span 2}}

/* fatura ödeme takibi + al-sat (firma 2026-10-05) */
.odeme-ozet .kutu{text-decoration:none;color:inherit;display:block}
.odeme-ozet .kutu span{font-size:13px;color:var(--soluk)}
.odeme-ozet .kutu.alindi{border-top-color:var(--sevkiyat,#2e7d32)}
.odeme-ozet .kutu.secili{outline:2px solid var(--lacivert)}
.odeme-ozet .kutu .gecikti{display:block;color:var(--hata);font-weight:600;margin-top:4px}
.gecikti{color:var(--hata);font-weight:600}
.ust-sekme.ince a{font-size:14px;padding:6px 10px}
.odeme-hizli{display:flex;gap:4px;margin-top:4px;align-items:center}
.odeme-hizli input[type=date]{width:auto;padding:4px 6px;font-size:13px}
.alsat-izgara{display:grid;grid-template-columns:minmax(0,2fr) 110px 110px 120px 120px 90px 80px minmax(0,1.3fr);gap:0 10px;align-items:end}
.alsat-izgara .genis{grid-column:span 2}
@media (max-width:1100px){.alsat-izgara{grid-template-columns:1fr 1fr 1fr}}
tr.alsat-duzen td{background:#f8f9fb}
.stok-sevk summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}
.stok-sevk .stok-miktar{margin-left:auto;font-size:14px}
/* toplu giriş kartları */
.toplu-kartlar{display:flex;flex-wrap:wrap;gap:6mm}
.toplu-kartlar .giris-karti{break-inside:avoid;page-break-inside:avoid}
.kadro-hesap td{vertical-align:middle}.kadro-hesap select{min-width:120px}
@media print{.toplu-kartlar{gap:4mm}}
/* poşet rengi + konsantre yüzdesi */
.renk-sec{display:flex;gap:6px;align-items:center}.renk-sec select{flex:1;min-width:0}
.kons-yuzde{display:flex;align-items:center;gap:3px;white-space:nowrap}.kons-yuzde input{width:62px}
/* personel: bölüm başlıkları, şifre çıkar */
.personel-tablo tr.bolum-baslik th{background:var(--zemin2,#f3f4f6);text-align:left;padding:8px 10px}
.personel-tablo tr.bolum-baslik th>div{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.sifre-cikar-kutu{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.kons-yuzde[hidden]{display:none}
/* ---- ürün formu düzeni (firma 2026-10-05) ---- */
[hidden]{display:none!important}
.urun-form-dar{max-width:980px}
fieldset.urun-blok{padding:10px 16px 14px}
fieldset.urun-blok > legend{font-size:15px}
.satir.dort{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}
.satir.dort > .iki-sutun{grid-column:span 2}
@media (max-width:760px){.satir.dort{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ust-bosluk{margin-top:6px}
.alan-not{margin:6px 0 0;font-size:12.5px;color:var(--soluk);line-height:1.4}
.zorunlu{color:var(--hata)}
.olcu-kutu{display:flex;flex-direction:column;justify-content:center;background:#f5f6f8;border:1px dashed var(--cizgi);border-radius:8px;padding:6px 12px;min-height:44px}
.olcu-kutu span{font-size:12px;color:var(--soluk)}.olcu-kutu b{font-size:17px;letter-spacing:.3px;font-variant-numeric:tabular-nums}
.secenek-satir{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:12px}
.secenek-satir label{display:flex;gap:6px;align-items:baseline;margin:0;color:var(--yazi);flex:1 1 300px}
.secenek-satir label span{font-size:12.5px;color:var(--soluk)}
.secenek-satir input,.onay-kutu input,.koli-ac input,.katlama-satir input{width:auto}
.onay-kutu label{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--yazi);font-size:15px}
.kat-kutular{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:10px}
.kat-kutu{background:#f8f9fb;border:1px solid #eceef2;border-radius:10px;padding:10px 12px}
.kat-ust{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:32px;margin-bottom:6px}
.kat-ust b{font-size:14px}.kat-pay{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--soluk)}
.kat-pay input{width:64px;padding:5px 6px}
.kat-kutu .formul-sablon{margin-bottom:6px}
table.recete-kat{width:100%}
table.recete-kat select,table.recete-kat input,table.renkler input,table.renkler select{width:100%}
.recete .oran-s{width:96px}
.recete-kat tr.sabit-satir td{color:var(--soluk);font-size:13.5px;padding-top:6px;padding-bottom:6px}
.recete-kat tr.sabit-satir .sabit-oran{display:inline-block;padding-left:9px}
.recete-kat tr.sabit-satir .rozet{font-size:11px;padding:1px 6px;margin-left:4px}
.kat-alt{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.kat-dugmeler{display:flex;gap:6px}
.recete-toplam{font-size:13px;font-weight:600}.recete-toplam.tamam{color:var(--ok)}.recete-toplam.hata{color:var(--hata)}
.formul-kaydet{display:flex;gap:6px;align-items:center;margin-top:6px}.formul-kaydet input{max-width:240px}
.baski-ayrinti{margin-top:4px}
.tasarim-alan{margin-top:12px;padding-top:10px;border-top:1px dashed var(--cizgi)}
.tasarim-alan > label{margin-top:0}
.tasarim-satir{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.tasarim-satir > div{flex:1 1 260px}
.tasarim-onizleme img{max-height:96px;max-width:200px;border:1px solid var(--cizgi);border-radius:6px;display:block}
.birimli{display:flex;gap:6px}.birimli input{flex:1;min-width:0}.birimli select{width:92px}
.koli-blok{margin-top:12px}
.koli-blok.ayri{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:10px 16px;margin:0 0 12px}
.koli-ac{display:flex;gap:8px;align-items:baseline;margin:0;color:var(--yazi)}
.koli-blok fieldset.koli-alan{margin:10px 0 0;background:#fafbfc}
.katlama-satir{display:flex;gap:6px;align-items:baseline;margin-top:10px;color:var(--yazi)}
.form-dugmeler{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.secenek-satir label{display:block}
.secenek-satir label b{margin-right:4px}
.kat-kutular{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
/* bölüm panosu (firma 2026-10-06) */
.bolum-ust{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.bolum-ust h1{margin:0;margin-right:auto}
.bp-kolonlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:800px){.bp-kolonlar{grid-template-columns:1fr}}
.bp-kolonlar .kart h2{margin-top:0}
.bp-satir{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.donem-sekme{margin-bottom:10px}
/* üretim kadrosu: maaş kutusu okunur, makineler katlanır (firma 2026-10-06) */
input.maas-input{width:130px;min-width:130px;text-align:right;font-variant-numeric:tabular-nums}
details.mak-sec summary{cursor:pointer;white-space:nowrap;color:var(--lacivert2)}
details.mak-sec .mak-izgara{display:grid;grid-template-columns:repeat(2,minmax(120px,max-content));gap:2px 12px;margin-top:6px}
details.mak-sec label{display:flex;gap:6px;align-items:center;margin:0;white-space:nowrap;color:var(--yazi)}
details.mak-sec input{width:auto}
/* bilgisayarda okunurluk (firma 2026-10-06): yazılar bir boy büyük */
@media (min-width:900px){
  html,body{font-size:17px}
  label{font-size:15.5px}
  .kucuk{font-size:14px}
  th{font-size:14px}
  table{font-size:16px}
  table.kirilim.sik td,table.kirilim.sik th{font-size:14.5px}
  .alan-not{font-size:14px}
  fieldset.urun-blok > legend{font-size:18px}
  .secenek-satir label span,.koli-ac span{font-size:14px}
  .btn.kucuk{font-size:15px}
}
.urun-blok label{color:#3d4652}
.satir.dort > .uc-sutun{grid-column:span 3}
@media (max-width:760px){.satir.dort > .uc-sutun{grid-column:span 2}}
.kur-on{align-self:center;white-space:nowrap;color:var(--soluk)}

/* QR iş ekranı: kalan miktar (firma 2026-10-06) */
.kalan-kutu{margin-top:12px;padding:12px 14px;border-radius:10px;border:2px solid var(--cizgi,#d0d7e2);display:flex;flex-direction:column;gap:2px}
.kalan-kutu span{font-size:13px;color:var(--soluk,#667)}
.kalan-kutu b{font-size:26px;line-height:1.15}
.kalan-kutu small{color:var(--soluk,#667)}
.kalan-kutu.a-cekim{border-color:var(--cekim)} .kalan-kutu.a-baski{border-color:var(--baski)} .kalan-kutu.a-kesim{border-color:var(--kesim)}
.acik-isler{margin:-4px 0 10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.acik-isler a.rozet{text-decoration:none}