/* DAL POS — Satış Ekranı 2026 profesyonel arayüzü
   -------------------------------------------------
   Bu dosya yalnız Satış Ekranı açıkken görünümü yeniden kurar.
   Hesap alanlarının id'leri, tablo sütun sırası ve formül kodları
   değiştirilmez. Telefon görünümünde aynı semantik tablolar okunur
   işlem kartlarına dönüşür; tablet ve bilgisayarda geniş POS çalışma
   alanı kullanılır. */

.quick-modal-heading{
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  justify-content:start;
  gap:1px 10px;
  min-width:0;
  flex:1 1 auto;
}
.quick-modal-eyebrow,
.quick-modal-live{display:none;}

.quick-modal:has(#quickSalesNav:not([hidden])){
  --pos-bg:#08101a;
  --pos-surface:#0e1824;
  --pos-surface-2:#142130;
  --pos-line:#243447;
  --pos-line-soft:rgba(148,163,184,.15);
  --pos-text:#f6f8fb;
  --pos-muted:#9ba9ba;
  --pos-gold:#d7b66c;
  --pos-gold-2:#f2d795;
  --pos-green:#58d6a2;
  --pos-blue:#72a9ff;
  --pos-red:#ff8892;
  padding:20px;
  background:rgba(2,7,13,.5);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-backdrop{
  background:rgba(2,7,13,.82);
  backdrop-filter:blur(12px) saturate(120%);
  -webkit-backdrop-filter:blur(12px) saturate(120%);
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-panel{
  width:min(1440px,calc(100vw - 40px));
  height:min(920px,calc(100dvh - 40px));
  max-height:none;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(215,182,108,.45);
  border-radius:26px;
  background:
    radial-gradient(circle at 88% -20%,rgba(215,182,108,.13),transparent 35%),
    var(--pos-bg);
  box-shadow:0 34px 100px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.025) inset;
  color:var(--pos-text);
}

/* 14 Ayar ekranındaki canlı fiyat özeti ve POS paneli aynı grid içinde
   kalır. Panel kendi sütunundan taşarsa referans tablosunun üstüne biniyor
   ve ekranın sağından kesiliyordu. İki sütun artık kullanılabilir ekran
   genişliğini birlikte paylaşır. */
.quick-modal.quick-modal-14k-reference:has(#quickSalesNav:not([hidden])){
  width:100%;
  grid-template-columns:minmax(300px,430px) minmax(0,1440px);
  gap:16px;
  justify-content:center;
}
.quick-modal.quick-modal-14k-reference:has(#quickSalesNav:not([hidden])) .quick-14k-reference{
  min-width:0;
  max-width:430px;
}
.quick-modal.quick-modal-14k-reference:has(#quickSalesNav:not([hidden])) .quick-modal-panel{
  width:100%;
  min-width:0;
}
.quick-modal:has(#quickSalesNav:not([hidden])) :is(h1,h2,h3,h4,button,input,select,table,summary){
  font-family:inherit!important;
}

/* Üst komuta şeridi */
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-head{
  position:relative;
  top:auto;
  z-index:5;
  min-height:78px;
  padding:12px 18px;
  border-bottom:1px solid var(--pos-line);
  background:rgba(8,16,26,.9);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-heading{
  grid-template-columns:auto auto;
  column-gap:12px;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-eyebrow{
  display:block;
  grid-column:1;
  color:var(--pos-gold);
  font-size:.62rem;
  font-weight:950;
  letter-spacing:.16em;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-title{
  grid-column:1;
  color:var(--pos-text);
  font-size:1.22rem;
  font-weight:920;
  letter-spacing:-.025em;
  line-height:1.15;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-live{
  grid-column:2;
  grid-row:1 / 3;
  display:inline-flex;
  align-items:center;
  gap:7px;
  align-self:center;
  padding:7px 10px;
  border:1px solid rgba(88,214,162,.25);
  border-radius:999px;
  background:rgba(88,214,162,.08);
  color:#9debc8;
  font-size:.68rem;
  font-weight:850;
  white-space:nowrap;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-live i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--pos-green);
  box-shadow:0 0 0 4px rgba(88,214,162,.12);
}
.quick-modal:has(#quickSalesNav:not([hidden])) :is(.quick-modal-back,.quick-modal-reset,.quick-modal-close){
  width:46px;
  height:46px;
  border:1px solid var(--pos-line);
  border-radius:14px;
  background:var(--pos-surface-2);
  color:var(--pos-text);
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-back{font-size:1.22rem;}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-reset{
  border-color:rgba(88,214,162,.38);
  background:rgba(88,214,162,.1);
  color:#9debc8;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-close{
  font-size:1.45rem;
}

/* Tek Satış Ekranı içindeki kategori seçimi */
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-sales-nav{
  position:relative!important;
  top:auto!important;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
  padding:10px 18px 12px;
  border-bottom:1px solid var(--pos-line);
  background:rgba(10,19,30,.96);
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-sales-category{
  min-width:0;
  min-height:58px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 11px;
  border:1px solid var(--pos-line);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--pos-surface);
  color:var(--pos-muted);
  text-align:left;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-sales-category>span{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border:1px solid rgba(215,182,108,.24);
  border-radius:10px;
  background:rgba(215,182,108,.07);
  color:var(--pos-gold);
  font-size:.59rem;
  font-weight:950;
  letter-spacing:.02em;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-sales-category>strong{
  overflow:hidden;
  font-size:.76rem;
  font-weight:850;
  line-height:1.18;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-sales-category[aria-pressed="true"]{
  border-color:rgba(215,182,108,.78);
  background:linear-gradient(135deg,rgba(215,182,108,.2),rgba(215,182,108,.06));
  color:var(--pos-text);
  box-shadow:0 0 0 1px rgba(215,182,108,.08) inset,0 8px 22px rgba(0,0,0,.16);
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-sales-category[aria-pressed="true"]>span{
  border-color:var(--pos-gold);
  background:var(--pos-gold);
  color:#151009;
}

/* İçerik çalışma alanı */
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-body{
  min-height:0;
  overflow:auto;
  padding:22px;
  overscroll-behavior:contain;
  scrollbar-color:#33465c transparent;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-body>.card,
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-content{
  color:var(--pos-text);
}
.quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-body h2{
  margin:0 0 6px;
  color:var(--pos-text);
  font-size:1.22rem;
  font-weight:900;
  letter-spacing:-.025em;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .alim-gucu-note{
  color:var(--pos-muted);
  font-size:.76rem;
  line-height:1.45;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .dal-trade-tabs{
  display:flex;
  gap:6px;
  margin:0 0 16px;
  padding:5px;
  border:1px solid var(--pos-line);
  border-radius:15px;
  background:var(--pos-surface);
}
.quick-modal:has(#quickSalesNav:not([hidden])) .dal-trade-tab{
  min-height:44px;
  border-radius:11px;
  color:var(--pos-muted);
  font-size:.8rem;
  font-weight:850;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .dal-trade-tab[aria-selected="true"]{
  background:var(--pos-gold);
  color:#171108;
  box-shadow:0 6px 18px rgba(215,182,108,.18);
}
.quick-modal:has(#quickSalesNav:not([hidden])) .satis-ust-kontroller{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,240px)) minmax(220px,1fr);
  align-items:end;
  gap:10px;
  margin:16px 0 18px;
  padding:14px;
  border:1px solid var(--pos-line);
  border-radius:16px;
  background:var(--pos-surface);
}
.quick-modal:has(#quickSalesNav:not([hidden])) .satis-ust-kontroller .input-box{
  width:auto;
}
.quick-modal:has(#quickSalesNav:not([hidden])) :is(select,input[type="text"]){
  min-height:46px;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .table-input{
  min-height:44px;
  border:1px solid rgba(255,136,146,.62);
  border-radius:11px;
  background:rgba(125,38,47,.42);
  color:#fff;
  font-size:1rem;
  font-weight:850;
  text-align:center;
  box-shadow:0 0 0 1px rgba(255,255,255,.025) inset;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .table-input:focus{
  border-color:#ffabb2;
  box-shadow:0 0 0 3px rgba(255,136,146,.15);
}
.quick-modal:has(#quickSalesNav:not([hidden])) .sarrafiye-urun img{
  width:44px;
  height:44px;
  flex-basis:44px;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .dal-trade-total{
  margin-top:16px;
  padding:17px 18px;
  border:1px solid rgba(88,214,162,.38);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(88,214,162,.12),rgba(88,214,162,.035));
}
.quick-modal:has(#quickSalesNav:not([hidden])) .dal-trade-total span{
  color:#a9b7c7;
  font-size:.72rem;
  letter-spacing:.1em;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .dal-trade-total strong{
  color:#8ce7c1;
  font-size:1.5rem;
  letter-spacing:-.03em;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .operation-details{
  margin-top:12px;
  border:1px solid var(--pos-line);
  border-radius:14px;
  background:var(--pos-surface);
}
.quick-modal:has(#quickSalesNav:not([hidden])) .operation-details summary{
  padding:13px 15px;
  color:#b7c3d0;
  font-size:.77rem;
  font-weight:800;
}
.quick-modal:has(#quickSalesNav:not([hidden])) .formula-note{
  margin-top:10px;
  padding:12px 14px;
  border-left:2px solid rgba(215,182,108,.38);
  color:#8190a2;
  font-size:.68rem;
  line-height:1.55;
}

/* Bilgisayarda tabloları ferah ve taranabilir tut. */
@media(min-width:761px){
  .quick-modal:has(#quickSalesNav:not([hidden])) table{
    border-collapse:separate;
    border-spacing:0 6px;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) table thead th{
    padding:8px 10px;
    border:0;
    background:transparent;
    color:#8594a6;
    font-size:.66rem;
    letter-spacing:.05em;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) table tbody tr{
    background:var(--pos-surface);
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) table tbody td{
    padding:12px 10px;
    border-top:1px solid var(--pos-line-soft);
    border-bottom:1px solid var(--pos-line-soft);
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) table tbody td:first-child{
    border-left:1px solid var(--pos-line-soft);
    border-radius:13px 0 0 13px;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) table tbody td:last-child{
    border-right:1px solid var(--pos-line-soft);
    border-radius:0 13px 13px 0;
  }
}

/* Kâr tabloları uzun canlı fiyatlarda içerik genişliğini büyütmesin.
   Dış kabuk ve sol canlı-fiyat özeti kendi sütunlarında kalırken tablo
   panelin kullanılabilir genişliğini paylaşır; yatay sürgü oluşmaz. */
@media(min-width:621px){
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu,#ayar22KarTablosu,#alyansKarTablosu){
    box-sizing:border-box;
    width:calc(100% - 48px)!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:fixed!important;
    margin-inline:auto;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu,#ayar22KarTablosu,#alyansKarTablosu)>:is(thead,tbody)>tr>:is(th,td){
    box-sizing:border-box;
    min-width:0!important;
    padding-inline:clamp(5px,.62vw,10px);
    overflow-wrap:anywhere;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu,#ayar22KarTablosu,#alyansKarTablosu)>:is(thead,tbody)>tr>:is(th,td):first-child{width:18%;}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu)>:is(thead,tbody)>tr>:is(th,td):nth-child(2){width:18%;}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu)>:is(thead,tbody)>tr>:is(th,td):nth-child(3){width:20%;}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu)>:is(thead,tbody)>tr>:is(th,td):nth-child(5){width:14%;}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu)>:is(thead,tbody)>tr>:is(th,td):nth-child(6),
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu)>:is(thead,tbody)>tr>:is(th,td):nth-child(7){width:15%;}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#ayar22KarTablosu,#alyansKarTablosu)>:is(thead,tbody)>tr>:is(th,td):nth-child(2){width:21%;}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#ayar22KarTablosu,#alyansKarTablosu)>:is(thead,tbody)>tr>:is(th,td):nth-child(3){width:22%;}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#ayar22KarTablosu,#alyansKarTablosu)>:is(thead,tbody)>tr>:is(th,td):nth-child(n+4){width:13%;}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu,#ayar22KarTablosu,#alyansKarTablosu):is(table){
    font-size:clamp(.7rem,.72vw,.84rem);
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu,#ayar22KarTablosu,#alyansKarTablosu):is(table) :is(.tl-val,.eur-val){
    font-size:inherit;
    white-space:normal;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) div:has(> :is(#karTablosu,#rbKarTablosu,#ayar22KarTablosu,#alyansKarTablosu)){
    min-width:0;
    max-width:100%;
    overflow-x:hidden!important;
  }
}

/* Tablet: başlıklar ve kategoriler sıkışmadan iki satıra geçer. */
@media(min-width:621px) and (max-width:1040px){
  .quick-modal:has(#quickSalesNav:not([hidden])){
    padding:10px;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-panel{
    width:calc(100vw - 20px);
    height:calc(100dvh - 20px);
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-sales-nav{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-body{padding:18px;}
  .quick-modal:has(#quickSalesNav:not([hidden])) .satis-ust-kontroller{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .satis-fiyat-modu-not{grid-column:1 / -1;}
}

@media(max-width:1380px){
  .quick-modal.quick-modal-14k-reference:has(#quickSalesNav:not([hidden])){
    grid-template-columns:minmax(0,1440px);
    gap:0;
  }
  .quick-modal.quick-modal-14k-reference:has(#quickSalesNav:not([hidden])) .quick-14k-reference{
    display:none;
  }
}

/* Telefon: masaüstü tablosu küçültülmez; her satır okunur işlem kartıdır. */
@media(max-width:620px){
  /* Ziynet ekranı tezgâhta tek elle kullanılır. İçerik kart düzenine
     sığdığı için yatay parmak hareketini hiçbir kaydırma katmanına bırakma;
     yalnız dikey sayfa hareketi açık kalsın. */
  .quick-modal-panel:has(#ceyrekCard.quick-modal-content),
  .quick-modal-body:has(#ceyrekCard.quick-modal-content),
  #ceyrekCard.quick-modal-content,
  #ceyrekCard.quick-modal-content>div:has(> :is(#ceyrek14KarTablosu,#ceyrek22KarTablosu)){
    box-sizing:border-box;
    max-width:100%;
    overflow-x:hidden!important;
    overscroll-behavior-x:none;
    touch-action:pan-y;
  }
  #ceyrekCard.quick-modal-content :is(#ceyrek14KarTablosu,#ceyrek22KarTablosu){
    max-width:100%!important;
  }

  /* Döviz de telefonda kart düzenine sığıyor. Eski tablo sarıcılarının
     overflow-x:auto değeri parmakla bütün pencereyi sağa sola oynatıyordu;
     tüm kaydırma katmanlarını yalnız dikey harekete kilitle. */
  .quick-modal-panel:has(#dovizCard.quick-modal-content #dovizAlisSatisPanel:not([hidden])),
  .quick-modal-body:has(#dovizCard.quick-modal-content #dovizAlisSatisPanel:not([hidden])),
  #dovizCard.quick-modal-content:has(#dovizAlisSatisPanel:not([hidden])),
  #dovizAlisSatisPanel:not([hidden]) div[style*="overflow-x:auto"]{
    box-sizing:border-box;
    max-width:100%;
    overflow-x:hidden!important;
    overscroll-behavior-x:none;
    touch-action:pan-y;
  }
  #dovizAlisSatisPanel:not([hidden]) table{max-width:100%!important;}

  .quick-modal:has(#quickSalesNav:not([hidden])){
    padding:0;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-panel{
    width:100vw;
    height:100dvh;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-head{
    min-height:calc(66px + env(safe-area-inset-top));
    padding:calc(8px + env(safe-area-inset-top)) 10px 8px;
    gap:8px;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(.quick-modal-back,.quick-modal-reset,.quick-modal-close){
    width:44px;
    height:44px;
    border-radius:13px;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-actions{gap:6px;}
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-heading{column-gap:7px;}
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-title{font-size:1.03rem;}
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-eyebrow{font-size:.53rem;}
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-live{
    display:none;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-sales-nav{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    padding:8px 9px 10px;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-sales-category{
    min-height:51px;
    display:flex;
    flex-direction:column;
    gap:3px;
    padding:5px 3px;
    border-radius:12px;
    text-align:center;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-sales-category>span{
    width:23px;
    height:23px;
    border-radius:7px;
    font-size:.48rem;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-sales-category>strong{
    width:100%;
    font-size:.62rem;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-body{
    padding:12px 10px calc(18px + env(safe-area-inset-bottom));
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-body h2{
    font-size:1.08rem;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .dal-trade-tabs{
    margin-bottom:10px;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .satis-ust-kontroller{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:12px 0;
    padding:10px;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .satis-ust-kontroller :is(label,.satis-fiyat-modu-not){
    font-size:.62rem;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .satis-ust-kontroller select{
    min-height:48px;
    padding:8px 10px;
    font-size:.84rem;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .satis-fiyat-modu-not{
    grid-column:1 / -1;
    max-width:none;
    padding:0 2px;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .sarrafiye-hurda-altbolum>div:has(>table),
  .quick-modal:has(#quickSalesNav:not([hidden])) .card>div:has(>table){
    overflow:visible!important;
  }

  /* Sarrafiye ve bilezik ürün kartları */
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu){
    display:block;
    width:100%;
    min-width:0!important;
    border:0;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>thead{
    display:none;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody{
    display:grid;
    gap:10px;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:12px;
    border:1px solid var(--pos-line);
    border-radius:17px;
    background:linear-gradient(145deg,rgba(255,255,255,.025),transparent),var(--pos-surface);
    box-shadow:0 9px 25px rgba(0,0,0,.16);
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td{
    position:static!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:left!important;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:first-child{
    grid-column:1 / -1;
    position:relative!important;
    min-height:48px;
    padding:0 34px 9px 0!important;
    border-bottom:1px solid var(--pos-line-soft)!important;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:first-child>.dal-satis-tik{
    position:absolute;
    top:2px;
    right:1px;
    width:22px;
    height:22px;
    margin:0;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu) .sarrafiye-urun{
    min-width:0;
    gap:9px;
    padding:0;
    color:var(--pos-text);
    font-size:.83rem;
    line-height:1.2;
    white-space:normal;
    overflow:visible;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu) .sarrafiye-urun img{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(2){
    grid-column:1 / -1;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:10px;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(2)::before{
    content:"ADET / GRAM";
    color:var(--pos-muted);
    font-size:.61rem;
    font-weight:900;
    letter-spacing:.07em;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(2) .table-input{
    height:48px;
    /* iOS, 16px altındaki form alanına odaklanınca sayfayı otomatik
       yakınlaştırır. Kesin piksel alt sınırı Sarrafiye ve Bileziğin bütün
       adet/gram girişlerinde aynı davranışı garanti eder. */
    font-size:16px!important;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(5),
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(6),
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(9){
    display:flex!important;
    min-height:64px!important;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
    gap:7px;
    padding:9px!important;
    border:1px solid var(--pos-line-soft)!important;
    border-radius:12px!important;
    font-size:.88rem!important;
    font-weight:900!important;
    line-height:1.15!important;
    overflow-wrap:anywhere;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(5){background:rgba(88,214,162,.075)!important;color:#91e6c1;}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(6){background:rgba(215,182,108,.075)!important;color:var(--pos-gold-2);}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(9){background:rgba(114,169,255,.07)!important;color:#a9caff;}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(5)::before{content:"NAKİT";}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(6)::before{content:"KARTLI";}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(9)::before{content:"EUR";}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(5)::before,
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(6)::before,
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(9)::before{
    color:#8190a2;
    font-size:.55rem;
    font-weight:950;
    letter-spacing:.08em;
  }
  /* Ayrıntı açıldığında analitik hücreler de kart içinde okunur. */
  .quick-modal:has(#quickSalesNav:not([hidden])) .operation-screen:has(.operation-details[open]) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(3){grid-column:1 / -1;}
  .quick-modal:has(#quickSalesNav:not([hidden])) .operation-screen:has(.operation-details[open]) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:is(:nth-child(4),:nth-child(7),:nth-child(8)){
    display:flex!important;
    min-height:58px;
    flex-direction:column;
    gap:6px;
    padding:9px!important;
    border:1px solid var(--pos-line-soft)!important;
    border-radius:12px!important;
    color:#c4cfda;
    font-size:.82rem;
    font-weight:850;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .operation-screen:has(.operation-details[open]) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(4)::before{content:"MALİYET";}
  .quick-modal:has(#quickSalesNav:not([hidden])) .operation-screen:has(.operation-details[open]) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(7)::before{content:"K ORANI";}
  .quick-modal:has(#quickSalesNav:not([hidden])) .operation-screen:has(.operation-details[open]) :is(#altinSatisTablosu,#bilezikSatisTablosu)>tbody>tr>td:nth-child(8)::before{content:"NET KÂR";}

  /* Kâr seçenekleri: küçük hücreler yerine oran başına fiyat kartı. */
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu,#ayar22KarTablosu,#alyansKarTablosu,#ceyrek14KarTablosu,#ceyrek22KarTablosu){
    display:block;
    width:100%;
    min-width:0!important;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu,#ayar22KarTablosu,#alyansKarTablosu,#ceyrek14KarTablosu,#ceyrek22KarTablosu)>thead{display:none;}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu,#ayar22KarTablosu,#alyansKarTablosu,#ceyrek14KarTablosu,#ceyrek22KarTablosu)>tbody{
    display:grid;
    gap:9px;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu,#ayar22KarTablosu,#alyansKarTablosu,#ceyrek14KarTablosu,#ceyrek22KarTablosu)>tbody>tr{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:11px;
    border:1px solid var(--pos-line);
    border-radius:15px;
    background:var(--pos-surface);
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu,#ayar22KarTablosu,#alyansKarTablosu,#ceyrek14KarTablosu,#ceyrek22KarTablosu)>tbody>tr>td{
    display:flex!important;
    width:auto!important;
    min-width:0!important;
    flex-direction:column;
    gap:5px;
    padding:8px!important;
    border:1px solid var(--pos-line-soft)!important;
    border-radius:10px;
    background:rgba(255,255,255,.018);
    color:#dce4ec;
    font-size:.8rem;
    font-weight:850;
    text-align:left!important;
    overflow-wrap:anywhere;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu,#ayar22KarTablosu,#alyansKarTablosu,#ceyrek14KarTablosu,#ceyrek22KarTablosu)>tbody>tr>td:first-child{
    grid-column:1 / -1;
    min-height:42px;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    border-color:rgba(215,182,108,.22)!important;
    background:rgba(215,182,108,.06);
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu)>tbody>tr>td:nth-child(2)::before,
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#ayar22KarTablosu,#alyansKarTablosu,#ceyrek14KarTablosu,#ceyrek22KarTablosu)>tbody>tr>td:nth-child(2)::before{content:"NAKİT SATIŞ";}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu)>tbody>tr>td:nth-child(3)::before,
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#ayar22KarTablosu,#alyansKarTablosu,#ceyrek14KarTablosu,#ceyrek22KarTablosu)>tbody>tr>td:nth-child(3)::before{content:"KARTLI SATIŞ";}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu)>tbody>tr>td:nth-child(4)::before{content:"MALİYET · TL";}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu)>tbody>tr>td:nth-child(5)::before,
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#ayar22KarTablosu,#alyansKarTablosu,#ceyrek14KarTablosu,#ceyrek22KarTablosu)>tbody>tr>td:nth-child(4)::before{content:"SATIŞ · EUR";}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu)>tbody>tr>td:nth-child(6)::before,
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#ayar22KarTablosu,#alyansKarTablosu,#ceyrek14KarTablosu,#ceyrek22KarTablosu)>tbody>tr>td:nth-child(5)::before{content:"NET KÂR · TL";}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu)>tbody>tr>td:nth-child(7)::before,
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#ayar22KarTablosu,#alyansKarTablosu,#ceyrek14KarTablosu,#ceyrek22KarTablosu)>tbody>tr>td:nth-child(6)::before{content:"NET KÂR · EUR";}
  .quick-modal:has(#quickSalesNav:not([hidden])) :is(#karTablosu,#rbKarTablosu,#ayar22KarTablosu,#alyansKarTablosu,#ceyrek14KarTablosu,#ceyrek22KarTablosu)>tbody>tr>td:not(:first-child)::before{
    color:#7f8da0;
    font-size:.52rem;
    font-weight:950;
    letter-spacing:.07em;
  }

  /* Döviz: EUR ve USD yan yana sıkışan tablo değil, iki işlem kartı. */
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .inputs-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table{
    display:block;
    width:100%;
    min-width:0!important;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table :is(colgroup,thead){display:none;}
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table tbody{
    display:grid;
    gap:10px;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table tbody tr{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:12px;
    border:1px solid var(--pos-line);
    border-radius:16px;
    background:var(--pos-surface);
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table tbody td{
    display:flex!important;
    width:auto!important;
    min-width:0;
    justify-self:stretch;
    flex-direction:column;
    gap:5px;
    padding:9px!important;
    border:1px solid var(--pos-line-soft)!important;
    border-radius:11px;
    background:rgba(255,255,255,.018);
    text-align:left!important;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table tbody td:first-child{
    grid-column:1 / -1;
    min-height:42px;
    justify-content:center;
    border-color:rgba(114,169,255,.28)!important;
    background:rgba(114,169,255,.08);
    color:#b9d4ff;
    font-size:1.1rem;
  }
  /* Günlük iki müşteri işlemi ilk bakışta yan yana: alış solda, satış
     sağda. Toptancı ve kâr ayrıntıları bunların altında kalır. DOM/sütun
     sırası değişmediği için hesap ve kayıt bağlantıları aynen korunur. */
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table tbody td:nth-child(2){order:1;}
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table tbody td:nth-child(5){order:2;}
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table tbody td:nth-child(3){order:3;}
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table tbody td:nth-child(4){order:4;}
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table tbody td:nth-child(6){order:5;}
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table tbody td:nth-child(2)::before{content:"MÜŞTERİDEN ALIRKEN";}
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table tbody td:nth-child(3)::before{content:"TOPTANCIYA VERİŞ";}
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table tbody td:nth-child(4)::before{content:"ALIŞ KÂRI";}
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table tbody td:nth-child(5)::before{content:"MÜŞTERİYE SATARKEN";}
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table tbody td:nth-child(6)::before{content:"MAKAS KÂRI";}
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel .doviz-islem-table tbody td:not(:first-child)::before{
    color:#8090a3;
    font-size:.51rem;
    font-weight:950;
    letter-spacing:.06em;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel :is(.dal-fx-kur-satiri,.dal-fx-toplam-satiri){
    width:100%;
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) #dovizAlisSatisPanel :is(.dal-fx-kur-satiri,.dal-fx-toplam-satiri) strong{
    margin-left:auto;
    text-align:right;
  }

  .quick-modal:has(#quickSalesNav:not([hidden])) .dal-trade-total{
    position:static;
    box-shadow:0 10px 28px rgba(0,0,0,.2);
  }
  .quick-modal:has(#quickSalesNav:not([hidden])) .dal-trade-total strong{font-size:1.28rem;}
  .quick-modal:has(#quickSalesNav:not([hidden])) .formula-note{font-size:.63rem;}
}

/* En dar telefonlarda canlı etiketi kaldır; başlık ve işlem düğmeleri
   nefes alsın. Bilgi kaybı yok, yeşil bağlantı durumu içerikte sürer. */
@media(max-width:370px){
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-live{display:none;}
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-sales-category>strong{font-size:.58rem;}
  .quick-modal:has(#quickSalesNav:not([hidden])) .quick-modal-body{padding-inline:8px;}
}