/* ============================================================
   Hızlı Satış (kayıtsız perakende/toptan) — tam sayfa satış ekranı.
   Tasarım: yuvarlak beyaz kartlar, segment toggle, arama, sepet tablosu.
   ============================================================ */
/* Tam sayfa: önceki 1100px cap geniş PC'de sağ yarıyı boş bırakıyordu. Artık içerik
   alanının TAMAMINI doldurur (hızlı satış / müşteriye satış / tedarikçiden alış). */
.hs2-wrap { display: flex; flex-direction: column; gap: var(--space-4); max-width: none; }

.hs2-card {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-lg); box-shadow: var(--shadow-sm);
}

/* — Mod kartı (perakende/toptan) — */
.hs2-mode { display: flex; align-items: center; gap: var(--space-4); padding: var(--space-4) var(--space-5); }
.hs2-mode-left { display: flex; align-items: center; gap: var(--space-3); flex: 1; min-width: 0; }
.hs2-mode-ico {
  width: 54px; height: 54px; border-radius: var(--radius); flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: var(--brand); color: #fff;
}
.hs2-mode-ico svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.hs2-mode-title { font-size: var(--fs-lg); font-weight: 800; color: var(--navy); }
.hs2-mode-sub { font-size: var(--fs-xs); color: var(--text-muted); margin-top: 2px; }

