:root {
  --zemin: #f4f5f2;
  --yuzey: #ffffff;
  --cizgi: #dcdfd8;
  --yazi: #1b1f1d;
  --soluk: #68706b;
  --vurgu: #1a4ba3;
  --vurgu-acik: #dfe7f7;
  --hata: #b42318;
  --yaricap: 6px;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  font-size: 14px;
  color: var(--yazi);
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; background: var(--zemin); height: 100vh; display: flex; flex-direction: column; }

.ust { display: flex; align-items: center; gap: 32px; padding: 0 20px; height: 48px; background: var(--vurgu); color: #fff; flex: none; }
.marka { font-weight: 700; letter-spacing: .04em; text-transform: uppercase; font-size: 13px; }
.ust nav { display: flex; gap: 4px; height: 100%; }
.ust nav a { text-decoration: none; display: flex; align-items: center; padding: 0 14px; color: #dbe4f5; border-bottom: 3px solid transparent; border-top: 3px solid transparent; }
.ust nav a.secili { color: #fff; border-bottom-color: #fff; font-weight: 600; }
.ust nav a.yakinda { opacity: .55; cursor: default; }

main.sayfa { flex: 1; min-height: 0; }
main.sayfa[hidden] { display: none; }
main.iki-sutun { display: grid; grid-template-columns: 340px 1fr; }
main.tek-sutun { overflow-y: auto; padding: 20px 28px 48px; }
main.tek-sutun > * { max-width: 1680px; margin-left: auto; margin-right: auto; } /* geniş ekranda tablolar yana taşmasın */
main.tek-sutun.dar > * { max-width: 760px; }
#kur-serit { margin-left: auto; font-size: 12px; color: #dbe4f5; font-variant-numeric: tabular-nums; white-space: nowrap; }
#kur-serit b { color: #fff; font-weight: 600; margin-left: 12px; }
.liste { background: var(--yuzey); border-right: 1px solid var(--cizgi); display: flex; flex-direction: column; min-height: 0; }
.liste-ust { padding: 12px; display: flex; flex-direction: column; gap: 8px; border-bottom: 1px solid var(--cizgi); }
#urunler { list-style: none; margin: 0; padding: 0; overflow-y: auto; flex: 1; }
#urunler li { padding: 10px 14px; border-bottom: 1px solid var(--cizgi); cursor: pointer; display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; }
#urunler li:hover { background: #f8f9f6; }
#urunler li.secili { background: var(--vurgu-acik); box-shadow: inset 3px 0 0 var(--vurgu); }
#urunler .kod { font-weight: 600; font-variant-numeric: tabular-nums; }
#urunler .ad { color: var(--soluk); grid-column: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#urunler .fiyat { text-align: right; font-variant-numeric: tabular-nums; }
#urunler .stok { text-align: right; color: var(--soluk); font-size: 12px; }
#liste-bos { padding: 20px 14px; }

.kart { overflow-y: auto; padding: 20px 28px 48px; min-width: 0; }
.kart-baslik { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 14px; }
h1 { font-size: 20px; margin: 0; }
h2 { font-size: 16px; margin: 0; }
.eylemler { display: flex; align-items: center; gap: 12px; }
[role=status] { font-size: 13px; color: var(--vurgu); }
[role=status].hata { color: var(--hata); }

.izgara { display: grid; grid-template-columns: repeat(12, 1fr); gap: 12px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 16px; }
.s2 { grid-column: span 2; } .s3 { grid-column: span 3; } .s4 { grid-column: span 4; } .s8 { grid-column: span 8; } .s12 { grid-column: span 12; }
.alan { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.tutar-girisi { display: flex; }
.tutar-girisi input { border-radius: var(--yaricap) 0 0 var(--yaricap); text-align: right; }
.tutar-girisi select.pb { width: 74px; flex: none; border-left: 0; border-radius: 0 var(--yaricap) var(--yaricap) 0; background: #fafbf8; font-weight: 600; }
.karsilik { font-size: 12px; color: var(--soluk); min-height: 16px; font-variant-numeric: tabular-nums; }
.karsilik.hata { color: var(--hata); }
.form-alt { display: flex; justify-content: flex-end; align-items: center; gap: 12px; }
.ust-bosluk { margin-top: 16px; }
label.sade { margin: 0; }
label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--soluk); font-weight: 600; }
input, select, button { font: inherit; color: var(--yazi); }
input, select { height: 34px; padding: 0 9px; border: 1px solid #c3c8c0; border-radius: var(--yaricap); background: #fff; min-width: 0; width: 100%; }
input:focus, select:focus, button:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 1px; }
input:disabled, select:disabled { background: #eff1ed; color: var(--soluk); }
button { height: 34px; padding: 0 14px; border: 1px solid #c3c8c0; border-radius: var(--yaricap); background: #fff; cursor: pointer; font-weight: 600; white-space: nowrap; }
button:hover { background: #f1f3ee; }
button.birincil { background: var(--vurgu); border-color: var(--vurgu); color: #fff; }
button.birincil:hover { background: #0f4223; }
button:disabled { opacity: .5; cursor: default; }

fieldset { border: 1px solid var(--cizgi); border-radius: var(--yaricap); background: var(--yuzey); margin: 12px 0 0; padding: 12px 16px 16px; min-width: 0; }
legend { font-weight: 700; padding: 0 6px; font-size: 13px; }
.cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.cip { height: 30px; padding: 0 12px; border-radius: 15px; font-weight: 500; }
.cip[aria-pressed="true"] { background: var(--vurgu); border-color: var(--vurgu); color: #fff; }
.cip.kilitli { cursor: default; opacity: .8; }
.satir-ici { display: flex; flex-direction: row; align-items: center; gap: 8px; margin-top: 12px; }
.satir-ici input, .satir-ici select { width: auto; }
fieldset > label.satir-ici { margin: 0 0 12px; }

#varyant-bolum { margin-top: 28px; }
.aciklama { margin: -6px 0 10px; }
.soluk { color: var(--soluk); font-weight: 400; }
.tablo-sar { overflow-x: auto; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); }
table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }
th, td { padding: 8px 12px; border-bottom: 1px solid var(--cizgi); text-align: left; white-space: nowrap; }
tr:last-child td { border-bottom: 0; }
th { font-size: 12px; color: var(--soluk); background: #fafbf8; }
.sag { text-align: right; }
#matris th:not(:first-child), #matris td:not(:first-child) { text-align: center; }
#matris td .mevcut { display: block; font-weight: 600; margin-bottom: 4px; }
#matris td .mevcut.sifir { color: #a3a9a4; font-weight: 400; }
#matris td input { width: 64px; height: 30px; text-align: center; }
#matris td.yok { color: #c3c8c0; }
details { margin-top: 16px; }
summary { cursor: pointer; font-weight: 600; padding: 8px 0; }
#barkodlar td:nth-child(4) { font-family: Consolas, "Cascadia Mono", monospace; letter-spacing: .04em; }

tfoot td { font-weight: 700; background: #fafbf8; border-top: 1px solid var(--cizgi); }
button.sil { height: 26px; padding: 0 8px; font-weight: 400; color: var(--hata); border-color: transparent; background: none; }
button.sil:hover { background: #fdecea; }
#masraf-tablo td:nth-child(3) { white-space: normal; min-width: 180px; }
#kur-tablo input { width: 110px; height: 30px; text-align: right; }
#kur-tablo td:last-child, #masraf-tablo td:last-child { text-align: right; width: 1%; }
#masraf-bos { margin-top: 12px; }
.rozet { font-size: 11px; font-weight: 600; padding: 2px 7px; border-radius: 10px; background: var(--vurgu-acik); color: var(--vurgu); }
.rozet.elle { background: #fdf0d5; color: #8a5a00; }

/* ---------- Etiket ekranı ---------- */
.etiket-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: start; }
.etiket-sol, .etiket-sag { min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.kutu { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.kart-baslik.ic { margin: 4px 0 0; }
.kart-baslik.ust-bosluk { margin: 16px 0 0; }
.sonuclar { list-style: none; margin: 0; padding: 0; border: 1px solid var(--cizgi); border-radius: var(--yaricap); max-height: 220px; overflow-y: auto; }
.sonuclar:empty { display: none; }
.sonuclar li { padding: 8px 12px; cursor: pointer; display: flex; gap: 10px; border-bottom: 1px solid var(--cizgi); }
.sonuclar li:last-child { border-bottom: 0; }
.sonuclar li:hover { background: var(--vurgu-acik); }
.matris th:not(:first-child), .matris td:not(:first-child) { text-align: center; }
.matris td input { width: 64px; height: 30px; text-align: center; }
.matris td .mevcut { display: block; font-size: 12px; color: var(--soluk); margin-bottom: 3px; }
.matris td.yok { color: #c3c8c0; }
#etiket-liste input { width: 68px; height: 30px; text-align: right; }
#etiket-liste td:last-child { text-align: right; width: 1%; }
#etiket-liste td:nth-child(3) { font-family: Consolas, "Cascadia Mono", monospace; }
#etiket-liste td:first-child { white-space: normal; min-width: 150px; }
#etiket-liste th, #etiket-liste td { padding: 8px 10px; }
main#sayfa-etiket > * { max-width: 1280px; }
.fiyat-yok { color: var(--hata); font-weight: 600; }
.onizleme { background: #e6e8e3; border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 20px; display: flex; justify-content: center; overflow: auto; }
#etiket-onizleme { zoom: 1.9; }
#etiket-onizleme .etiket { box-shadow: 0 1px 4px rgba(0, 0, 0, .25); border-radius: 1mm; }

/* ---------- Etiketin kendisi: ölçüler milimetre, ekranda ve yazıcıda aynı ---------- */
.etiket { background: #fff; color: #000; box-sizing: border-box; padding: 2.5mm; overflow: hidden; display: flex; flex-direction: column; font-family: Arial, Helvetica, sans-serif; line-height: 1.15; }
.etiket .e-satir { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5mm; min-width: 0; flex: none; }
.etiket .e-satir > * { min-width: 0; }
.etiket .e-satir.tek > * { flex: 1; }
.etiket .e-satir.sola { justify-content: flex-start; gap: 3mm; }
.etiket .e-satir.saga { justify-content: flex-end; gap: 3mm; }
.etiket .e-yazi { overflow-wrap: anywhere; margin-bottom: .5mm; }
.etiket .e-iki-satir { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.etiket .e-bosluk { flex: 1 1 0; min-height: .5mm; }
.etiket .e-barkod { display: flex; flex-direction: column; flex: none !important; margin-bottom: .5mm; }
.etiket .e-barkod.sol { align-items: flex-start; margin-right: auto; }
.etiket .e-barkod.orta { align-items: center; margin-inline: auto; }
.etiket .e-barkod.sag { align-items: flex-end; margin-left: auto; }
.etiket .e-barkod svg { display: block; shape-rendering: crispEdges; }
.etiket .e-barkod-no { font-size: 2.3mm; letter-spacing: .14em; margin-top: .5mm; font-family: "Courier New", monospace; font-weight: 700; align-self: center; }

/* ---------- Tasarımcı ---------- */
.tasarim-ust { display: grid; grid-template-columns: 2fr 1fr 1fr 2fr; gap: 12px; }
.dugme-sira { display: flex; flex-wrap: wrap; gap: 6px; }
.dugme-sira button { flex: 1; padding: 0 10px; }
.dugme-sira button.sil { flex: none; height: 34px; border-color: #c3c8c0; }
.ekle-cubugu { flex-direction: row; align-items: flex-end; }
.ekle-cubugu .buyuk { flex: 1; }
#oge-liste th, #oge-liste td { padding: 6px 8px; vertical-align: middle; }
#oge-liste input[type=number] { width: 64px; height: 30px; text-align: right; }
#oge-liste input[type=text] { width: 100%; min-width: 110px; height: 30px; }
#oge-liste select { height: 30px; width: auto; }
#oge-liste input[type=checkbox] { width: 16px; height: 16px; }
#oge-liste td:nth-child(5), #oge-liste td:nth-child(7), #oge-liste th:nth-child(5), #oge-liste th:nth-child(7) { text-align: center; }
#oge-liste td:nth-child(2) { font-weight: 600; white-space: normal; min-width: 110px; }
#oge-liste td:last-child { text-align: right; width: 1%; }
#oge-liste tr.bosluk td { background: #fafbf8; color: var(--soluk); }
.sira-dugme { height: 26px; width: 28px; padding: 0; font-weight: 400; }
.sira-dugme + .sira-dugme { margin-left: 3px; }
#sigma-uyari { margin: 0; }
label.kutucuk { flex-direction: row; align-items: center; gap: 8px; font-weight: 400; color: var(--yazi); font-size: 13px; white-space: nowrap; }

/* ---------- Satış (kasa) ---------- */
.kasa-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 28px; align-items: start; }
.kasa-sol, .kasa-sag { min-width: 0; display: flex; flex-direction: column; gap: 12px; }
main#sayfa-satis > * { max-width: 1280px; }
#kasa-ara { height: 44px; font-size: 16px; }
.kasa-ust { display: grid; grid-template-columns: minmax(0, 1fr) 200px; gap: 12px; align-items: end; }
.kasa-ust select { height: 44px; }
label.yatay-etiket { flex-direction: row; align-items: center; gap: 10px; }
label.yatay-etiket select { flex: 1; }
#sepet select { height: 32px; width: auto; max-width: 150px; }
.ara-baslik { margin-top: 20px; }
#sepet select.eksik { border-color: var(--hata); background: #fdf3f2; }
#sorumlu-uyari { margin: 0; }
#odeme-dugmeler { display: flex; flex-direction: column; gap: 8px; }
.odeme-grup { display: grid; grid-template-columns: 44px 1fr; gap: 8px; align-items: center; }
.odeme-grup > span { font-size: 12px; font-weight: 600; color: var(--soluk); }
.odeme-grup .dugme-sira button { flex: 1 1 auto; }
.bolum-baslik { margin-top: 36px; }
main.tek-sutun.dar h2 { margin-bottom: 8px; }
main.tek-sutun.dar .aciklama { margin-block: 0 12px; }
#kart-tablo input { height: 32px; }
#kart-tablo td:nth-child(2) input { width: 90px; text-align: right; }
#kart-tablo tr.pasif td { background: #fafbf8; }
#kart-tablo td:last-child { text-align: right; width: 1%; }
#kart-tablo td:last-child button { height: 30px; font-weight: 400; }
#gun-kasa th, #gun-kasa td { padding: 8px 10px; }
#personel-tablo input { height: 32px; }
#personel-tablo select { height: 32px; width: auto; }
#personel-tablo tr.pasif td { background: #fafbf8; }
#personel-tablo tr.pasif input, #personel-tablo tr.pasif select { color: var(--soluk); }
#personel-tablo td:last-child { text-align: right; width: 1%; }
#personel-tablo td:last-child button { height: 30px; font-weight: 400; }
#kasa-varyantlar { display: flex; flex-direction: column; gap: 8px; }
.cip .cip-stok { font-weight: 400; opacity: .7; margin-left: 6px; font-size: 12px; }
#sepet th, #sepet td { padding: 8px 10px; }
#sepet td:first-child { white-space: normal; min-width: 180px; }
#sepet td:first-child small { display: block; color: var(--soluk); }
#sepet input { width: 76px; height: 32px; text-align: right; }
#sepet tr.iade td { background: #fdf3f2; }
#sepet tr.iade td:first-child strong::after { content: " · İADE"; color: var(--hata); font-size: 11px; letter-spacing: .04em; }
#sepet .stok-uyari { color: #8a5a00; font-size: 12px; display: block; }
#sepet td:last-child { text-align: right; white-space: nowrap; width: 1%; }
#sepet td:last-child button { height: 28px; padding: 0 8px; font-weight: 400; }
.secili-musteri { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.toplamlar { gap: 8px; }
.t-satir { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-variant-numeric: tabular-nums; }
.t-satir label { font-size: 14px; font-weight: 400; color: var(--yazi); }
.t-satir input { width: 110px; text-align: right; }
.t-satir.buyuk { font-size: 26px; font-weight: 700; border-top: 1px solid var(--cizgi); padding-top: 10px; margin-top: 2px; }
.t-satir.kalan { font-size: 18px; font-weight: 700; }
.t-satir.kalan.eksik { color: var(--hata); }
.t-satir.kalan.tamam { color: var(--vurgu); }
.karsilik.sag { text-align: right; }
#odemeler { display: flex; flex-direction: column; gap: 6px; }
#odemeler:empty { display: none; }
.odeme-satir { display: grid; grid-template-columns: 1fr 110px auto; gap: 8px; align-items: center; }
.odeme-satir .ad { font-weight: 600; }
.odeme-satir .ad small { display: block; font-weight: 400; color: var(--soluk); font-variant-numeric: tabular-nums; }
.odeme-satir input { text-align: right; }
.buyuk-dugme { height: 48px; font-size: 16px; }

/* ---------- Gün sonu ---------- */
.ozet-kutular { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; margin-bottom: 20px; }
.ozet { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 10px 16px; display: flex; flex-direction: column; gap: 2px; min-width: 130px; }
.ozet span { font-size: 12px; color: var(--soluk); font-weight: 600; }
.ozet strong { font-size: 20px; font-variant-numeric: tabular-nums; }
.ozet.vurgulu { background: var(--vurgu-acik); border-color: #a7bde6; }
.gun-duzen { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 28px; align-items: start; }
.gun-duzen h2 { margin-bottom: 10px; }
.aciklama.alt-not { margin: 10px 0 0; }
#gun-fisler tbody tr { cursor: pointer; }
#gun-fisler tbody tr:hover td, #gun-fisler tbody tr.secili td { background: var(--vurgu-acik); }
#fis-ayrinti table { margin: 4px 0; }
#fis-ayrinti td, #fis-ayrinti th { padding: 5px 8px; white-space: normal; }
.eksi { color: var(--hata); }

/* ---------- Müşteriler ---------- */
.kayit-liste { list-style: none; margin: 0; padding: 0; overflow-y: auto; flex: 1; }
.kayit-liste li { padding: 10px 14px; border-bottom: 1px solid var(--cizgi); cursor: pointer; display: flex; flex-direction: column; gap: 2px; }
.kayit-liste li:hover { background: #f8f9f6; }
.kayit-liste li.secili { background: var(--vurgu-acik); box-shadow: inset 3px 0 0 var(--vurgu); }
.kayit-liste .alt { color: var(--soluk); font-size: 12px; font-variant-numeric: tabular-nums; }
.liste-bos { padding: 20px 14px; }
.kart-baslik.ust-bosluk-buyuk { margin-top: 28px; }

#baski { display: none; }
.etiket-sira { display: flex; box-sizing: border-box; overflow: hidden; }
.etiket-sira > .etiket { flex: none; }
@media print {
  html, body { height: auto; display: block; background: #fff; margin: 0; padding: 0; }
  body > *:not(#baski) { display: none !important; }
  #baski { display: block; }
  #baski > .etiket-sira { break-after: page; page-break-after: always; }
}

@media (max-width: 900px) {
  .etiket-duzen, .kasa-duzen, .gun-duzen, .kasa-ust { grid-template-columns: 1fr; }
  .tasarim-ust { grid-template-columns: 1fr 1fr; }
  body { height: auto; }
  main.iki-sutun { grid-template-columns: 1fr; }
  main.tek-sutun { padding: 16px; }
  #kur-serit { display: none; }
  .ust { gap: 12px; overflow-x: auto; }
  .liste { max-height: 40vh; border-right: 0; border-bottom: 1px solid var(--cizgi); }
  .kart { padding: 16px; }
  .s2, .s3, .s4 { grid-column: span 6; } .s8 { grid-column: span 12; }
}

/* ---------- Pencere (modal) ---------- */
#modal-katman { position: fixed; inset: 0; z-index: 50; background: rgba(20, 28, 38, .45); display: flex; align-items: flex-start; justify-content: center; padding: 6vh 16px 16px; }
.modal { background: var(--yuzey); border: 1px solid #7d8794; box-shadow: 0 12px 40px rgba(0, 0, 0, .35); width: min(640px, 100%); max-height: 86vh; display: flex; flex-direction: column; }
.modal.genis { width: min(1040px, 100%); }
.modal + .modal { position: absolute; top: 9vh; }
.modal-baslik { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 0 4px 0 12px; height: 34px; background: var(--vurgu); color: #fff; flex: none; }
.modal-kapat, .modal-kapat:hover { height: 26px; width: 30px; padding: 0; border: 0; background: none; color: #fff; }
.modal-kapat:hover { background: #c42b1c; }
.modal-icerik { padding: 12px; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; min-height: 0; }
.modal-liste { max-height: 46vh; overflow: auto; flex: none; }
.modal-liste.kisa { max-height: 24vh; }
.modal-ekle { flex-direction: row; align-items: center; flex-wrap: wrap; }
.modal-ekle input { flex: 1; min-width: 150px; }
.modal-alt { display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
.modal-alt [role=status] { margin-right: auto; }
.fis-bilgi { display: flex; flex-wrap: wrap; gap: 6px 28px; }
.fis-bilgi div { display: flex; flex-direction: column; }
.fis-bilgi span { font-size: 12px; }
.fis-secim { display: flex; flex-direction: column; gap: 8px; border-top: 1px solid var(--cizgi); padding-top: 10px; }
.fis-secim input { width: 80px; text-align: right; }
.blok { display: block; }
table.tiklanir tbody tr { cursor: pointer; }
table.tiklanir tbody tr:hover td, table.tiklanir tbody tr.secili td, table.tiklanir tbody tr:focus td { background: var(--vurgu-acik); }
table.tiklanir tbody tr:focus { outline: none; }

/* ---------- "…" ile seçim ---------- */
.s6 { grid-column: span 6; }
.secim-satiri { display: flex; align-items: center; gap: 8px; min-width: 0; }
.secim-etiket, .alan-etiket { font-size: 12px; font-weight: 600; color: var(--soluk); }
.secim-deger { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.secim-deger.soluk { font-weight: 400; }
.uc-nokta { flex: none; width: 34px; padding: 0; font-weight: 700; letter-spacing: 1px; }
.secim-satiri.cerceveli { border: 1px solid #aab1bc; background: #fff; height: 28px; padding-left: 8px; min-width: 220px; }
.secim-satiri.cerceveli .uc-nokta { height: 26px; border: 0; border-left: 1px solid #aab1bc; border-radius: 0; }
button.sil.cerceveli { border: 1px solid #d9a19c; padding: 0 12px; }
button:disabled { opacity: .5; cursor: default; }

/* ---------- İade ve raporlar ---------- */
.iade-kaynak { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.iade-kaynak > div { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.iade-kaynak .aciklama { margin: 0; }
#iade-ara { height: 36px; font-size: 15px; }
#iade-tablo input { width: 70px; text-align: right; height: 26px; }
#iade-tablo select { height: 26px; }
#iade-tablo select.eksik { border-color: var(--hata); background: #fdf3f2; }
#iade-tablo td small { display: block; color: var(--soluk); }
#iade-odeme-dugmeler { display: flex; flex-direction: column; gap: 8px; }
.odeme-listesi { display: flex; flex-direction: column; gap: 6px; }
.odeme-listesi:empty { display: none; }
.t-satir.buyuk.ilk { border-top: 0; padding-top: 0; margin-top: 0; }
.rapor-ust { flex-direction: row; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.rapor-ust label { min-width: 150px; }
.rapor-ust .dugme-sira.hizli button { flex: none; }
#rapor-sonuc, #rapor-ayrinti { display: flex; flex-direction: column; gap: 10px; }
#rapor-ayrinti { margin-top: 18px; }
#rapor-ayrinti:empty { display: none; }
#kategori-tablo input { height: 26px; }
#kategori-tablo tr.pasif td { background: #eef0f3; }
label.satir-ici select#varyant-tipi { width: auto; }
@media (max-width: 900px) { .iade-kaynak { grid-template-columns: 1fr; } .s6 { grid-column: span 12; } }
#rapor-aciklama { margin: 12px 0; }

/* ---------- 0.4.0: giriş, değişim, sayım, Excel ---------- */
#giris { position: fixed; inset: 0; z-index: 100; background: #1d2733; display: flex; align-items: center; justify-content: center; padding: 16px; }
#giris-form { background: var(--yuzey); width: min(340px, 100%); padding: 24px; display: flex; flex-direction: column; gap: 14px; box-shadow: 0 12px 40px rgba(0, 0, 0, .4); }
#giris-form h1 { text-align: center; }
#giris-form input { height: 36px; font-size: 15px; }
#durum-kullanici b { color: #fff; font-weight: 600; }
#cikis { height: 18px; padding: 0 8px; font-size: 11px; margin-left: 6px; }
button.excel::before { content: "▦ "; color: #1d7a45; }
.islem-tablo input { width: 70px; text-align: right; height: 26px; }
.islem-tablo td small { display: block; color: var(--soluk); }
#sayim-tablo input { width: 90px; text-align: right; height: 26px; }
#sayim-tablo tr.secili td { background: var(--vurgu-acik); }
#sayfa-degisim .iade-kaynak .aciklama { margin: 0; }
#dg-iade-ara, #dg-yeni-ara, #sayim-ara { height: 36px; font-size: 15px; }
#sayfa-stok .kasa-ust { grid-template-columns: minmax(0, 1fr) 280px; }
.odeme-dugmeler { display: flex; flex-direction: column; gap: 8px; }
#kullanici-tablo input { height: 26px; }
#kullanici-tablo .satir-ici { display: flex; gap: 6px; }
#kullanici-tablo select { height: 26px; width: auto; }
#kullanici-tablo tr.pasif td { background: #eef0f3; }
#kullanici-form label { min-width: 130px; }
.ust nav a[hidden] { display: none; }
#sayfa-tanimlar > * { max-width: 1100px; }
#kullanici-tablo td:first-child input { min-width: 160px; }
#kullanici-tablo input[type=password] { width: 170px; }
#kullanici-tablo input, #kullanici-tablo select, #kullanici-tablo button { height: 26px; }
.iade-sorumlu-satir { border-top: 1px solid var(--cizgi); padding-top: 10px; display: flex; }
.iade-sorumlu-satir label { flex-direction: row; align-items: center; gap: 10px; }
.iade-sorumlu-satir select { width: 220px; }
#dg-iade-tablo select, #dg-yeni-tablo select { height: 26px; }
select.sorumlu-sec.eksik { border-color: var(--hata); background: #fdf3f2; }

/* ---------- 0.5: ürün listesi düğmesi, zorunlu müşteri, sekmeler, ürün özellikleri ---------- */
.girdi-uc-nokta { display: flex; gap: 0; min-width: 0; }
.girdi-uc-nokta input { flex: 1; min-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.girdi-uc-nokta .uc-nokta { height: auto; border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 40px; }
.kutu.eksik-kutu { border-color: var(--hata); box-shadow: inset 3px 0 0 var(--hata); }
.sekmeler { display: flex; gap: 0; border-bottom: 1px solid var(--cizgi); margin-bottom: 14px; flex-wrap: wrap; }
.sekmeler button { border: 1px solid transparent; border-bottom: 0; background: none; height: 34px; padding: 0 16px; margin-bottom: -1px; color: var(--soluk); font-weight: 600; }
.sekmeler button:hover { background: #e9eef4; color: var(--yazi); }
.sekmeler button[aria-selected="true"] { background: var(--yuzey); border-color: var(--cizgi); color: var(--vurgu); box-shadow: inset 0 2px 0 var(--vurgu); }
.sekme-icerik > h2:first-child { margin-top: 0; }
.ozellik-liste { display: flex; flex-direction: column; gap: 12px; margin-top: 14px; }
.ozellik-kart { gap: 8px; }
.ozellik-kart.pasif { background: #f1f3f5; }
.ozellik-ust { display: flex; align-items: center; gap: 10px; }
.ozellik-ust .eylemler { margin-left: auto; gap: 6px; }
.ozellik-no { width: 24px; height: 24px; display: grid; place-items: center; background: var(--vurgu-acik); color: var(--vurgu); font-weight: 700; font-size: 12px; flex: none; }
.ozellik-ad { width: 240px; font-weight: 600; }
.deger-tablo input { height: 26px; }
.deger-tablo td:first-child input { min-width: 200px; }
.deger-tablo tr.pasif td { background: #eef0f3; }
.deger-ekle { display: flex; gap: 6px; }
.deger-ekle input:first-child { flex: 1; max-width: 300px; }
.deger-ekle input { width: auto; }
.ozellik-secimler { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; }
.barkod-ornek { font-family: "Courier New", monospace; font-size: 16px; letter-spacing: .08em; padding: 4px 0; }
#barkod-form label { min-width: 160px; }
#kur-tablo td.orta { text-align: center; width: 1%; }
#kur-tablo input[type=checkbox] { width: 16px; height: 16px; }
#kur-tablo tr:not(.kullanimda) td { color: var(--soluk); }

/* ---------- Yedekleme ---------- */
.yedek-form { display: grid; grid-template-columns: 1fr 1fr 110px 120px; gap: 12px; align-items: end; }
.yedek-form .kutucuk, .yedek-form .dugme-sira { grid-column: span 2; }
.yedek-form .kutucuk { justify-self: start; }
.yedek-form .kutucuk input { width: 18px; height: 18px; }
.yedek-form .dugme-sira { justify-content: flex-end; }
.yedek-form .dugme-sira button { flex: none; padding: 0 16px; }
#yedek-tablo td.kirp { max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 800px) { .yedek-form { grid-template-columns: 1fr; } .yedek-form .kutucuk, .yedek-form .dugme-sira { grid-column: auto; } }

/* ---------- Kasa ---------- */
.kasa-dugmeler { margin-bottom: 12px; }
.kasa-dugmeler button { flex: none; padding: 0 16px; }
.kasa-pencere { min-width: 360px; }
.kasa-pencere .kasa-tutar .pb-ad { width: 44px; font-weight: 700; color: var(--yazi); font-size: 14px; }
.kasa-pencere .kasa-tutar input { flex: 1; text-align: right; }
.banknot summary { cursor: pointer; font-weight: 600; font-size: 13px; }
.banknot-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 8px; }
.banknot-izgara input { text-align: right; }
#kasa-tablo td.sag strong.arti, .arti { color: #1e7a3c; }
button.vurgu { border-color: var(--vurgu, #1658b5); color: var(--vurgu, #1658b5); font-weight: 700; }
.kampanya-rozet { display: inline-block; margin-left: 6px; font-size: 11px; font-weight: 600; color: #8a4b00; background: #fff3dc; border: 1px solid #f0d6a8; border-radius: 10px; padding: 0 7px; }

/* ---------- Fiyat & kampanya ---------- */
.toplu-form { display: flex; flex-direction: column; gap: 12px; }
.toplu-filtre, .toplu-islem { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
.toplu-filtre .buyuk { flex: 1; }
.toplu-islem label { min-width: 150px; }
.toplu-islem button { padding: 0 20px; }
.ozellik-secim { display: flex; flex-wrap: wrap; gap: 10px; }
.ozellik-grup { border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 6px 10px 8px; margin: 0; display: flex; flex-wrap: wrap; gap: 6px 12px; max-width: 100%; }
.ozellik-grup legend { font-size: 12px; font-weight: 700; color: var(--soluk); padding: 0 4px; }
.ozellik-grup .cip-kutu input { width: 15px; height: 15px; }
.rozet.gecerli { background: #e3f4e8; color: #1e7a3c; }
#kampanya-tablo td.kirp { max-width: 380px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kampanya-form { display: flex; flex-direction: column; gap: 14px; }
.kampanya-form .kutucuk input { width: 16px; height: 16px; }
.kampanya-kapsam { display: flex; flex-direction: column; gap: 10px; border-top: 1px solid var(--cizgi); padding-top: 10px; }
.kampanya-kapsam .secim-satiri .cipler { flex: 1; }
.gecmis-tablo { max-height: 300px; overflow: auto; }
tr.pasif td { color: var(--soluk); }
.kampanya-izgara { display: grid; grid-template-columns: repeat(12, 1fr); gap: 10px 12px; align-items: end; }
.kampanya-izgara .s6 { grid-column: span 6; } .kampanya-izgara .s3 { grid-column: span 3; }

/* ---------- Tedarikçiler ---------- */
.fatura-ust { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
.fatura-ust label { min-width: 120px; }
.fatura-ust .buyuk { flex: 1; min-width: 200px; }
.fatura-ust input:disabled { background: #f1f2ef; }
.fatura-form .kutucuk input, .modal-icerik > .kutucuk input { width: 16px; height: 16px; }
.fatura-ekle { display: flex; gap: 8px; align-items: center; }
.fatura-ekle .girdi-uc-nokta { flex: 1; }
.fatura-satirlar { max-height: 40vh; overflow: auto; }
.fatura-satirlar input { width: 110px; text-align: right; }
.fatura-satirlar td small { display: block; color: var(--soluk); }
.modal-alt strong { font-size: 16px; }
.matris input { width: 64px; text-align: right; }
#ted-liste li.pasif { opacity: .55; }
.fatura-ekle > input { width: 150px; flex: none; }
.fatura-ekle > span { white-space: nowrap; }
.fatura-ekle > button { flex: none; }
label.kutucuk { justify-content: flex-start; }
label.kutucuk input[type=checkbox] { width: 16px; height: 16px; flex: none; margin: 0; }
.siralanir { cursor: pointer; user-select: none; }
.siralanir:hover { text-decoration: underline; }

/* ---------- İade senedi ---------- */
.senet { width: 110mm; border: 2px solid #000; padding: 6mm; color: #000; background: #fff; font-family: Arial, Helvetica, sans-serif; display: flex; flex-direction: column; gap: 2.5mm; box-sizing: border-box; }
.senet-baslik { font-size: 6mm; font-weight: 700; letter-spacing: .2em; text-align: center; border-bottom: 1px solid #000; padding-bottom: 2mm; }
.senet-tutar { font-size: 10mm; font-weight: 700; text-align: center; }
.senet-satir { display: flex; justify-content: space-between; font-size: 3.6mm; }
.senet-barkod { text-align: center; }
.senet-barkod svg { max-width: 100%; height: auto; }
.senet-not { font-size: 2.8mm; text-align: center; border-top: 1px solid #000; padding-top: 2mm; }
.senet-onizleme { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; background: #e9ebe6; padding: 12px; overflow: auto; max-height: 60vh; }
.senet-onizleme .senet { transform-origin: top center; }
@media print { #baski .senet { break-after: page; page-break-after: always; margin: 0 auto; } }
input.kisa-sayi { width: 80px; text-align: right; }
.liste-secenek { padding: 6px 12px; font-size: 12px; border-bottom: 1px solid var(--cizgi); }
#urunler li.pasif { opacity: .55; }
#urunler li.pasif .kod::after { content: ' (pasif)'; font-weight: 400; }
.rapor-baski { display: none; }
@media print {
  #baski .rapor-baski { display: block; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 9pt; }
  .rapor-baski h1 { font-size: 14pt; margin: 0 0 2mm; }
  .rapor-baski p { margin: 0 0 3mm; }
  .rapor-baski .ozet-kutular { display: flex; gap: 3mm; flex-wrap: wrap; margin-bottom: 4mm; }
  .rapor-baski .ozet { border: 1px solid #999; padding: 1.5mm 3mm; min-width: 0; }
  .rapor-baski .ozet strong { font-size: 11pt; }
  .rapor-baski table { width: 100%; border-collapse: collapse; }
  .rapor-baski th, .rapor-baski td { border: 1px solid #bbb; padding: 1mm 1.5mm; text-align: left; }
  .rapor-baski .sag { text-align: right; }
  .rapor-baski thead { display: table-header-group; }
  .rapor-baski tr { break-inside: avoid; }
  .rapor-baski .tablo-sar { overflow: visible; max-height: none; border: 0; }
  .rapor-baski .fiyat-yok, .rapor-baski .alt-not { font-size: 8pt; }
}
.rapor-suzgec { margin-bottom: 10px; }
.rapor-suzgec label { min-width: 200px; }
.al-ode { display: flex; align-items: center; gap: 6px; }
.al-ode input { width: 60px; text-align: right; }

/* ---------- Vardiya ---------- */
.vardiya-tablo th small, .vardiya-tablo td small { display: block; font-weight: 400; color: var(--soluk); font-size: 11px; }
.vardiya-tablo th.bugun { background: var(--vurgu-acik); }
.vardiya-tablo td select { width: 100%; min-width: 90px; background: transparent; }
.vardiya-tablo td { vertical-align: middle; }
.vardiya-lejant { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.lejant { padding: 2px 10px; border-radius: 10px; font-size: 12px; border: 1px solid rgba(0,0,0,.1); }
@media print { .vardiya-baski td { white-space: pre-line; height: 12mm; -webkit-print-color-adjust: exact; print-color-adjust: exact; } }

/* ---------- Ürün fotoğrafı ---------- */
.foto-alani { display: flex; align-items: center; gap: 14px; }
.foto-alani img { max-width: 160px; max-height: 160px; border: 1px solid var(--cizgi); border-radius: var(--yaricap); object-fit: contain; background: #fff; cursor: zoom-in; }
.foto-alani .dugme-sira { flex: none; }
label.dugme-gibi { display: inline-flex; flex-direction: row; align-items: center; height: 32px; padding: 0 14px; border: 1px solid var(--cizgi-koyu, #b8bfc7); border-radius: var(--yaricap); background: var(--yuzey); color: var(--yazi); font-size: 13px; font-weight: 600; cursor: pointer; }
label.dugme-gibi:hover { background: #eef1f4; }
.kasa-foto { height: 56px; width: 56px; object-fit: cover; border-radius: 4px; border: 1px solid var(--cizgi); vertical-align: middle; margin-right: 10px; }
small.blok { display: block; }
#banka-liste li.pasif { opacity: .55; }

/* Satış ekranı: hakediş (yüzde ↔ tutar) */
.hakedis-girdi { display: flex; gap: 6px; }
.hakedis-girdi .birimli { display: flex; align-items: center; gap: 3px; }
.hakedis-girdi .birimli > span { color: var(--soluk); font-size: 12px; }
.hakedis-girdi input { width: 76px; text-align: right; }

/* Banka: vadesi gelmemiş (ileri tarihli) hareketler */
tr.ileri-tarihli td { color: var(--soluk); font-style: italic; }

/* Aylık kâr-zarar grafiği */
.grafik-kutu { margin: 12px 0 4px; padding: 12px 14px 6px; background: var(--yuzey); border: 1px solid var(--cizgi); max-width: 900px; }
.grafik-kutu figcaption { font-weight: 600; font-size: 13px; margin-bottom: 4px; }
.aylik-grafik { width: 100%; height: auto; display: block; }
.aylik-grafik .izgara { stroke: #e3e6ea; stroke-width: 1; }
.aylik-grafik .sifir { stroke: #8a929d; stroke-width: 1; }
.aylik-grafik .eksen { font-size: 11px; fill: var(--soluk); }
.aylik-grafik .arti { fill: #1a4ba3; }
.aylik-grafik .eksi { fill: #b42318; }
.aylik-grafik .isabet { fill: transparent; }
.aylik-grafik .sutun:hover .isabet, .aylik-grafik .sutun:focus .isabet { fill: rgba(26, 75, 163, 0.06); }
.aylik-grafik .sutun:focus { outline: none; }
.kucuk-baslik { font-size: 13px; margin-top: 14px; }

/* Excel'den ürün yükleme */
.liste-alt-sira { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.kucuk-dugme { height: 24px; padding: 0 8px; font-size: 12px; }
.yukle-ust { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.yukle-ust label { display: flex; flex-direction: column; gap: 3px; font-size: 12px; }
.yukle-alanlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px 12px; }
.yukle-alanlar label { display: flex; flex-direction: column; gap: 3px; font-size: 12px; }
.yukle-alanlar label.zorunlu { font-weight: 600; }
.yukle-secenek { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; }
.yukle-secenek strong { width: 100%; font-size: 12px; }
.rozet.hata-rozet { background: #fde8e6; color: var(--hata); }
.rozet.soluk-rozet { background: #eceef1; color: var(--soluk); }

/* Sepette tıklanınca değişen birim fiyat */
.fiyat-dugme { background: none; border: 1px dashed transparent; border-radius: 4px; padding: 2px 6px; font: inherit; color: inherit; cursor: pointer; text-align: right; }
.fiyat-dugme:hover, .fiyat-dugme:focus-visible { border-color: #9aa4b2; background: rgba(0, 0, 0, 0.03); }
.fiyat-dugme.elle { color: #b35c00; font-weight: 600; }
.fiyat-dugme.bos { color: var(--hata); font-weight: 600; border-color: currentColor; }
.fiyat-elle { display: inline-flex; flex-direction: column; align-items: flex-end; }
.fiyat-elle small, .liste-fiyati { display: block; color: #b35c00; font-size: 11px; }
.fiyat-girdi { width: 100px; text-align: right; }
.fiyat-duzen { display: inline-flex; gap: 4px; align-items: center; }
.fiyat-pb { width: auto; }
/* Renk / beden seçimi (önce renk, sonra beden) */
.renk-beden { width: 100%; display: flex; flex-direction: column; gap: 8px; margin-top: 6px; }
.rb-satir { display: grid; grid-template-columns: 52px 1fr; gap: 8px; align-items: start; }
.rb-baslik { font-size: 12px; font-weight: 600; color: var(--soluk, #667085); padding-top: 7px; }
.rb-satir .cipler { display: flex; flex-wrap: wrap; gap: 6px; }
/* Sepet tablosu dar ekranda da sığsın (yatay kaydırma olmadan) */
#sepet th, #sepet td { padding: 7px 6px; }
#sepet td:first-child { min-width: 125px; }
#sepet .indirim-girdi { display: inline-flex; gap: 4px; align-items: center; }
#sepet .indirim-girdi .birimli { display: inline-flex; align-items: center; gap: 2px; }
#sepet .indirim-girdi input { width: 54px; }
#sepet .maliyet-girdi { display: inline-flex; gap: 3px; }
#sepet .maliyet-girdi input { width: 64px; }
#sepet .maliyet-girdi select { width: 50px; padding-left: 4px; padding-right: 2px; }
#sepet input[aria-label$=" adet"] { width: 56px; }
#sepet .satir-cikar { width: 30px; padding: 0; font-size: 14px; }
#sepet th { white-space: normal; line-height: 1.2; }
.uyari-kutu { margin: 8px 0; padding: 8px 12px; border: 1px solid #e8c37a; background: #fff8e8; color: #7a4d00; border-radius: 6px; }
/* Maaş ekranı: ödeme düğmeleri iki sıra, tablo ekrana sığsın */
#maas-tablo td.dugme-hucre { white-space: nowrap; width: 1%; }
#maas-tablo .dugme-izgara { display: grid; grid-template-columns: repeat(2, auto); gap: 3px; }
#maas-tablo .dugme-izgara .kucuk-dugme { padding: 0 6px; }
#maas-tablo td small.blok { white-space: nowrap; }
#maas-tablo th, #maas-tablo td { padding-left: 6px; padding-right: 6px; }
.fis-tarih-serit { margin: 0 0 10px; padding: 8px 12px; border: 1px solid #e8c37a; background: #fff3d6; color: #6b4300; border-radius: 6px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.fis-tarih-serit button { margin-left: auto; }
button.uyari-dugme { background: #fff3d6; border-color: #e0a100; color: #6b4300; font-weight: 600; }
/* Telefondan bağlan penceresi */
.qr-duzen { display: grid; grid-template-columns: 260px 1fr; gap: 24px; align-items: start; }
.qr-kod svg { width: 260px; height: 260px; display: block; background: #fff; border: 1px solid var(--cizgi); border-radius: 8px; }
.qr-adres { margin-top: 8px; text-align: center; word-break: break-all; font-size: 12px; }
.qr-adimlar { margin: 0 0 12px; padding-left: 20px; line-height: 1.7; }
/* Döviz karşılıkları (TL'nin altında küçük yazı) */
.dvz { display: block; font-size: 11px; font-weight: 500; color: var(--soluk); white-space: nowrap; line-height: 1.3; }
button.baglanti { background: none; border: 0; padding: 0; color: var(--vurgu, #1a4ba3); text-decoration: underline; cursor: pointer; font: inherit; }
.kar-hesabi { max-width: 420px; margin-top: 10px; display: grid; gap: 4px; } .kar-hesabi p { margin: 4px 0 0; }

/* ---------- Ürün arama sonuçları (satış, iade, değişim) ---------- */
.arama-sonuc { border: 1px solid var(--cizgi); border-radius: 8px; background: var(--yuzey); margin-top: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(20, 30, 50, .06); }
.arama-baslik { display: flex; align-items: baseline; gap: 4px; padding: 9px 14px; background: #f7f8f6; border-bottom: 1px solid var(--cizgi); font-size: 13px; }
.arama-baslik strong { font-size: 15px; color: var(--vurgu); }
.arama-q { color: var(--soluk); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 40%; }
.arama-ipucu { margin-left: auto; font-size: 12px; white-space: nowrap; }
.arama-liste { list-style: none; margin: 0; padding: 0; max-height: 360px; overflow-y: auto; }
.arama-pencere .arama-liste { max-height: 56vh; }
.arama-satir { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 12px; padding: 8px 14px; border-bottom: 1px solid #eef0ec; cursor: pointer; }
.arama-satir:last-child { border-bottom: 0; }
.arama-satir.aktif, .arama-satir:hover { background: var(--vurgu-acik); }
.arama-satir.aktif { box-shadow: inset 3px 0 0 var(--vurgu); }
.arama-foto { width: 44px; height: 44px; border-radius: 6px; object-fit: cover; background: #eef1f6; }
.arama-foto.bos { display: grid; place-items: center; font-weight: 700; font-size: 17px; color: var(--vurgu); text-transform: uppercase; }
.arama-bilgi { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.arama-ad { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arama-bilgi small { color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arama-kod { font-family: ui-monospace, Consolas, monospace; font-size: 12px; color: var(--yazi); }
.arama-sag { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; white-space: nowrap; }
.arama-satir mark { background: #fff1a8; color: inherit; border-radius: 2px; padding: 0 1px; }
.stok-rozet { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 10px; }
.stok-rozet.var { background: #e3f4e8; color: #17703a; }
.stok-rozet.yok { background: #eef0ec; color: var(--soluk); }
.stok-rozet.eksi { background: #fde8e6; color: var(--hata); }
.arama-daha { display: block; width: 100%; border: 0; border-top: 1px solid var(--cizgi); border-radius: 0; background: #f7f8f6; padding: 9px; color: var(--vurgu); font-weight: 600; }
.arama-daha:hover { background: var(--vurgu-acik); }
.arama-bos { margin: 0; padding: 12px 14px; }
.arama-pencere > input[type=search] { width: 100%; font-size: 15px; padding: 9px 12px; }
.arama-pencere .geri { margin-bottom: 8px; }
.liste-sayi { padding: 7px 14px; font-size: 13px; background: #f7f8f6; border-bottom: 1px solid var(--cizgi); }
.liste-sayi strong { color: var(--vurgu); font-size: 14px; }
#urunler mark { background: #fff1a8; color: inherit; border-radius: 2px; }
#urunler .ayrac { color: var(--soluk); }
#urunler .stok.var { color: #17703a; }
#urunler .stok.eksi { color: var(--hata); }
#urunler li.liste-daha { display: block; text-align: center; color: var(--vurgu); font-weight: 600; }

.masraf-arama { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; }
.masraf-arama input[type=search] { flex: 1 1 340px; font-size: 14px; padding: 8px 12px; }
#masraf-tablo mark { background: #fff1a8; color: inherit; border-radius: 2px; }
.masraf-arama select { width: auto; flex: 0 0 220px; }
.masraf-arama input[type=search] { width: auto; }
#maas-tablo td.maas-hucre { white-space: nowrap; }
#maas-tablo select.maas-pb { width: auto; min-width: 0; padding: 2px 4px; margin-left: 4px; }
#masraf-pb { width: auto; }
#maas-tablo td.maas-hucre input.kisa-sayi { width: 78px; }
.fatura-ust label .satir-ici { margin-top: 0; gap: 4px; }
.magaza-kalan { max-width: 640px; } .magaza-kalan tr:last-child td { border-top: 2px solid var(--cizgi); font-size: 1.05em; }
.odeme-satir:has(select.odeme-pb) { grid-template-columns: 1fr 76px 110px auto; }
.odeme-satir select.odeme-pb { width: 100%; }
#t-hedef-pb { width: 70px; flex: none; } #t-hedef { width: 120px; font-weight: 600; }
/* Ödenecek tutar: birden çok para birimi satırı */
.hedef-satiri { align-items: flex-start; }
.hedef-kutu { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.hedef-sira { display: flex; gap: 4px; align-items: center; }
.hedef-sira select { width: 70px; }
.hedef-sira input { width: 120px; text-align: right; font-weight: 600; }
.hedef-sira .sil { padding: 0 6px; }
.hedef-alt { display: flex; gap: 6px; }

/* Satış: müdür primi tiki (müşteri satırının sağında) */
.mudur-primi-tik input { width: auto; height: auto; margin: 0; flex: none; }
.mudur-primi-tik { margin-left: auto; flex: none; display: inline-flex; flex-direction: row; font-weight: 600; align-items: center; gap: 4px; white-space: nowrap; font-size: 13px; }
.mudur-primi-tik:has(input:not(:checked)) { color: #b3261e; text-decoration: line-through; }
td.dugme-hucre { white-space: nowrap; width: 1%; }

/* Satın alma */
.menu-sayi { display: inline-block; min-width: 18px; height: 18px; line-height: 18px; padding: 0 5px; margin-left: 6px; border-radius: 9px; background: #d93025; color: #fff; font-size: 11px; font-weight: 700; text-align: center; }
.sa-grup { margin-bottom: 18px; }
.sa-grup-baslik { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
.sa-grup-baslik h2 { margin: 0; font-size: 17px; }
.sa-grup-baslik .eylemler { margin-left: auto; display: flex; flex-direction: row; gap: 8px; align-items: center; flex-wrap: wrap; }
.sa-grup-baslik .eylemler input { width: 260px; }
.sa-urun input[type=checkbox] { width: auto; height: auto; }
.sa-urun td { vertical-align: top; }
.sa-varyantlar { display: flex; flex-wrap: wrap; gap: 6px 10px; }
.sa-varyant { display: inline-flex; flex-direction: row; align-items: center; gap: 5px; padding: 3px 6px; border: 1px solid var(--cizgi); border-radius: 4px; background: #fafbfc; font-size: 13px; }
.sa-varyant input { width: 64px; height: 26px; text-align: right; }
.sa-varyant .soluk { font-size: 12px; }
.sa-urun.secilmedi { opacity: .5; }
.sa-uyari { color: #b3261e; }
.sa-form-onizleme { border: 1px solid var(--cizgi); padding: 16px; background: #fff; max-height: 60vh; overflow: auto; }

/* Modüller: kapalı modülün öğeleri görünmez (body.mk-<modül>) */
body.mk-hakedis .m-hakedis, body.mk-pazarlama .m-pazarlama, body.mk-ikiKasa .m-ikiKasa, body.mk-satinAlma .m-satinAlma,
body.mk-gecmisSatis .m-gecmisSatis, body.mk-servis .m-servis { display: none !important; }
.modul-liste { display: grid; gap: 10px; }
.modul-satir { display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; align-items: start; padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 6px; background: var(--yuzey); }
.modul-satir input { width: auto; height: auto; margin-top: 3px; }
.modul-satir small { grid-column: 2; color: var(--soluk); }
.profil-dugmeleri { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 16px; }

/* Seri numaraları (ürün kartı) */
.seri-ekle { display: grid; grid-template-columns: 200px 1fr auto auto; gap: 8px; align-items: start; margin-bottom: 10px; }
.seri-ekle textarea { min-height: 60px; font-family: inherit; }
.seri-ekle .kutucuk { flex-direction: row; white-space: nowrap; margin-top: 6px; }
#seri-sar { max-height: 320px; overflow: auto; }
.kutucuk-alan .kutucuk { display: inline-flex; flex-direction: row; align-items: center; gap: 6px; height: 32px; }
.kutucuk-alan .kutucuk input { width: auto; height: auto; }
.seri-cipler { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.seri-cip { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; padding: 1px 6px; border: 1px solid var(--cizgi); border-radius: 10px; background: #f3f6fa; }
.seri-cip button { border: 0; background: none; padding: 0 2px; color: #b3261e; cursor: pointer; height: auto; }

.bilgi-tablo th { text-align: left; width: 130px; color: var(--soluk); font-weight: 600; padding: 4px 8px 4px 0; vertical-align: top; }
.bilgi-tablo td { padding: 4px 0; }

.modal-icerik textarea, #sayfa-servis textarea { font-family: inherit; font-size: 14px; }

/* Lisans / deneme şeridi (durum çubuğunun üstünde) */
#lisans-serit { position: fixed; left: 50%; bottom: 30px; transform: translateX(-50%); z-index: 9000; display: flex; align-items: center; gap: 10px;
  background: #fff4d6; color: #5c4300; border: 1px solid #e3c56b; border-radius: 18px; padding: 5px 8px 5px 14px; font-size: 13px; box-shadow: 0 2px 8px rgba(0,0,0,.12); }
#lisans-serit.yakin { background: #ffe2c2; border-color: #e8a35a; color: #6b3500; }
#lisans-serit.doldu { background: #b3261e; border-color: #8c1d17; color: #fff; font-weight: 600; }
#lisans-serit button { height: 26px; padding: 0 10px; border-radius: 13px; font-size: 12px; }
#lisans-alan textarea { width: 100%; font-family: Consolas, monospace; font-size: 12px; }

/* Renk / beden modülü kapalıyken: giyim alanları ve renk/beden sütunları görünmez; .m-giyim-yok yalnız kapalıyken görünür */
body.mk-giyim .m-giyim, body.mk-giyim .rb { display: none !important; }
body:not(.mk-giyim) .m-giyim-yok { display: none !important; }
body.mk-giyim #etiket-liste tr > :nth-child(2), body.mk-giyim #sayim-tablo tr > :nth-child(2), body.mk-giyim #seri-tablo tr > :nth-child(2),
body.mk-giyim #barkodlar tr > :nth-child(1), body.mk-giyim #barkodlar tr > :nth-child(2) { display: none; }

/* Ürün aramasında bulunan seri numaraları */
#urunler .seri-bulunan { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; font-size: 12px; }
#urunler .seri-bulunan .seri-cip.satildi { opacity: .7; text-decoration: line-through; }

/* Satış sepeti dip toplamı (indirimsiz) */
#sepet-dip { padding: 10px 12px; background: var(--zemin-koyu, #f3f4f1); border-top: 2px solid var(--cizgi); font-size: 15px; }
#sepet-dip .dip-ic { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px 28px; }
#sepet-dip strong { font-size: 17px; margin-left: 6px; }

/* Etikette üstü çizili fiyat */
.etiket .e-cizili { text-decoration: line-through; text-decoration-thickness: 0.25mm; }

/* Satış fişi (termal) */
.fis-ayar-duzen { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: start; }
.fis-onizleme-kap { background: #e9ebe6; padding: 10px; border-radius: 8px; }
#fis-onizleme .fis-baski { background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.2); }
.fis-baski { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 3mm; line-height: 1.25; padding: 3mm 3mm 6mm; box-sizing: border-box; }
.fis-baski .fb-firma { text-align: center; font-weight: 700; font-size: 5.2mm; letter-spacing: .3mm; margin-bottom: .8mm; }
.fis-baski .fb-orta { text-align: center; }
.fis-baski .fb-ince { font-size: 2.6mm; }
.fis-baski .fb-kalin { font-weight: 700; }
.fis-baski .fb-not { font-size: 2.6mm; margin-top: 1.5mm; }
.fis-baski .fb-cizgi { border-top: .3mm solid #000; margin: 1.6mm 0; }
.fis-baski .fb-kesik { border-top-style: dashed; }
.fis-baski .fb-satir { display: flex; justify-content: space-between; gap: 2mm; }
.fis-baski .fb-satir > span:last-child { white-space: nowrap; text-align: right; }
.fis-baski .fb-kalem { margin-bottom: 1mm; }
.fis-baski .fb-ad { font-weight: 700; }
.fis-baski .fb-kod { font-weight: 400; font-size: 2.4mm; }
.fis-baski .fb-toplam { font-weight: 700; font-size: 4.6mm; margin-top: 1mm; }
.fis-baski .fb-barkod { display: flex; flex-direction: column; align-items: center; margin: 1mm 0; }
@media print { #baski .fis-baski { margin: 0; } }
@media (max-width: 900px) { .fis-ayar-duzen { grid-template-columns: 1fr; } }

/* Hızlı düğmeler (satış ekranı) */
.hizli-dugmeler { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 2px; }
.hizli-dugme { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 110px; max-width: 180px; height: auto; min-height: 46px; padding: 5px 10px; line-height: 1.2; text-align: left; background: #f3f6fc; border-color: #c5d2ea; }
.hizli-dugme:hover { background: var(--vurgu-acik, #dfe7f7); }
.hizli-dugme .hd-ad { font-weight: 600; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.hizli-dugme .hd-fiyat { font-size: 12px; color: var(--soluk, #5a6370); font-weight: 500; }
.hizli-dugme.stoksuz { opacity: .6; }
.hizli-duzenle { min-height: 46px; height: auto; border-style: dashed; color: var(--soluk, #5a6370); font-weight: 500; }

/* Uzaktan güncelleme şeridi */
#guncelleme-serit { position: fixed; left: 50%; bottom: 34px; transform: translateX(-50%); z-index: 9000; display: flex; align-items: center; gap: 12px; max-width: min(900px, 94vw);
  background: #fff8e1; border: 1px solid #f2b632; border-radius: 10px; padding: 8px 10px 8px 14px; box-shadow: 0 4px 16px rgba(0,0,0,.18); font-size: 14px; }
#guncelleme-serit > span:first-child { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#guncelleme-serit .gs-not { color: var(--soluk, #5a6370); }
#guncelleme-serit .gs-durum { color: var(--soluk, #5a6370); font-size: 13px; }