/* Segment toggle */
.hs2-seg { display: inline-flex; background: var(--surface-alt); border: 1px solid var(--border); border-radius: var(--radius-full); padding: 3px; gap: 2px; }
.hs2-seg-btn {
  border: 0; background: transparent; cursor: pointer; font-weight: 700; font-size: var(--fs-sm);
  color: var(--text-muted); padding: 7px 18px; border-radius: var(--radius-full); transition: all .15s;
}
.hs2-seg-btn.is-active { background: var(--brand); color: #fff; box-shadow: var(--shadow-sm); }

.hs2-mode-disc { text-align: right; min-width: 90px; }
.hs2-disc-cap { display: block; font-size: 10px; letter-spacing: .08em; font-weight: 700; color: var(--text-muted); }
.hs2-disc-val { display: block; font-size: var(--fs-xl); font-weight: 800; color: var(--brand); }

/* — Arama — */
.hs2-search { position: relative; }
.hs2-search-ico { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; fill: none; stroke: var(--text-faint); stroke-width: 2; stroke-linecap: round; }
.hs2-search input {
  width: 100%; box-sizing: border-box; padding: 14px 16px 14px 46px;
  border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface);
  font-size: var(--fs-md); color: var(--text);
}
.hs2-search input:focus { outline: none; border-color: var(--brand); box-shadow: 0 0 0 3px var(--brand-glow, color-mix(in srgb, var(--brand) 18%, transparent)); }
.hs2-results {
  position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 30;
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-md);
  max-height: 320px; overflow: auto; padding: 4px;
}
.hs2-res { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: var(--space-3); border: 0; background: transparent; cursor: pointer; padding: 10px 12px; border-radius: var(--radius-sm); text-align: left; }
.hs2-res:hover { background: var(--surface-alt); }
.hs2-res-name { display: flex; flex-direction: column; font-weight: 600; color: var(--text); }
.hs2-res-code { font-size: var(--fs-xs); color: var(--text-faint); font-weight: 500; }
.hs2-res-sub { display: flex; align-items: center; gap: 6px; margin-top: 2px; }
.hs2-res-price { font-weight: 700; color: var(--navy); }
.hs2-res-empty { padding: 14px; text-align: center; color: var(--text-muted); font-size: var(--fs-sm); }
.hs2-res-addnew { display: inline-block; margin-top: 6px; padding: 6px 12px; border: 1px solid var(--brand); border-radius: var(--radius-2); background: transparent; color: var(--brand); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.hs2-res-addnew:hover { background: var(--brand); color: #fff; }

/* — Sepet tablosu — */
.hs2-table-card { padding: var(--space-2) var(--space-3) var(--space-3); }
.hs2-table { width: 100%; border-collapse: collapse; }
.hs2-table thead th {
  font-size: 11px; letter-spacing: .04em; font-weight: 700; color: var(--text-muted); text-transform: uppercase;
  text-align: left; padding: 12px 10px; border-bottom: 1px solid var(--border);
}
.hs2-table th.hs2-c, .hs2-table td.hs2-c { text-align: center; }
.hs2-table th.hs2-r, .hs2-table td.hs2-r { text-align: right; }
.hs2-table tbody td { padding: 14px 10px; border-bottom: 1px solid var(--border); vertical-align: middle; }
.hs2-table tbody tr:last-child td { border-bottom: 0; }
.hs2-pname { font-weight: 700; color: var(--navy); }
.hs2-pcode { font-size: var(--fs-xs); color: var(--text-faint); margin-top: 2px; }
.hs2-r.money { font-weight: 800; color: var(--navy); }

/* Adet stepper */
.hs2-step { display: inline-flex; align-items: center; gap: 2px; background: var(--surface-alt); border: 1px solid var(--border); border-radius: var(--radius); padding: 3px; }
.hs2-step-btn { width: 30px; height: 30px; border: 0; background: var(--surface); border-radius: var(--radius-sm); cursor: pointer; font-size: 18px; font-weight: 700; color: var(--navy); box-shadow: var(--shadow-sm); line-height: 1; }
.hs2-step-btn:hover { color: var(--brand); }
input.hs2-step-n { width: 46px; min-width: 0; text-align: center; font-weight: 700; color: var(--text); border: 0; background: transparent; font-size: var(--fs-md); -moz-appearance: textfield; padding: 0; }
input.hs2-step-n::-webkit-outer-spin-button, input.hs2-step-n::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input.hs2-step-n:focus { outline: none; }
/* Birim fiyat: DÜZENLENEBİLİR olduğu belli olsun → kutucuk (çerçeve + zemin). */
input.hs2-step-n.hs2-price { width: 100px; text-align: right; border: 1px solid var(--border); background: var(--surface); border-radius: var(--radius-sm); padding: 5px 9px; cursor: text; }
input.hs2-step-n.hs2-price:hover { border-color: var(--brand); }
input.hs2-step-n.hs2-price:focus { border-color: var(--brand); box-shadow: 0 0 0 2px var(--brand-tint, rgba(200,90,30,.18)); }
.hs2-del { border: 0; background: transparent; cursor: pointer; color: var(--text-faint); padding: 4px; border-radius: var(--radius-sm); display: inline-flex; }
.hs2-del:hover { color: var(--red); background: var(--surface-alt); }
.hs2-del svg { width: 18px; height: 18px; }
/* Satır notu: sağdaki ikon + ürün kodu altındaki not satırı */
.hs2-x { white-space: nowrap; }
.hs2-note-btn { border: 0; background: transparent; cursor: pointer; color: var(--text-faint); padding: 4px; border-radius: var(--radius-sm); display: inline-flex; }
.hs2-note-btn:hover { color: var(--brand); background: var(--surface-alt); }
.hs2-note-btn.is-active { color: var(--brand); }
.hs2-note-btn svg { width: 18px; height: 18px; }
.hs2-note { display: flex; align-items: flex-start; gap: 4px; margin-top: 3px; font-size: var(--fs-xs); color: var(--brand); }
.hs2-note svg { width: 13px; height: 13px; flex: 0 0 auto; margin-top: 1px; }
.hs2-note span { white-space: pre-wrap; word-break: break-word; }
.hs2-empty { padding: var(--space-6); text-align: center; color: var(--text-muted); font-size: var(--fs-sm); }

/* — Alt: ödeme + toplam — */
.hs2-foot { display: flex; gap: var(--space-6); padding: var(--space-4) var(--space-5); flex-wrap: wrap; }
.hs2-pay { flex: 1; min-width: 280px; display: flex; flex-direction: column; gap: var(--space-3); }
.hs2-pay-head { font-size: var(--fs-sm); font-weight: 800; color: var(--navy); text-transform: uppercase; letter-spacing: .05em; margin-bottom: 2px; }
.hs2-pay-row { display: flex; align-items: center; gap: var(--space-3); }
.hs2-lbl { width: 64px; font-size: var(--fs-sm); font-weight: 600; color: var(--text-muted); flex-shrink: 0; }
.hs2-paybtns { display: flex; gap: 8px; flex: 1; flex-wrap: wrap; }
/* Ödeme yöntemi: belirgin, renk-kodlu kutular (Nakit=yeşil · Kart=mavi · Havale=lacivert).
   Boşta: renkli yazı + hafif tint + renkli çerçeve; SEÇİLİ: dolu renk + beyaz yazı. */
.hs2-paybtn { flex: 1 1 90px; border: 1.5px solid var(--border); background: var(--surface); cursor: pointer; padding: 12px 14px; border-radius: var(--radius); font-weight: 700; font-size: var(--fs-md); color: var(--text); text-align: center; transition: background .12s, border-color .12s, color .12s, box-shadow .12s; }
.hs2-paybtn:hover { box-shadow: var(--shadow-sm); }
.hs2-paybtn[data-y="nakit"]  { color: var(--green); border-color: color-mix(in srgb, var(--green) 45%, var(--border)); background: color-mix(in srgb, var(--green) 6%, var(--surface)); }
.hs2-paybtn[data-y="kart"]   { color: var(--blue);  border-color: color-mix(in srgb, var(--blue) 45%, var(--border));  background: color-mix(in srgb, var(--blue) 6%, var(--surface)); }
.hs2-paybtn[data-y="havale"] { color: var(--navy);  border-color: color-mix(in srgb, var(--navy) 45%, var(--border));  background: color-mix(in srgb, var(--navy) 6%, var(--surface)); }
.hs2-paybtn[data-y="acik_hesap"] { color: var(--brand); border-color: color-mix(in srgb, var(--brand) 45%, var(--border)); background: color-mix(in srgb, var(--brand) 6%, var(--surface)); }
.hs2-paybtn.is-active[data-y="nakit"]  { background: var(--green); border-color: var(--green); color: #fff; box-shadow: 0 2px 8px color-mix(in srgb, var(--green) 35%, transparent); }
.hs2-paybtn.is-active[data-y="kart"]   { background: var(--blue);  border-color: var(--blue);  color: #fff; box-shadow: 0 2px 8px color-mix(in srgb, var(--blue) 35%, transparent); }
.hs2-paybtn.is-active[data-y="havale"] { background: var(--navy);  border-color: var(--navy);  color: #fff; box-shadow: 0 2px 8px color-mix(in srgb, var(--navy) 35%, transparent); }
.hs2-paybtn.is-active[data-y="acik_hesap"] { background: var(--brand); border-color: var(--brand); color: #fff; box-shadow: 0 2px 8px color-mix(in srgb, var(--brand) 35%, transparent); }
/* renk-kodu olmayan diğer yöntemler için genel seçili durumu (fallback) */
.hs2-paybtn.is-active { border-color: var(--brand); }
.hs2-acc { flex: 1; padding: 9px 12px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); color: var(--text); font-size: var(--fs-sm); }

.hs2-totals { width: 320px; max-width: 100%; display: flex; flex-direction: column; gap: 6px; margin-left: auto; }
/* hidden öznitelikli satırlar GERÇEKTEN gizlensin (.hs2-trow display:flex onu ezmesin) */
.hs2-totals [hidden] { display: none !important; }
.hs2-trow { display: flex; justify-content: space-between; align-items: baseline; font-size: var(--fs-sm); color: var(--text-muted); }
.hs2-trow .money { font-weight: 600; color: var(--text); }
.hs2-disc, .hs2-disc .money { color: var(--green); }
/* İskonto uygula kontrolü — etiket + toggle solda, input sağa dayalı (rakam sütunuyla simetrik).
   input/toggle satır yüksekliğinde tutulur (fazla boşluk yaratmasın). */
.hs2-disc-ctrl { display: flex; align-items: center; gap: 10px; margin: 0; }
.hs2-disc-link { border: 0; background: transparent; cursor: pointer; font-size: var(--fs-sm); font-weight: 600; color: var(--brand); padding: 0; }
.hs2-disc-link:hover { text-decoration: underline; }
/* %/₺ toggle — kolay dokunulur (büyük hedef) */
.hs2-disc-tg { display: inline-flex; border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; line-height: 1; flex: none; }
.hs2-disc-tg button { border: 0; background: var(--surface); cursor: pointer; padding: 9px 16px; font-weight: 700; font-size: var(--fs-md); color: var(--text-muted); line-height: 1; min-width: 44px; }
.hs2-disc-tg button.is-active { background: var(--brand); color: #fff; }
/* İskonto oran/tutar input — daha büyük */
.hs2-disc-input-r { margin-left: auto; width: 120px; text-align: right; padding: 9px 12px; border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: var(--fs-base); line-height: 1.2; color: var(--text); -moz-appearance: textfield; }
.hs2-disc-input-r::-webkit-outer-spin-button, .hs2-disc-input-r::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.hs2-disc-input-r:focus { outline: none; border-color: var(--brand); }

/* KDV (fatura) kontrolü — toggle + oran dropdown */
.hs2-kdv-ctrl { display: flex; align-items: center; gap: 8px; margin: 0; min-height: var(--fs-sm); }
.hs2-kdv-lbl { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-size: var(--fs-sm); font-weight: 600; color: var(--text); white-space: nowrap; }
.hs2-kdv-lbl input { accent-color: var(--brand); width: 15px; height: 15px; cursor: pointer; }
.hs2-kdv-rate { margin-left: auto; padding: 1px 6px; border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: var(--fs-sm); font-weight: 700; line-height: 1.6; color: var(--text); background: var(--surface); cursor: pointer; }
.hs2-kdv-rate:focus { outline: none; border-color: var(--brand); }
.hs2-kdv .money { color: var(--text); }
/* KDV oran dropdown native select yerine özel select'e (customSelect.js → .cs-wrap)
   dönüşüyor; varsayılanı tam-genişlik/42px. Bu satırda kompakt tut: içeriğe göre dar
   + alçak, sağa yasla — böylece "Fatura (KDV)" başlığı tek satırda kalır. */
.hs2-kdv-ctrl .cs-wrap  { width: auto; flex: 0 0 auto; margin-left: auto; }
.hs2-kdv-ctrl .cs-btn   { width: auto; min-height: 0; padding: 3px 8px; gap: 6px; font-size: var(--fs-sm); font-weight: 700; }
.hs2-kdv-ctrl .cs-label { flex: 0 0 auto; }

.hs2-grand { display: flex; justify-content: space-between; align-items: baseline; margin-top: 6px; padding-top: 10px; border-top: 2px solid var(--border); }
.hs2-grand > span:first-child { font-size: var(--fs-sm); font-weight: 800; color: var(--navy); text-transform: uppercase; letter-spacing: .03em; }
.hs2-grand .money { font-size: var(--fs-xl); font-weight: 800; color: var(--brand); }
.hs2-complete { margin-top: var(--space-3); width: 100%; justify-content: center; }

@media (max-width: 720px) {
  .hs2-mode { flex-wrap: wrap; }
  .hs2-seg { order: 3; width: 100%; justify-content: center; }
  .hs2-foot { flex-direction: column; }
  .hs2-totals { width: 100%; margin-left: 0; }
}

/* — İki kolon + KALICI (sticky) sağ özet/ödeme paneli (redesign'dan alınan tek parça) — */
.hs2-cols { display: flex; gap: 18px; align-items: flex-start; }
.hs2-left { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--space-4); }
.hs2-right { width: 344px; flex: none; }
.hs2-panel { position: sticky; top: var(--space-4); }
/* Panel içinde foot DİKEY: ödeme yöntemi üstte, toplamlar altta, tam genişlik */
.hs2-panel.hs2-foot { flex-direction: column; gap: var(--space-4); }
.hs2-panel .hs2-pay { flex: none; min-width: 0; width: 100%; }
.hs2-panel .hs2-totals { width: 100%; margin-left: 0; }
/* Ödeme/Hesap satırı: etiket ÜSTTE, kontrol ALTTA (dikey) */
.hs2-panel .hs2-pay-row, .hs2-panel .ms-pay-line { flex-direction: column; align-items: stretch; gap: 6px; margin-bottom: 10px; }
.hs2-panel .hs2-pay-row > .hs2-lbl, .hs2-panel .ms-pay-line > .hs2-lbl {
  width: auto; flex: none; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--text-muted);
}
/* Yöntem butonları: küçült + TEK sıra (taşma yerine eşit daral) */
.hs2-panel .hs2-paybtns { flex-wrap: nowrap; gap: 6px; }
.hs2-panel .hs2-paybtn { flex: 1 1 0; min-width: 0; padding: 9px 4px; font-size: 12px; white-space: nowrap; }

/* Dar ekranda kolonlar alt alta, panel akışa döner (sticky kalkar) */
@media (max-width: 900px) {
  .hs2-cols { flex-direction: column; }
  .hs2-right { width: 100%; }
  .hs2-panel { position: static; }
}

/* ============================================================
   İNDİGO ödeme paneli — sağ kalıcı panel koyu indigo zemin + açık metin.
   Her iki satış ekranında (.hs2-panel) geçerli; müşteriye'nin ms-* öğeleri de kapsanır.
   ============================================================ */
.hs2-panel {
  background: linear-gradient(180deg, var(--navy) 0%, var(--navy-deep) 100%);
  border-color: var(--navy-deep);
  color: #fff;
  box-shadow: 0 10px 34px color-mix(in srgb, var(--navy) 50%, transparent);
}
/* Başlık/etiketler → açık */
.hs2-panel .hs2-pay-head,
.hs2-panel .ms-pay-head,
.hs2-panel .hs2-lbl { color: rgba(255,255,255,.62); }
/* Toplam satırları */
.hs2-panel .hs2-trow { color: rgba(255,255,255,.72); }
.hs2-panel .hs2-trow .money { color: #fff; }
.hs2-panel .hs2-disc, .hs2-panel .hs2-disc .money { color: #7EE0B0; }       /* iskonto: açık yeşil */
.hs2-panel .ms-acik, .hs2-panel .ms-acik .money { color: #F3A05C; }         /* açık hesap: açık turuncu */
/* Genel Toplam: iri tutar + gradient kutu (turuncu çerçeve + radyal parıltı) */
.hs2-panel .hs2-grand {
  display: flex; flex-direction: column; align-items: flex-start; gap: 4px;
  margin-top: 6px; padding: 16px 20px 18px; border-top: 0;
  border: 1px solid color-mix(in srgb, var(--brand) 48%, transparent);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(130% 150% at 88% 12%, color-mix(in srgb, var(--brand) 32%, transparent) 0%, transparent 55%),
    linear-gradient(180deg, color-mix(in srgb, var(--navy-light) 20%, transparent), color-mix(in srgb, var(--navy-deep) 34%, transparent));
}
.hs2-panel .hs2-grand > span:first-child { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--brand-light); }
.hs2-panel .hs2-grand .money { font-size: 40px; line-height: 1.04; font-weight: 800; color: #fff; letter-spacing: -.01em; white-space: nowrap; }

/* Yöntem butonları: boşta yarı-saydam beyaz; seçili renkli/dolgulu */
.hs2-panel .hs2-paybtn { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.20); color: rgba(255,255,255,.92); }
.hs2-panel .hs2-paybtn:hover { background: rgba(255,255,255,.15); box-shadow: none; }
/* Seçili yöntem: hepsi AYNI renk → yeşil (yöntemden bağımsız) */
.hs2-panel .hs2-paybtn.is-active { background: var(--green); border-color: var(--green); color: #fff; box-shadow: 0 2px 8px color-mix(in srgb, var(--green) 40%, transparent); }

/* Girdi/seçiciler → açık zemin, koyu metin (okunur) */
.hs2-panel .hs2-acc,
.hs2-panel .hs2-kdv-rate,
.hs2-panel .hs2-disc-input-r,
.hs2-panel input[type="date"],
.hs2-panel .ms-dd-btn,
.hs2-panel .ms-pay-amt,
.hs2-panel .ms-cek input { background: rgba(255,255,255,.96); color: var(--text); border-color: rgba(255,255,255,.28); }
.hs2-panel .ms-dd-chev { stroke: var(--text-muted); }
/* Dropdown popup beyaz kalır (varsayılan) */
.hs2-panel .ms-dd-menu { color: var(--text); }

/* KDV / iskonto / tarih kontrolleri */
.hs2-panel .hs2-kdv-lbl { color: rgba(255,255,255,.85); }
.hs2-panel .hs2-kdv-lbl input { accent-color: var(--brand-light); }
.hs2-panel .hs2-disc-link { color: #fff; }
.hs2-panel .hs2-disc-tg { border-color: rgba(255,255,255,.28); }
.hs2-panel .hs2-disc-tg button { background: rgba(255,255,255,.10); color: rgba(255,255,255,.85); }
.hs2-panel .hs2-disc-tg button.is-active { background: var(--brand); color: #fff; }

/* Müşteriye: Tek/Çoklu toggle + çoklu bilgi şeridi + ödeme satırı öğeleri */
.hs2-panel .ms-paymode { background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.20); }
.hs2-panel .ms-paymode-btn { color: rgba(255,255,255,.70); }
.hs2-panel .ms-paymode-btn:hover { color: #fff; }
.hs2-panel .ms-paymode-btn.is-active { background: var(--brand); color: #fff; }
.hs2-panel .ms-pay-info { background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.22); color: rgba(255,255,255,.9); }
.hs2-panel .ms-pay-info-ico { stroke: #fff; }
.hs2-panel .ms-pay-info strong { color: #fff; }
.hs2-panel .ms-pay-acc-x, .hs2-panel .ms-acik-note { color: rgba(255,255,255,.82); }
.hs2-panel .ms-acik-note strong, .hs2-panel .ms-acik-note { color: rgba(255,255,255,.9); }
.hs2-panel .ms-pay-add { border-color: rgba(255,255,255,.30); color: #fff; }
.hs2-panel .ms-pay-add:hover { border-color: #fff; }
.hs2-panel .ms-pay-rm { color: rgba(255,255,255,.6); }
.hs2-panel .ms-pay-rm:hover { color: #fff; }

/* Satış tarihi kutusu — sol kolonda (arama ile tablo ARASINDA), kompakt beyaz kart, sola yaslı */
.hs2-datebar { align-self: flex-start; display: inline-flex; align-items: center; gap: 10px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 8px 14px; box-shadow: var(--shadow-sm); }
.hs2-datebar label { font-size: var(--fs-sm); font-weight: 600; color: var(--text-muted); cursor: default; }
.hs2-datebar input { padding: 7px 10px; border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: var(--fs-sm); color: var(--text); background: var(--surface); }
.hs2-datebar input:focus { outline: none; border-color: var(--brand); }

/* Ek iskonto: editör (toggle+input+Uygula) + özet satırında düzenle/kaldır */
.hs2-disc-edit { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; flex-wrap: nowrap; }
.hs2-disc-edit[hidden] { display: none; }
.hs2-disc-edit .hs2-disc-input-r { margin-left: auto; flex: 0 1 84px; width: 84px; min-width: 0; }
.hs2-disc-apply { flex: none; width: 40px; height: 38px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 0; background: var(--brand); color: #fff; cursor: pointer; border-radius: var(--radius-sm); }
.hs2-disc-apply:hover { background: var(--brand-dark); }
.hs2-disc-apply svg { width: 18px; height: 18px; }
/* Toptan iskontosu oran editörünün etiketi (satır içi, input sağa dayalı kalır) */
.hs2-disc-editlbl { font-size: var(--fs-sm); font-weight: 600; white-space: nowrap; }
.hs2-belge-r { display: inline-flex; align-items: center; gap: 6px; }
.hs2-belge-btn { border: 0; background: transparent; cursor: pointer; padding: 3px; border-radius: var(--radius-sm); display: inline-flex; color: rgba(255,255,255,.6); }
.hs2-belge-btn:hover { color: #fff; background: rgba(255,255,255,.12); }
.hs2-belge-del:hover { color: #FF8A8A; }
.hs2-belge-btn svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }