/* ===========================================================================
   Project Darkstar -- ORTAK BILESEN KATMANI                    24-08-2026
   ---------------------------------------------------------------------------
   Neden var: 34 sablonun hicbiri {% extends %} kullanmiyordu, 24'unde gomulu
   <style> vardi. Her ekran butonu, tabloyu, karti yeniden icat ediyordu --
   tutarsizligin kaynagi buydu.

   Bu dosya YENI RENK TANIMLAMAZ. tema.css'teki --win-* / --tema-* / --stil-*
   degiskenlerinin uzerine kurulur; kullanici Ayarlar'dan temayi degistirince
   buradaki her bilesen otomatik uyar.

   Yukleme sirasi:  style.css -> tema.css -> bilesenler.css
   ========================================================================= */

:root {
  --ds-bosluk-1: 4px;
  --ds-bosluk-2: 8px;
  --ds-bosluk-3: 12px;
  --ds-bosluk-4: 18px;
  --ds-bosluk-5: 26px;
  --ds-radius: var(--stil-radius-card, 12px);
  --ds-radius-kk: 8px;
  --ds-dokun: 44px;            /* dokunmatik kasada en kucuk hedef */
  --gc-h: 46px;                /* gorev cubugu yuksekligi */
}

/* --------------------------------------------------------------- iskelet */

.ds-sayfa {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--win-bg);
  color: var(--win-text);
}

.ds-ust {
  position: sticky;
  top: 0;
  z-index: 1000;
  height: 52px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: var(--ds-bosluk-4);
  padding: 0 var(--ds-bosluk-4);
  background: var(--win-surface);
  border-bottom: 1px solid var(--win-border);
  box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}
.ds-ust__sol {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.ds-ust__geri {
  height: 32px;
  padding: 0 12px;
  border-radius: 7px;
  border: 1px solid var(--win-border);
  background: var(--win-surface-alt, #f8fafc);
  color: var(--win-text, #0f172a);
  text-decoration: none;
  font-weight: 700;
  font-size: 12.5px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.15s ease;
}
.ds-ust__geri:hover {
  background: var(--win-surface);
  border-color: var(--win-border-strong, #cbd5e1);
  color: var(--win-text);
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.ds-ust__orta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.ds-ust__baslik { font-size: 16px; font-weight: 850; margin: 0; color: var(--win-text); line-height: 1.2; }
.ds-ust__alt { font-size: 11.5px; color: var(--win-text-secondary); line-height: 1.2; }
.ds-ust__sag { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.ds-ust__kullanici { font-size: 12px; color: var(--win-text-secondary); font-weight: 600; padding: 0 4px; }
.ds-ust__anamenu { white-space: nowrap; }

.ds-ust__park-btn, .btn-top-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  height: 32px;
  padding: 0 9px;
  border-radius: 7px;
  border: 1px solid var(--win-border);
  background: var(--win-surface-alt, #f8fafc);
  color: var(--win-text, #0f172a);
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.18s ease;
  line-height: 1;
  box-sizing: border-box;
}
.ds-ust__park-btn:hover, .btn-top-nav:hover {
  background: var(--win-surface);
  border-color: var(--win-border-strong, #cbd5e1);
  color: var(--win-accent, #2563eb);
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.ds-ust__park-btn svg, .btn-top-nav svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  flex-shrink: 0;
}
.ds-ust__park-etiket {
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: max-width 0.22s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.18s ease, margin 0.18s ease;
  margin-left: 0;
  font-size: 12px;
  font-weight: 700;
}
.ds-ust__park-btn:hover .ds-ust__park-etiket {
  max-width: 75px;
  opacity: 1;
  margin-left: 6px;
}

.ds-govde { flex: 1 1 auto; padding: var(--ds-bosluk-4); min-width: 0; }
.ds-govde--dar { max-width: 900px; margin: 0 auto; width: 100%; }
.ds-govde--tam { padding: 0; }

/* Gorev cubugu acikken sayfanin alti cubugun altinda kalmasin.
   Kendi tam-ekran duzenini yoneten sayfalar (POS) bunu kendi
   <style> blogunda ezer -- bkz. pos_satis.html. */
html.gc-acik body { padding-bottom: var(--gc-h); }

/* ---------------------------------------------------------------- butonlar */

.ds-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  height: 32px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: 7px;
  border: 1px solid var(--win-border);
  background: var(--win-surface);
  color: var(--win-text);
  font: inherit; font-size: 12.5px; font-weight: 700; line-height: 1;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  transition: background .12s ease, border-color .12s ease, transform .06s ease, box-shadow .12s ease;
}
.ds-btn:hover { background: var(--win-surface-alt); border-color: var(--win-border-strong); }
.ds-btn:active { background: var(--win-surface-alt); transform: translateY(1px); }
.ds-btn:focus-visible { outline: 2px solid var(--win-border-strong); outline-offset: 2px; }
.ds-btn[disabled], .ds-btn.pasif { opacity: .5; cursor: not-allowed; transform: none; }

.ds-btn--birincil {
  background: var(--win-accent);
  color: var(--win-accent-fg, #fff);
  border-color: var(--win-accent);
}
.ds-btn--birincil:hover { background: var(--win-accent-hover); border-color: var(--win-accent-hover); }
.ds-btn--birincil:active { background: var(--win-accent-pressed); border-color: var(--win-accent-pressed); }

.ds-btn--ikincil {
  background: var(--win-surface);
  color: var(--win-text);
  border: 1px solid var(--win-border);
}
.ds-btn--ikincil:hover { background: var(--win-surface-alt); border-color: var(--win-border-strong); box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.ds-btn--ikincil:active { background: var(--win-surface-alt); }

.ds-btn--tehlike {
  background: var(--win-critical, #dc2626);
  color: #fff;
  border-color: var(--win-critical, #dc2626);
}
.ds-btn--tehlike:hover { background: #b91c1c; border-color: #b91c1c; }

.pos-ust-baslik-gomulu { font-size: 14px; margin: 0; }
.pos-winform--gizli { display: none; }

/* Eski ekranlar icin gecis koprusu. Bilesen geometrisi yalniz bu dosyada
   tanimlanir; tema.css yalniz renk/token saglar. */
.btn-top-nav, .tam-form-buton, .ekle-buton, .iptal-buton, .kaydet-buton,
.sil-buton, .sil-buton-kucuk, .btn-primary {
  height: 32px; min-height: 32px; border-radius: 7px; font-size: 12.5px;
  font-weight: 700; display: inline-flex; align-items: center;
  justify-content: center; gap: 6px; padding: 0 14px; text-decoration: none;
  cursor: pointer; box-sizing: border-box;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.btn-top-nav, .iptal-buton, .tam-form-buton--ikincil {
  background: var(--win-surface); color: var(--win-text); border: 1px solid var(--win-border);
}
.btn-top-nav:hover, .iptal-buton:hover, .tam-form-buton--ikincil:hover {
  background: var(--win-surface-alt); border-color: var(--win-border-strong);
  color: var(--win-text); box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
.kaydet-buton, .tam-form-buton:not(.tam-form-buton--ikincil), .ekle-buton, .btn-primary {
  background: var(--win-accent); color: var(--win-accent-fg, #fff); border: 1px solid var(--win-accent);
}
.kaydet-buton:hover, .tam-form-buton:not(.tam-form-buton--ikincil):hover,
.ekle-buton:hover, .btn-primary:hover {
  background: var(--win-accent-hover); border-color: var(--win-accent-hover);
}
.sil-buton, .sil-buton-kucuk, .btn-sil {
  background: var(--win-critical-bg, #fef2f2); color: var(--win-critical-fg, #dc2626);
  border: 1px solid var(--win-critical-fg, #dc2626);
}
.sil-buton:hover, .sil-buton-kucuk:hover, .btn-sil:hover {
  background: var(--win-critical-bg, #fef2f2); filter: brightness(.97);
}

.ds-btn--sessiz {
  background: var(--win-surface-alt);
  color: var(--win-text);
  border: 1px solid var(--win-border);
}
.ds-btn--sessiz:hover {
  background: var(--win-surface);
  color: var(--win-text);
  border-color: var(--win-border-strong);
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.ds-btn--tehlike { 
  background: var(--win-critical-bg, #fef2f2); 
  color: var(--win-critical-fg, #dc2626); 
  border-color: var(--win-critical-fg, #dc2626); 
}
.ds-btn--tehlike:hover { 
  background: #fee2e2; 
}

.ds-btn--kucuk { height: 28px; min-height: 28px; padding: 0 10px; font-size: 11.5px; border-radius: 6px; }
.ds-btn--buyuk { height: 38px; min-height: 38px; padding: 0 18px; font-size: 13.5px; border-radius: 8px; }
.ds-btn--genis { width: 100%; }

.ds-btn-grup { display: flex; flex-wrap: wrap; gap: var(--ds-bosluk-2); }

/* ------------------------------------------------------------- arac cubugu */

.ds-arac-cubugu {
  display: flex; align-items: center; gap: var(--ds-bosluk-2);
  flex-wrap: wrap;
  padding: var(--ds-bosluk-2) var(--ds-bosluk-3);
  background: var(--win-surface);
  border: 1px solid var(--win-border);
  border-radius: var(--ds-radius);
  margin-bottom: var(--ds-bosluk-3);
}
.ds-arac-cubugu__ayirac {
  width: 1px; align-self: stretch; margin: 2px var(--ds-bosluk-1);
  background: var(--win-border);
}
.ds-arac-cubugu__bosluk { margin-left: auto; }

/* ------------------------------------------------------------------ kart */

.ds-kart {
  background: var(--win-surface);
  border: 1px solid var(--win-border);
  border-radius: var(--ds-radius);
  box-shadow: var(--win-shadow-card);
  padding: var(--ds-bosluk-4);
}
.ds-kart__baslik { margin: 0 0 var(--ds-bosluk-3); font-size: 15px; font-weight: 800; }
.ds-kart__alt { font-size: 12px; color: var(--win-text-secondary); }
.ds-izgara {
  display: grid; gap: var(--ds-bosluk-3);
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

/* ----------------------------------------------------------------- tablo */

.ds-tablo-sarmal {
  overflow-x: auto;
  border: 1px solid var(--win-border);
  border-radius: var(--ds-radius);
  background: var(--win-surface);
}
.ds-tablo { width: 100%; border-collapse: collapse; font-size: 13px; }
.ds-tablo th, .ds-tablo td {
  padding: 9px var(--ds-bosluk-3);
  text-align: left;
  border-bottom: 1px solid var(--win-border);
  white-space: nowrap;
}
.ds-tablo thead th {
  position: sticky; top: 0; z-index: 1;
  background: var(--win-surface-alt);
  font-weight: 800; font-size: 12px;
  color: var(--win-text-secondary);
  text-transform: uppercase; letter-spacing: .4px;
}
.ds-tablo tbody tr:hover { background: var(--win-surface-alt); }
.ds-tablo tbody tr.secili { background: color-mix(in srgb, var(--win-accent) 14%, transparent); }
.ds-tablo td.ds-rakam, .ds-tablo th.ds-rakam {
  text-align: right; font-variant-numeric: tabular-nums;
}
.ds-tablo td.ds-sarmal { white-space: normal; min-width: 220px; }

/* ------------------------------------------------------------------ form */

.ds-alan { display: flex; flex-direction: column; gap: var(--ds-bosluk-1); margin-bottom: var(--ds-bosluk-3); }
.ds-etiket { font-size: 12px; font-weight: 700; color: var(--win-text-secondary); }
.ds-gir, .ds-sec, .ds-metin {
  min-height: var(--ds-dokun);
  padding: 0 var(--ds-bosluk-3);
  border: 1px solid var(--win-border-strong);
  border-radius: var(--ds-radius-kk);
  background: var(--win-surface);
  color: var(--win-text);
  font: inherit;
  width: 100%;
}
.ds-metin { min-height: 96px; padding: 10px var(--ds-bosluk-3); resize: vertical; }
.ds-gir:focus, .ds-sec:focus, .ds-metin:focus {
  outline: none; border-color: var(--win-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--win-accent) 22%, transparent);
}
.ds-gir[readonly], .ds-gir[disabled] { background: var(--win-surface-alt); color: var(--win-text-secondary); }
.ds-yardim { font-size: 12px; color: var(--win-text-secondary); }
.ds-alan--yatay { flex-direction: row; align-items: center; gap: var(--ds-bosluk-3); }
.ds-alan--yatay .ds-etiket { flex: 0 0 200px; }

/* ----------------------------------------------------------------- rozet */

.ds-rozet {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 2px 9px; border-radius: 999px;
  font-size: 11px; font-weight: 800; line-height: 18px;
  background: var(--win-surface-alt); color: var(--win-text-secondary);
  border: 1px solid var(--win-border);
}
.ds-rozet--iyi     { background: var(--win-success-bg);  color: var(--win-success-fg);  border-color: transparent; }
.ds-rozet--uyari   { background: var(--win-caution-bg);  color: var(--win-caution-fg);  border-color: transparent; }
.ds-rozet--kritik  { background: var(--win-critical-bg); color: var(--win-critical-fg); border-color: transparent; }
.ds-rozet--bilgi   { background: var(--win-info-bg);     color: var(--win-info-fg);     border-color: transparent; }

/* ----------------------------------------------------------------- uyari */

.ds-uyari {
  padding: var(--ds-bosluk-3);
  border-radius: var(--ds-radius-kk);
  border: 1px solid transparent;
  font-size: 13px;
  background: var(--win-caution-bg); color: var(--win-caution-fg);
  margin-bottom: var(--ds-bosluk-3);
}
.ds-uyari--iyi    { background: var(--win-success-bg);  color: var(--win-success-fg); }
.ds-uyari--kritik { background: var(--win-critical-bg); color: var(--win-critical-fg); }
.ds-uyari--bilgi  { background: var(--win-info-bg);     color: var(--win-info-fg); }

/* ------------------------------------------------------------- bos durum */

.ds-bos {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: var(--ds-bosluk-2);
  padding: var(--ds-bosluk-5);
  min-height: 180px;
  text-align: center;
  color: var(--win-text-secondary);
}
.ds-bos strong { color: var(--win-text); font-size: 15px; }

/* ----------------------------------------------------------------- modal */

.ds-modal-arka {
  position: fixed; inset: 0; z-index: 60;
  display: none; align-items: center; justify-content: center;
  padding: var(--ds-bosluk-4);
  background: rgba(0, 0, 0, .45);
}
.ds-modal-arka.acik { display: flex; }
.ds-modal {
  width: min(520px, 100%); max-height: 90vh; overflow: auto;
  padding: var(--ds-bosluk-5);
  border-radius: var(--ds-radius);
  background: var(--win-surface); color: var(--win-text);
  box-shadow: 0 20px 70px rgba(0, 0, 0, .45);
}
.ds-modal h2 { margin: 0 0 var(--ds-bosluk-3); font-size: 18px; }
.ds-modal__alt {
  display: flex; gap: var(--ds-bosluk-2); justify-content: flex-end;
  margin-top: var(--ds-bosluk-4);
}

/* --------------------------------------------------------- sayfalama ---- */

.ds-sayfalama {
  display: flex; align-items: center; justify-content: flex-end;
  gap: var(--ds-bosluk-2);
  padding: var(--ds-bosluk-2) var(--ds-bosluk-3);
  font-size: 12px; color: var(--win-text-secondary);
}

/* Stok muhasebe detay ve KDV/grup eşleştirme ekranı */
.stm-sayfa { max-width: 1440px; margin: 0 auto; }
.stm-kart-bosluk { margin-top: var(--ds-bosluk-4); }
.stm-tablo-bosluk { margin-top: var(--ds-bosluk-3); }
.stm-kod { font-family: Consolas, "Courier New", monospace; white-space: nowrap; }
.stm-modal { width: min(760px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto; }
.stm-form-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ds-bosluk-3); }
@media (max-width: 720px) {
  .stm-form-izgara { grid-template-columns: 1fr; }
  .stm-sayfa .ds-ust { flex-wrap: wrap; }
  .stm-sayfa .ds-ust__sag { width: 100%; margin-left: 0; }
}

/* Windows NetOpenX ajaninin web izleme merkezi */
.atm-govde { max-width: 1380px; margin: 0 auto; padding: 8px 24px 48px; }
.atm-durum-cubugu {
  display: flex; align-items: center; justify-content: space-between; gap: var(--ds-bosluk-3);
  padding: 14px 16px; border: 1px solid var(--win-border); border-radius: var(--ds-radius-k);
  background: var(--win-surface); margin-bottom: var(--ds-bosluk-4);
}
.atm-durum-cubugu div { display: grid; gap: 3px; }
.atm-durum-cubugu span:not(.ds-rozet) { color: var(--win-text-secondary); font-size: 12px; }
.atm-kartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ds-bosluk-3); }
.atm-kart {
  display: grid; gap: 7px; min-height: 118px; padding: 16px;
  border: 1px solid var(--win-border); border-radius: var(--ds-radius-k);
  background: var(--win-surface); color: var(--win-text); text-decoration: none;
}
a.atm-kart:hover { border-color: var(--win-border-strong); box-shadow: var(--win-shadow-card-hover); transform: translateY(-2px); }
.atm-kart span { color: var(--win-text-secondary); font-size: 12px; font-weight: 750; }
.atm-kart strong { font-size: 27px; line-height: 1; }
.atm-kart small { color: var(--win-text-secondary); }
.atm-islemler { margin-top: var(--ds-bosluk-4); }
.atm-islemler .ds-btn-grup { margin-top: var(--ds-bosluk-3); }
@media (max-width: 960px) { .atm-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) {
  .atm-govde { padding-inline: 12px; }
  .atm-kartlar { grid-template-columns: 1fr; }
  .atm-durum-cubugu { align-items: flex-start; flex-direction: column; }
}

/* =========================================================================
   GOREV CUBUGU -- acik modulleri "park eden" alt bar
   -------------------------------------------------------------------------
   Park = sayfa gecisi + durum hafizasi. POS'un sepeti zaten veritabaninda
   durum='acik' fis olarak durdugu icin ekrandan cikmak sepeti KAYBETMEZ;
   cubuk yalnizca gorsel devamligi ve tek tikla donusu saglar.
   ========================================================================= */

.gc {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000;
  height: var(--gc-h);
  display: flex; align-items: center; gap: var(--ds-bosluk-2);
  padding: 0 var(--ds-bosluk-2);
  background: var(--win-surface);
  border-top: 1px solid var(--win-border-strong);
  box-shadow: 0 -2px 12px rgba(0, 0, 0, .07);
  font-size: 12px;
  user-select: none;
}

/* height:100% + align-self:center sart: seride yatay kaydirma cubugu
   ciktiginda icerik kutusu kisaliyor ve sekmeler ile "+" dugmesi birkac
   piksel kayiyordu. Ikisini de cubugun TAM yuksekligine gore ortaliyoruz. */
.gc__sekmeler {
  display: flex; align-items: center; gap: var(--ds-bosluk-1);
  overflow-x: auto; scrollbar-width: none;
  height: 100%; min-width: 0; flex: 0 1 auto;
}
.gc__sekmeler::-webkit-scrollbar { display: none; }
.gc-sekme, .gc__ekle { align-self: center; }

.gc-sekme {
  display: inline-flex; align-items: center; gap: 7px;
  height: 34px; padding: 0 6px 0 11px;
  border: 1px solid var(--win-border);
  border-radius: var(--ds-radius-kk);
  background: var(--win-surface-alt);
  color: var(--win-text-secondary);
  text-decoration: none; font-weight: 700; white-space: nowrap;
  cursor: pointer;
}
.gc-sekme:hover { color: var(--win-text); border-color: var(--win-border-strong); }
.gc-sekme--aktif {
  background: var(--win-surface);
  color: var(--win-text);
  border-color: var(--win-accent);
  box-shadow: inset 0 -2px 0 var(--win-accent);
}
.gc-sekme--pos1 { border-left: 3px solid #2563eb; }
.gc-sekme--pos1.gc-sekme--aktif { border-color: #2563eb; box-shadow: inset 0 -2px 0 #2563eb; }
.gc-sekme--pos1 .gc-sekme__nokta { background: #2563eb; }

.gc-sekme--pos2 { border-left: 3px solid #8b5cf6; }
.gc-sekme--pos2.gc-sekme--aktif { border-color: #8b5cf6; box-shadow: inset 0 -2px 0 #8b5cf6; }
.gc-sekme--pos2 .gc-sekme__nokta { background: #8b5cf6; }

.pos-ekran2-rozet {
  background: #f5f3ff !important;
  color: #7c3aed !important;
  border: 1px solid #ddd6fe !important;
  font-weight: 800 !important;
}

/* POS WinForm 2. Ekran MDI Pencere Mimarisi */
.pos-winform {
  position: fixed;
  top: 8px;
  left: 10px;
  right: 10px;
  bottom: 48px;
  z-index: 1200;
  display: none;
  flex-direction: column;
  background: var(--win-bg);
  border: 2px solid #8b5cf6;
  border-radius: 12px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
.pos-winform.acik {
  display: flex;
  animation: posWinFormAcil 0.16s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes posWinFormAcil {
  from { opacity: 0; transform: translateY(12px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.pos-winform-baslik {
  height: 40px;
  min-height: 40px;
  background: linear-gradient(90deg, #6d28d9, #8b5cf6);
  color: #ffffff;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
}
.pos-winform-baslik__sol {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
}
.pos-winform-baslik__sag {
  display: flex;
  align-items: center;
  gap: 6px;
}
.pos-winform-btn {
  height: 26px;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  transition: all 0.12s ease;
}
.pos-winform-btn:hover {
  background: rgba(255, 255, 255, 0.35);
}
.pos-winform-btn--kapat {
  width: 26px;
  padding: 0;
  background: rgba(220, 38, 38, 0.85);
  border-color: rgba(255, 255, 255, 0.4);
}
.pos-winform-btn--kapat:hover {
  background: #dc2626;
}
.pos-winform-icerik {
  flex: 1 1 auto;
  width: 100%;
  height: calc(100% - 40px);
  position: relative;
  background: var(--win-bg);
}
.pos-winform-icerik iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.gc-sekme__nokta {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--win-text-secondary); flex: 0 0 auto;
}
.gc-sekme__kapat {
  border: 0; background: transparent; color: var(--win-text-secondary);
  font-size: 13px; font-weight: 700; line-height: 1; cursor: pointer;
  width: 18px; height: 18px; border-radius: 4px;
  display: inline-flex; align-items: center; justify-content: center;
  margin-left: 2px; padding: 0; transition: all 0.12s ease;
}
.gc-sekme__kapat:hover { background: var(--win-critical-bg); color: var(--win-critical-fg); }

/* Standart Kapat / Dialog Butonlari */
.dialog-kapat, .modal-kapat, .ds-modal-kapat, .mz-pbaslik button, .pnc-dugme.kapat {
  width: 28px;
  height: 28px;
  border: 1px solid var(--win-border);
  border-radius: 6px;
  background: var(--win-surface-alt);
  color: var(--win-text-secondary);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: all 0.15s ease;
}
.dialog-kapat:hover, .modal-kapat:hover, .ds-modal-kapat:hover, .mz-pbaslik button:hover, .pnc-dugme.kapat:hover {
  background: var(--win-critical-bg);
  border-color: var(--win-critical-fg);
  color: var(--win-critical-fg);
}

.gc__ekle {
  height: 34px; width: 34px; flex: 0 0 auto;
  border: 1px dashed var(--win-border-strong);
  border-radius: var(--ds-radius-kk);
  background: transparent; color: var(--win-text-secondary);
  font-size: 17px; line-height: 1; cursor: pointer;
}
.gc__ekle:hover { color: var(--win-text); border-color: var(--win-accent); }

.gc__orta { flex: 1 1 auto; min-width: 0; display: flex; justify-content: center; }

.gc-fis {
  display: none; align-items: center; gap: 9px;
  height: 32px; padding: 0 13px;
  border-radius: 999px;
  background: var(--win-info-bg); color: var(--win-info-fg);
  font-weight: 700; white-space: nowrap;
  text-decoration: none; max-width: 100%; overflow: hidden;
}
.gc-fis.gorunur { display: inline-flex; }
.gc-fis__tutar { font-variant-numeric: tabular-nums; font-weight: 900; }

.gc__sag {
  display: flex; align-items: center; gap: var(--ds-bosluk-3);
  flex: 0 0 auto; color: var(--win-text-secondary); white-space: nowrap;
}
.gc__kimlik { display: flex; align-items: center; gap: 7px; }
.gc__kimlik b { color: var(--win-text); font-weight: 800; }
.gc__saat { font-variant-numeric: tabular-nums; font-weight: 700; color: var(--win-text); }
.gc__bagli {
  display: inline-flex; align-items: center; gap: 6px;
}
.gc__bagli i {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--win-success-fg);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--win-success-fg) 20%, transparent);
}
.gc__bagli.kopuk i { background: var(--win-critical-fg); box-shadow: 0 0 0 3px color-mix(in srgb, var(--win-critical-fg) 20%, transparent); }
.gc__bagli.kopuk { color: var(--win-critical-fg); }

/* modul secici acilir kutu */
.gc-secici {
  position: fixed; bottom: calc(var(--gc-h) + 6px); left: 8px; z-index: 9050;
  display: none; flex-direction: column; gap: 2px;
  min-width: 230px; max-height: 60vh; overflow: auto;
  padding: 6px;
  background: var(--win-surface);
  border: 1px solid var(--win-border-strong);
  border-radius: var(--ds-radius);
  box-shadow: var(--win-shadow-card-hover);
}
.gc-secici.acik { display: flex; }
.gc-secici a {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 9px 11px; border-radius: 6px;
  color: var(--win-text); text-decoration: none; font-weight: 700;
}
.gc-secici a:hover { background: var(--win-surface-alt); }
.gc-secici__bos { padding: 11px; color: var(--win-text-secondary); font-weight: 400; }

@media (max-width: 900px) {
  .gc__kimlik, .gc__saat { display: none; }
  .gc-sekme { padding-left: 9px; }
}

/* Stok / mağaza içi barkod oluşturucu */
.bo-sayfa { max-width: 1180px; margin: 0 auto; padding: 28px 24px 56px; }
.bo-baslik { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
.bo-baslik h1 { margin: 0 0 6px; color: var(--win-text); font-size: 24px; }
.bo-baslik p { margin: 0; color: var(--win-text-secondary); }
.bo-panel { padding: 18px; border: 1px solid var(--win-border); border-radius: var(--ds-radius); background: var(--win-surface); box-shadow: var(--win-shadow-card); }
.bo-arama { display: flex; gap: 8px; margin-bottom: 14px; }
.bo-arama input { flex: 1; min-width: 0; height: 34px; padding: 0 11px; border: 1px solid var(--win-border); border-radius: var(--ds-radius-kk); background: var(--win-surface); color: var(--win-text); }
.bo-araclar { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 12px; margin-bottom: 12px; border-radius: var(--ds-radius-kk); background: var(--win-surface-alt); }
.bo-secim { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; }
.bo-alt-grup { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; color: var(--win-text-secondary); font-weight: 700; }
.bo-alt-grup input { width: 52px; height: 32px; padding: 0 8px; border: 1px solid var(--win-border); border-radius: var(--ds-radius-kk); background: var(--win-surface); color: var(--win-text); text-align: center; }
.bo-tablo-kapsayici { overflow: auto; border: 1px solid var(--win-border); border-radius: var(--ds-radius-kk); }
.bo-tablo { width: 100%; border-collapse: collapse; font-size: 13px; }
.bo-tablo th { padding: 10px 12px; background: var(--win-surface-alt); color: var(--win-text-secondary); text-align: left; white-space: nowrap; }
.bo-tablo td { padding: 10px 12px; border-top: 1px solid var(--win-border); color: var(--win-text); }
.bo-tablo tbody tr:hover { background: var(--win-surface-alt); }
.bo-bos { padding: 32px !important; color: var(--win-text-secondary) !important; text-align: center; }
@media (max-width: 700px) {
  .bo-sayfa { padding: 18px 12px 48px; }
  .bo-baslik { flex-direction: column; }
  .bo-alt-grup { margin-left: 0; }
}

/* NetOpenX fis aktarim durumu: operasyon web'de, connector yalniz ERP yaziminda. */
.fis-aktarim-govde { max-width: 1320px; margin: 0 auto; padding: 8px 24px 48px; }
.fis-aktarim-ozet { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 12px; margin-bottom: 18px; }
.fis-aktarim-ozet-karti { display: flex; justify-content: space-between; align-items: center; padding: 16px; border: 1px solid var(--win-border); border-radius: 10px; background: var(--win-surface); }
.fis-aktarim-ozet-karti span { color: var(--win-text-secondary); font-size: 12px; font-weight: 700; }
.fis-aktarim-ozet-karti strong { font-size: 23px; }
.fis-aktarim-ozet-karti--hata { border-color: var(--win-critical-fg); background: var(--win-critical-bg); }
.fis-aktarim-ozet-karti--basarili { border-color: var(--win-success-fg); background: var(--win-success-bg); }
.fis-aktarim-panel { margin-top: 16px; border: 1px solid var(--win-border); border-radius: 10px; background: var(--win-surface); overflow: hidden; }
.fis-aktarim-panel-baslik { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 18px; border-bottom: 1px solid var(--win-border); }
.fis-aktarim-panel-baslik h2 { margin: 0; font-size: 15px; }
.fis-aktarim-panel-baslik p { margin: 4px 0 0; color: var(--win-text-secondary); font-size: 12px; }
.fis-aktarim-tablo-sarmal { overflow: auto; }
.fis-aktarim-tablo { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.fis-aktarim-tablo th, .fis-aktarim-tablo td { padding: 10px 12px; border-bottom: 1px solid var(--win-border); text-align: left; vertical-align: top; }
.fis-aktarim-tablo th { color: var(--win-text-secondary); background: var(--win-surface-alt); font-size: 11px; text-transform: uppercase; letter-spacing: .03em; }
.fis-aktarim-rozet { display: inline-flex; padding: 3px 8px; border: 1px solid var(--win-border); border-radius: 99px; font-size: 11px; font-weight: 800; }
.fis-aktarim-rozet--islenmedi { color: var(--win-caution-fg); background: var(--win-caution-bg); }
.fis-aktarim-rozet--isleniyor { color: var(--win-accent); background: var(--win-surface-alt); }
.fis-aktarim-rozet--hata { color: var(--win-critical-fg); background: var(--win-critical-bg); }
.fis-aktarim-hata-metni { max-width: 360px; margin-bottom: 7px; color: var(--win-critical-fg); overflow-wrap: anywhere; }
.fis-aktarim-bos { padding: 28px !important; text-align: center !important; color: var(--win-text-secondary); }
.fis-aktarim-uyari { margin-bottom: 12px; padding: 12px 15px; border-radius: 8px; }
.fis-aktarim-uyari--hata { color: var(--win-critical-fg); background: var(--win-critical-bg); border: 1px solid var(--win-critical-fg); }
@media (max-width: 760px) { .fis-aktarim-ozet { grid-template-columns: repeat(2, minmax(130px, 1fr)); } .fis-aktarim-govde { padding-inline: 12px; } }
.zt-govde{display:grid;gap:18px}.zt-ust{display:flex;justify-content:space-between;gap:20px;align-items:end}.zt-filtre{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.zt-filtre label{display:grid;gap:5px;font-size:.82rem;color:var(--ds-metin-ikincil)}.zt-filtre input,.zt-filtre select{min-height:40px;border:1px solid var(--ds-kenarlik);border-radius:8px;background:var(--ds-zemin);color:var(--ds-metin);padding:7px 10px}.zt-ozet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.zt-ozet div{display:grid;gap:3px;padding:15px;border:1px solid var(--ds-kenarlik);border-radius:12px;background:var(--ds-kart)}.zt-ozet strong{font-size:1.55rem}.zt-ozet span{color:var(--ds-metin-ikincil)}.zt-ay{margin:0 0 14px}.zt-takvim{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.zt-hafta{text-align:center;color:var(--ds-metin-ikincil);font-size:.82rem;font-weight:700;padding:6px}.zt-gun{min-height:90px;border:1px solid var(--ds-kenarlik);border-radius:10px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.zt-gun strong{font-size:1.15rem}.zt-gun span{font-size:.75rem}.zt-gun--arsiv{background:rgba(38,166,91,.16);border-color:rgba(38,166,91,.5)}.zt-gun--tampon{background:rgba(242,153,32,.16);border-color:rgba(242,153,32,.55)}.zt-gun--eksik{background:rgba(220,53,69,.13);border-color:rgba(220,53,69,.48)}.zt-gun--gelecek{opacity:.55}.zt-gun--bugun{outline:2px solid var(--ds-vurgu);outline-offset:2px}.zt-gun--bos{visibility:hidden}@media(max-width:760px){.zt-ust{align-items:stretch;flex-direction:column}.zt-ozet{grid-template-columns:1fr}.zt-takvim{gap:4px}.zt-gun{min-height:68px;padding:6px}.zt-gun span{font-size:.65rem}}
.fne-govde{display:grid;gap:18px}.fne-ust{display:flex;justify-content:space-between;align-items:end;gap:20px}.fne-ozet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.fne-ozet div{display:grid;gap:3px;padding:14px;border:1px solid var(--ds-kenarlik);border-radius:10px;background:var(--ds-kart)}.fne-ozet strong{font-size:1.45rem}.fne-ozet span{font-size:.8rem;color:var(--ds-metin-ikincil)}.fne-no{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.fne-tablo td small{display:block;color:var(--ds-metin-ikincil);margin-top:3px}.fne-rozet{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap}.fne-rozet--dolu{background:rgba(59,130,246,.16);color:#8bb9ff}.fne-rozet--eksik,.fne-rozet--mukerrer{background:rgba(220,53,69,.16);color:#ff9aa5}.fne-rozet--bicimsiz{background:rgba(242,153,32,.16);color:#ffc36d}@media(max-width:850px){.fne-ust{align-items:stretch;flex-direction:column}.fne-ozet{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- [01-09-2026] Aktarim durumu: sekmeler, arama, sayfalama ---- */
.fis-aktarim-sekmeler { display: flex; gap: 6px; flex-wrap: wrap; margin: 14px 0 10px; border-bottom: 1px solid var(--win-border); }
.fis-aktarim-sekme { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1px solid var(--win-border); border-bottom: none; border-radius: 8px 8px 0 0; text-decoration: none; color: inherit; background: var(--win-surface-alt); position: relative; top: 1px; }
.fis-aktarim-sekme--aktif { background: var(--win-surface); font-weight: 600; border-bottom: 1px solid var(--win-surface); }
.fis-aktarim-sekme-adet { font-size: 12px; padding: 1px 7px; border-radius: 99px; background: var(--win-border); }
.fis-aktarim-arama { display: flex; gap: 8px; align-items: center; margin: 0 0 14px; }
.fis-aktarim-arama input[type="search"] { flex: 1 1 280px; max-width: 380px; padding: 7px 10px; border: 1px solid var(--win-border); border-radius: 6px; background: var(--win-surface); color: inherit; }
.fis-aktarim-sayfalama { display: flex; gap: 12px; align-items: center; justify-content: center; padding: 12px 0 4px; }
.fis-aktarim-rozet--yeni { color: var(--win-accent); background: var(--win-surface-alt); }
.fis-aktarim-rozet--kuyrukta { color: var(--win-caution-fg); background: var(--win-caution-bg); }
.fis-aktarim-rozet--aktarildi { color: var(--win-ok-fg, var(--win-accent)); background: var(--win-ok-bg, var(--win-surface-alt)); }
.fis-aktarim-rozet--arsiv_eksik { color: var(--win-critical-fg); background: var(--win-critical-bg); }

/* ---- [01-09-2026] Uzun islem ilerleme gostergesi (YZ analizi / Netsis gonderimi) ---- */
.ds-ilerleme { display: none; margin: 10px 0; }
.ds-ilerleme[data-aktif="1"] { display: block; }
.ds-ilerleme-etiket { font-size: 13px; margin-bottom: 6px; display: flex; justify-content: space-between; gap: 10px; }
.ds-ilerleme-yuva { height: 8px; border-radius: 99px; background: var(--win-surface-alt); border: 1px solid var(--win-border); overflow: hidden; }
.ds-ilerleme-dolu { height: 100%; width: 0%; background: var(--win-accent); transition: width .45s ease; }
.ds-ilerleme--belirsiz .ds-ilerleme-dolu { width: 35%; animation: ds-ilerleme-kay 1.4s ease-in-out infinite; }
@keyframes ds-ilerleme-kay { 0% { margin-left: -35%; } 100% { margin-left: 100%; } }
@media (prefers-reduced-motion: reduce) {
  .ds-ilerleme-dolu { transition: none; }
  .ds-ilerleme--belirsiz .ds-ilerleme-dolu { animation: none; width: 100%; opacity: .45; }
}

/* ---- [01-09-2026] Z Raporu Takvimi: one acilan pencere + imlec yani ipucu ---- */
.zt-ortu { position: fixed; inset: 0; background: rgba(0,0,0,.45); display: flex;
           align-items: flex-start; justify-content: center; padding: 24px 16px;
           overflow: auto; z-index: 60; }
.zt-modal { background: var(--win-surface); border: 1px solid var(--win-border);
            border-radius: 14px; box-shadow: 0 18px 48px rgba(0,0,0,.28);
            width: min(1100px, 100%); max-height: calc(100vh - 48px);
            display: flex; flex-direction: column; overflow: hidden; }
.zt-modal-baslik { display: flex; align-items: flex-start; justify-content: space-between;
                   gap: 16px; padding: 18px 22px; border-bottom: 1px solid var(--win-border);
                   background: var(--win-surface-alt); }
.zt-modal-baslik h2 { margin: 0 0 2px; font-size: 17px; }
.zt-modal-govde { padding: 18px 22px 22px; overflow: auto; }
.zt-kapat { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 8px; line-height: 32px;
            text-align: center; font-size: 22px; text-decoration: none; color: inherit;
            border: 1px solid var(--win-border); background: var(--win-surface); }
.zt-kapat:hover { background: var(--win-critical-bg); color: var(--win-critical-fg); }
.zt-gun { cursor: default; }
.zt-gun:focus { outline: 2px solid var(--win-accent); outline-offset: 2px; }
.zt-gun-adet { display: block; font-size: 11px; opacity: .75; font-style: normal; margin-top: 2px; }

.zt-ipucu { position: fixed; z-index: 90; display: none; max-width: 460px;
            background: var(--win-surface); color: inherit; border: 1px solid var(--win-border);
            border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.24);
            padding: 10px 12px; font-size: 12.5px; pointer-events: none; }
.zt-ipucu[data-acik="1"] { display: block; }
.zt-ipucu-bas { font-weight: 600; margin-bottom: 6px; display: flex; gap: 8px;
                justify-content: space-between; align-items: baseline; }
.zt-ipucu-bas span { font-weight: 400; opacity: .75; font-size: 11.5px; }
.zt-ipucu-bos { opacity: .7; padding: 2px 0; }
.zt-ipucu-tablo { border-collapse: collapse; width: 100%; }
.zt-ipucu-tablo th, .zt-ipucu-tablo td { padding: 3px 8px 3px 0; text-align: left;
                                          border-bottom: 1px solid var(--win-border); white-space: nowrap; }
.zt-ipucu-tablo th { font-size: 11px; opacity: .7; font-weight: 600; }
.zt-ipucu .zt-sag { text-align: right; }
.zt-ipucu-toplam { margin-top: 7px; padding-top: 6px; border-top: 1px solid var(--win-border);
                   font-weight: 600; }

/* ---- [01-09-2026] Takvim modali EKRANA SIGSIN ----
   Agustos gibi 6 satirli aylarda modal 900px'i asip dikey kaydirma
   gerektiriyordu. Basliklar sikistirildi, gun hucreleri viewport
   yuksekligine gore olceklendi; 6 satirli ay da tek ekranda goruluyor. */
.zt-modal { max-height: calc(100vh - 24px); }
.zt-ortu { padding: 12px; align-items: center; }
.zt-modal-baslik { padding: 12px 20px; }
.zt-modal-baslik h2 { font-size: 16px; }
.zt-modal-baslik .ds-kart__alt { font-size: 12px; margin: 0; }
.zt-modal-govde { padding: 12px 20px 16px; }

.zt-modal-govde .zt-filtre { margin: 0 0 10px; gap: 12px; align-items: flex-end; }
.zt-modal-govde .zt-ozet { margin: 0 0 10px; gap: 24px; }
.zt-modal-govde .zt-ozet strong { font-size: 20px; line-height: 1.1; }
.zt-modal-govde .zt-ozet span { font-size: 12px; }
.zt-modal-govde .ds-uyari { padding: 7px 10px; font-size: 12px; margin: 0 0 10px; }
.zt-modal-govde .zt-ay { margin: 0 0 8px; font-size: 14px; }
.zt-modal-govde .zt-hafta { font-size: 12px; padding: 2px 0; }

/* Hucre yuksekligi: 6 satirlik ay + basliklar tam ekrana sigacak sekilde */
.zt-modal-govde .zt-gun { min-height: 0; height: calc((100vh - 430px) / 6);
                          min-height: 52px; padding: 6px 8px; }
.zt-modal-govde .zt-gun strong { font-size: 14px; line-height: 1.1; }
.zt-modal-govde .zt-gun span { font-size: 11px; display: block; line-height: 1.2; }
.zt-modal-govde .zt-gun-adet { font-size: 10px; margin-top: 1px; }

/* Alcak ekranlarda ozet ve bilgi notu yer kaplamasin */
@media (max-height: 760px) {
  .zt-modal-govde .ds-uyari--bilgi { display: none; }
  .zt-modal-govde .zt-ozet { gap: 18px; margin-bottom: 8px; }
}

/* ---- NetOpenX Aktarım & İzleme Merkezi (VS AnaForm Mimarisi) ---- */
.akt-sarmal { max-width: 1560px; margin: 0 auto; padding: 10px 18px 48px; display: flex; flex-direction: column; gap: 14px; }
.akt-ust-cubuk { display: flex; flex-direction: column; gap: 10px; background: var(--win-surface); border: 1px solid var(--win-border); border-radius: 10px; padding: 12px 16px; }
.akt-ust-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.akt-oturum-bilgi { display: flex; align-items: center; gap: 14px; font-size: 13px; font-weight: 600; }
.akt-ajan-rozet { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 99px; font-size: 11.5px; font-weight: 700; border: 1px solid var(--win-border); }
.akt-ajan-rozet--aktif { background: var(--win-success-bg); color: var(--win-success-fg); border-color: var(--win-success-fg); }
.akt-ajan-rozet--calisiyor { background: var(--win-surface-alt); color: var(--win-accent); border-color: var(--win-accent); }
.akt-ajan-rozet--hata { background: var(--win-critical-bg); color: var(--win-critical-fg); border-color: var(--win-critical-fg); }
.akt-nokta { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.akt-nokta--aktif { background: var(--win-success-fg); box-shadow: 0 0 6px var(--win-success-fg); }
.akt-nokta--calisiyor { background: var(--win-accent); animation: akt-pulse 1s infinite alternate; }
.akt-nokta--hata { background: var(--win-critical-fg); }
@keyframes akt-pulse { 0% { opacity: 0.4; } 100% { opacity: 1; } }

.akt-buton-grubu { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.akt-filtre-satir { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding-top: 8px; border-top: 1px solid var(--win-border); }
.akt-filtre-eleman { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--win-text-secondary); }
.akt-filtre-eleman input, .akt-filtre-eleman select { height: 32px; padding: 4px 8px; border: 1px solid var(--win-border); border-radius: 6px; background: var(--win-surface); color: inherit; font-size: 12.5px; }

/* 2 Kolonlu Master-Detail Grid */
.akt-ana-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 460px; gap: 14px; align-items: start; }
@media (max-width: 1180px) { .akt-ana-izgara { grid-template-columns: 1fr; } }

/* Sol Panel: İşlenecekler, İşlenenler, Fiş Detay */
.akt-sol-kolon { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.akt-kart-panel { background: var(--win-surface); border: 1px solid var(--win-border); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; }
.akt-kart-baslik { display: flex; align-items: center; justify-content: space-between; padding: 8px 14px; background: var(--win-surface-alt); border-bottom: 1px solid var(--win-border); font-size: 12.5px; font-weight: 700; color: var(--win-text); }
.akt-kart-baslik-sol { display: flex; align-items: center; gap: 10px; }
.akt-kart-baslik-sag { display: flex; align-items: center; gap: 8px; font-weight: normal; font-size: 12px; }

.akt-tablo-kapsayici { max-height: 250px; overflow-y: auto; overflow-x: auto; }
.akt-tablo-kapsayici--buyuk { max-height: 280px; }
.akt-tablo { width: 100%; border-collapse: collapse; font-size: 12px; font-family: inherit; }
.akt-tablo th { position: sticky; top: 0; background: var(--win-surface-alt); z-index: 2; padding: 7px 10px; text-align: left; font-size: 11px; text-transform: uppercase; color: var(--win-text-secondary); border-bottom: 1px solid var(--win-border); white-space: nowrap; }
.akt-tablo td { padding: 6px 10px; border-bottom: 1px solid var(--win-border); white-space: nowrap; vertical-align: middle; }
.akt-tablo tr { cursor: pointer; transition: background-color 0.15s ease; }
.akt-tablo tr:hover { background: var(--win-surface-alt); }
.akt-satir--secili { background: var(--win-surface-alt) !important; outline: 2px solid var(--win-accent); outline-offset: -2px; font-weight: 600; }
.akt-satir--hata { background: var(--win-critical-bg) !important; }
.akt-satir--basarili { background: var(--win-success-bg) !important; }

/* Fiş Muhasebe Detayı (Alt Panel) */
.akt-detay-govde { display: grid; grid-template-columns: 290px 1fr; gap: 14px; padding: 12px 16px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; background: var(--win-surface); }
@media (max-width: 900px) { .akt-detay-govde { grid-template-columns: 1fr; } }
.akt-detay-meta { display: flex; flex-direction: column; gap: 4px; border-right: 1px solid var(--win-border); padding-right: 12px; }
.akt-detay-satir { display: flex; justify-content: space-between; gap: 8px; }
.akt-detay-etiket { color: var(--win-text-secondary); font-weight: 600; }
.akt-detay-muhasebe { display: flex; flex-direction: column; gap: 4px; overflow-y: auto; max-height: 140px; }
.akt-muh-satir { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 2px 4px; border-radius: 4px; }
.akt-muh-satir--borc { color: var(--win-accent); }
.akt-muh-satir--alacak { color: var(--win-text); }

/* Sağ Panel: Görsel Önizleme */
.akt-sag-kolon { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.akt-gorsel-kapsayici { min-height: 480px; max-height: 600px; overflow-y: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; background: var(--win-surface-alt); padding: 10px; border-bottom: 1px solid var(--win-border); }
.akt-gorsel-resim { max-width: 100%; height: auto; object-fit: contain; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.12); cursor: zoom-in; }
.akt-gorsel-bos { color: var(--win-text-secondary); font-size: 13px; text-align: center; padding: 60px 10px; }
.akt-gorsel-alt-eylemler { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; background: var(--win-surface); gap: 8px; flex-wrap: wrap; }

/* Canlı Log & İlerleme Konsolu */
.akt-log-kutusu { background: #18181b; color: #f4f4f5; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11.5px; padding: 8px 12px; max-height: 90px; overflow-y: auto; border-radius: 8px; line-height: 1.5; }
.akt-log-satir { margin: 0; }
.akt-log-satir--hata { color: #f87171; }
.akt-log-satir--bilgi { color: #60a5fa; }
.akt-log-satir--tamam { color: #4ade80; }

/* Modal / Lightbox */
.akt-modal-arkaplan { position: fixed; inset: 0; background: rgba(0,0,0,0.65); z-index: 999; display: none; align-items: center; justify-content: center; padding: 20px; }
.akt-modal-arkaplan.aktif { display: flex; }
.akt-modal-icerik { background: var(--win-surface); border: 1px solid var(--win-border); border-radius: 12px; max-width: 900px; width: 100%; max-height: 90vh; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.3); }
.akt-modal-icerik--dar { max-width: 520px; }
.akt-modal-baslik { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--win-border); background: var(--win-surface-alt); font-size: 15px; font-weight: 700; }
.akt-modal-govde { padding: 18px; overflow-y: auto; }
.akt-modal-resim { max-width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 6px; }

.akt-form-grup { margin-bottom: 12px; display: flex; flex-direction: column; gap: 4px; }
.akt-form-grup--son { margin-bottom: 16px; }
.akt-form-etiket { font-size: 12px; font-weight: 600; color: var(--win-text-secondary); }
.akt-form-girdi { width: 100%; height: 34px; padding: 6px 10px; border: 1px solid var(--win-border); border-radius: 6px; background: var(--win-surface); color: inherit; font-size: 13px; }
.akt-form-butonlar { display: flex; justify-content: flex-end; gap: 8px; }

.akt-secim-sutun { width: 32px; text-align: center; }
.akt-metin-kirpilmis { max-width: 200px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.akt-gizli { display: none !important; }



/* Fatura kalemi eslestirme: mevcut stok karti formunu ayni akis icinde acar. */
.gf-esleme-dialog {
  width: min(960px, calc(100vw - 32px)); max-height: 90vh; overflow: auto;
  box-sizing: border-box; padding: 20px; border: 1px solid var(--win-border);
  border-radius: 14px; background: var(--win-surface); color: var(--win-text);
  box-shadow: var(--win-shadow-modal, 0 16px 40px rgba(0, 0, 0, 0.28));
}
.gf-esleme-dialog::backdrop { background: rgba(0, 0, 0, .55); backdrop-filter: blur(2px); }
.gf-esleme-dialog h2 { margin: 0 0 8px; font-size: 18px; font-weight: 700; color: var(--win-text); }
.gf-esleme-dialog p#gfEslemeKalem { margin: 0 0 10px; font-size: 13.5px; font-weight: 600; color: var(--win-accent, #2563eb); }
.gf-esleme-dialog p#gfEslemeMesaj { margin: 0 0 12px; font-size: 12.5px; color: var(--win-text-secondary); }
.gf-esleme-arama { width: 100%; margin: 8px 0; }
.gf-esleme-sonuclar { display: flex; flex-direction: column; gap: 8px; max-height: 38vh; overflow: auto; }
.gf-esleme-secim { justify-content: flex-start; text-align: left; white-space: normal; min-height: 32px; height: auto; padding: 8px 12px; }
.gf-esleme-dialog [hidden] { display: none !important; }

/* Ferah, tam ekran öne açılan bağımsız Stok Kartı Modalı */
.gf-kart-modal {
  width: min(1360px, calc(100vw - 32px));
  height: 92vh;
  max-height: 92vh;
  padding: 0;
  border: 1px solid var(--win-border-strong, #cbd5e1);
  border-radius: 14px;
  background: var(--win-surface, #ffffff);
  color: var(--win-text, #0f172a);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.45);
  display: none;
  flex-direction: column;
  overflow: hidden;
  z-index: 10000;
}
.gf-kart-modal[open] {
  display: flex;
}
.gf-kart-modal::backdrop {
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(4px);
}
.gf-kart-modal__ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: var(--win-surface-alt, #f8fafc);
  border-bottom: 1px solid var(--win-border, #e2e8f0);
}
.gf-kart-modal__baslik {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--win-text, #0f172a);
}
.gf-kart-modal__kalem {
  font-size: 13px;
  font-weight: 600;
  color: var(--win-accent, #2563eb);
}
.gf-kart-modal__govde {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
}
.gf-kart-modal__cerceve {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  border: none;
  background: var(--win-surface, #ffffff);
}
.gf-kart-modal__alt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  background: var(--win-surface-alt, #f8fafc);
  border-top: 1px solid var(--win-border, #e2e8f0);
}

/* Stok Ağacı Grup / Marka Bileşenleri */
.sa-grup-satir { display: flex; gap: 4px; }
.sa-grup-select { flex: 1; min-width: 0; }

/* Cari kart ekraninda secili hesabin hareket ekstresi. */
.cr-hareket-araclar-sol {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1 680px;
  min-width: 0;
}
.cr-hareket-baslik {
  min-width: 260px;
  max-width: 520px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--win-text);
  font-size: 13px;
}
.cr-hareket-ara { max-width: 420px; }
.cr-hareket-detay-link { text-decoration: none; }
.cr-hareket-tutar {
  text-align: right !important;
  font-variant-numeric: tabular-nums;
}
.cr-hareket-bakiye { font-weight: 750; }
.cr-hareket-bos {
  padding: 36px !important;
  text-align: center;
  color: var(--win-text-secondary) !important;
}

.cr-hareket-satir {
  cursor: pointer;
  transition: background-color 120ms ease;
}
.cr-hareket-satir:hover,
.cr-hareket-satir:focus-visible {
  background: var(--win-surface-alt);
  outline: none;
}
.cr-hareket-ozet-dialog {
  width: min(920px, calc(100vw - 32px));
  max-width: 920px;
  max-height: calc(100vh - 40px);
  padding: 0;
}
.cr-hareket-ozet-govde {
  display: grid;
  gap: 14px;
  max-height: calc(100vh - 150px);
  overflow: auto;
  padding: 18px;
}
.cr-hareket-ozet-alt {
  display: flex;
  justify-content: flex-end;
  padding: 10px 18px;
  border-top: 1px solid var(--win-border);
  background: var(--win-surface-alt);
}
.cr-ozet-cari {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--win-border);
  border-radius: 10px;
  background: var(--win-surface-alt);
}
.cr-ozet-cari-kod {
  flex: 0 0 auto;
  padding: 4px 8px;
  border: 1px solid var(--win-border-strong);
  border-radius: 6px;
  font-family: var(--font-mono);
  font-weight: 700;
}
.cr-ozet-cari-unvan {
  min-width: 0;
  color: var(--win-text);
}
.cr-ozet-bilgi-grid,
.cr-ozet-tutar-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.cr-ozet-bilgi,
.cr-ozet-tutar-kart,
.cr-ozet-aciklama,
.cr-ozet-odeme,
.cr-ozet-fis-toplam {
  padding: 10px 12px;
  border: 1px solid var(--win-border);
  border-radius: 8px;
  background: var(--win-surface);
}
.cr-ozet-etiket,
.cr-ozet-tutar-kart span {
  display: block;
  margin-bottom: 3px;
  color: var(--win-text-secondary);
  font-size: 11px;
  font-weight: 700;
}
.cr-ozet-deger,
.cr-ozet-tutar-kart strong {
  color: var(--win-text);
  font-size: 13px;
  overflow-wrap: anywhere;
}
.cr-ozet-tutar-kart strong { font-size: 17px; }
.cr-ozet-aciklama p {
  margin: 4px 0 0;
  color: var(--win-text);
  line-height: 1.45;
}
.cr-ozet-bolum-baslik {
  margin: 2px 0 -4px;
  color: var(--win-text);
  font-size: 13px;
}
.cr-ozet-tablo-sarma {
  overflow: auto;
  border: 1px solid var(--win-border);
  border-radius: 8px;
}
.cr-ozet-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.cr-ozet-tablo th,
.cr-ozet-tablo td {
  padding: 8px 10px;
  border-bottom: 1px solid var(--win-border);
  color: var(--win-text);
  text-align: left;
  white-space: nowrap;
}
.cr-ozet-tablo th {
  background: var(--win-surface-alt);
  color: var(--win-text-secondary);
  font-weight: 700;
}
.cr-ozet-tablo tbody tr:last-child td { border-bottom: 0; }
.cr-ozet-satis-alt {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(240px, .7fr);
  gap: 12px;
}
.cr-ozet-odeme-satir {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 0;
  border-bottom: 1px solid var(--win-border);
  color: var(--win-text);
}
.cr-ozet-odeme-satir:last-child { border-bottom: 0; }
.cr-ozet-fis-toplam {
  display: grid;
  gap: 8px;
}
.cr-ozet-fis-toplam .cr-ozet-bilgi {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 0;
  border: 0;
}
@media (max-width: 700px) {
  .cr-ozet-bilgi-grid,
  .cr-ozet-tutar-grid,
  .cr-ozet-satis-alt {
    grid-template-columns: 1fr;
  }
}


/* ===========================================================================
   HAVA DURUMU & OPERASYONEL ERKEN UYARI MERKEZI BILESENI
   =========================================================================== */
.am-hava-kapsayici,
.ds-hava-kapsayici {
  position: relative;
  display: inline-flex;
}
.am-hava-btn,
.ds-hava-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  font-size: 12.5px;
  height: 32px;
  padding: 0 10px;
  border-radius: 7px;
  background: var(--win-surface);
  border: 1px solid var(--win-border);
  color: var(--win-text);
  cursor: pointer;
  transition: all 0.15s;
}
.am-hava-btn:hover,
.ds-hava-btn:hover {
  background: var(--win-surface-alt);
  border-color: var(--win-border-strong);
  box-shadow: var(--win-shadow-card);
}
.am-hava-btn.aktif,
.ds-hava-btn.aktif {
  background: var(--win-surface-alt);
  border-color: var(--win-accent, #2f6fed);
}
.am-hava-btn.uyari,
.ds-hava-btn.uyari {
  background: var(--win-caution-bg, rgba(245, 158, 11, 0.1));
  border-color: var(--win-caution-fg, #d97706);
}
.am-hava-uyari-rozet,
.ds-hava-uyari-rozet {
  display: none;
}
.am-hava-btn.uyari .am-hava-uyari-rozet,
.ds-hava-btn.uyari .ds-hava-uyari-rozet {
  display: inline-block;
  padding: 1px 5px;
  border-radius: 4px;
  background: var(--win-caution-fg, #d97706);
  color: #fff;
  font-size: 9.5px;
  font-weight: 800;
  text-transform: uppercase;
  margin-left: 2px;
}
.am-hava-ikon,
.ds-hava-ikon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: var(--skala-renk, var(--win-text-secondary));
  flex-shrink: 0;
  transition: color 0.2s;
}
.am-hava-ikon svg,
.ds-hava-ikon svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
}
.am-hava-btn:hover .am-hava-ikon,
.ds-hava-btn:hover .ds-hava-ikon {
  color: var(--skala-renk, var(--win-text));
}
.am-hava-ok,
.ds-hava-ok {
  font-size: 9px;
  opacity: 0.7;
  margin-left: 2px;
}

/* Sıcaklık Skalası Renk Sınıfları */
.skala-dondurucu { --skala-renk: #0284c7; --skala-bg: rgba(2, 132, 199, 0.08); --skala-border: rgba(2, 132, 199, 0.28); }
.skala-serin { --skala-renk: #0ea5e9; --skala-bg: rgba(14, 165, 233, 0.08); --skala-border: rgba(14, 165, 233, 0.28); }
.skala-ilik { --skala-renk: #10b981; --skala-bg: rgba(16, 185, 129, 0.08); --skala-border: rgba(16, 185, 129, 0.28); }
.skala-sicak { --skala-renk: #f59e0b; --skala-bg: rgba(245, 158, 11, 0.08); --skala-border: rgba(245, 158, 11, 0.28); }
.skala-cok-sicak { --skala-renk: #ea580c; --skala-bg: rgba(234, 88, 12, 0.08); --skala-border: rgba(234, 88, 12, 0.28); }

.am-hava-kart,
.ds-hava-kart {
  position: absolute;
  z-index: 1000;
  top: calc(100% + 6px);
  right: 0;
  width: 330px;
  display: none;
  background: var(--win-surface);
  border: 1px solid var(--win-border);
  border-radius: 12px;
  box-shadow: var(--win-shadow-card-hover);
  padding: 12px;
}
.am-hava-kart.acik,
.ds-hava-kart.acik {
  display: block;
  animation: amFadeIn 0.15s ease;
}
.am-hava-kart__ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--win-border);
  margin-bottom: 8px;
}
.am-hava-kart__baslik-alan {
  display: flex;
  align-items: center;
  gap: 8px;
}
.am-hava-kart__ikon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: var(--win-accent, #2f6fed);
}
.am-hava-kart__ikon svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
}
.am-hava-kart__baslik {
  font-size: 12.5px;
  font-weight: 800;
  color: var(--win-text);
  display: block;
}
.am-hava-kart__alt {
  font-size: 10px;
  color: var(--win-text-secondary);
  display: block;
}
.am-hava-kart__kapat {
  background: transparent;
  border: none;
  font-size: 16px;
  color: var(--win-text-secondary);
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  line-height: 1;
}
.am-hava-kart__kapat:hover {
  color: var(--win-text);
  background: var(--win-surface-alt);
}
.am-hava-sekmeler {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  background: var(--win-surface-alt);
  padding: 3px;
  border-radius: 7px;
  border: 1px solid var(--win-border);
  margin-bottom: 10px;
}
.am-hava-sekme {
  padding: 5px;
  font-size: 12px;
  font-weight: 700;
  border: none;
  background: transparent;
  color: var(--win-text-secondary);
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.12s;
}
.am-hava-sekme.aktif {
  background: var(--win-surface);
  color: var(--win-accent, #2f6fed);
  box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}
.am-hava-izgara {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 10px;
}
.am-hava-kutu {
  background: var(--win-surface-alt);
  border: 1px solid var(--win-border);
  border-radius: 8px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.am-hava-kutu--bugun {
  background: var(--skala-bg, var(--win-surface-alt));
  border-color: var(--skala-border, var(--win-border));
}
.am-hava-kutu--bugun .am-hava-kutu__derece {
  color: var(--skala-renk, var(--win-text));
}
.am-hava-kutu--bugun .am-hava-kutu__ikon {
  color: var(--skala-renk, var(--win-text-secondary));
}
.am-hava-kutu--yarin.uyari {
  background: var(--win-caution-bg, rgba(245, 158, 11, 0.08));
  border-color: var(--win-caution-fg, #d97706);
}
.am-hava-kutu__etiket-satir {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10.5px;
  font-weight: 700;
  color: var(--win-text-secondary);
}
.am-hava-kutu__yarin-etiket {
  color: var(--win-caution-fg, #d97706);
  font-weight: 800;
}
.am-hava-kutu__derece {
  font-size: 18px;
  font-weight: 800;
  color: var(--win-text);
  font-variant-numeric: tabular-nums;
}
.am-hava-kutu__derece--yarin {
  color: var(--win-caution-fg, #d97706);
}
.am-hava-kutu__durum {
  font-size: 10.5px;
  font-weight: 700;
  color: var(--win-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.am-hava-kutu__durum--yarin {
  color: var(--win-caution-fg, #d97706);
}
.am-hava-kutu__detaylar {
  display: flex;
  justify-content: space-between;
  font-size: 9.5px;
  color: var(--win-text-secondary);
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid var(--win-border);
}
.am-hava-kutu__detaylar strong {
  color: var(--win-text);
}
.am-hava-kutu__detaylar--yarin strong {
  color: var(--win-caution-fg, #d97706);
}
.am-hava-kutu__ikon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: var(--win-text-secondary);
}
.am-hava-kutu__ikon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
}
.am-hava-saatlik {
  background: var(--win-surface-alt);
  border: 1px solid var(--win-border);
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 10px;
}
.am-hava-saatlik__baslik {
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--win-text-secondary);
  margin-bottom: 6px;
}
.am-hava-saatlik__izgara {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
  text-align: center;
  font-size: 9.5px;
}
.am-hava-saatlik__oge {
  background: var(--win-surface);
  border: 1px solid var(--win-border);
  border-radius: 6px;
  padding: 3px 1px;
}
.am-hava-saatlik__oge.riskli {
  background: var(--win-caution-bg, rgba(245, 158, 11, 0.15));
  border-color: var(--win-caution-fg, #d97706);
  color: var(--win-caution-fg, #d97706);
  font-weight: 800;
}
.am-hava-saatlik__saat {
  font-size: 9px;
  color: var(--win-text-secondary);
  display: block;
}
.am-hava-saatlik__yagis {
  font-weight: 800;
  display: block;
}
.am-hava-aksiyonlar {
  background: var(--win-surface-alt);
  border: 1px solid var(--win-border);
  border-radius: 8px;
  padding: 8px;
  transition: all 0.2s ease;
}
.am-hava-aksiyonlar.durum--normal {
  background: rgba(16, 185, 129, 0.08);
  border-color: rgba(16, 185, 129, 0.28);
}
.am-hava-aksiyonlar.durum--normal .am-hava-aksiyonlar__baslik {
  color: #059669;
}
.am-hava-aksiyonlar.durum--normal .am-hava-aksiyonlar__liste li::before {
  color: #10b981;
}
.am-hava-aksiyonlar.durum--uyari {
  background: rgba(225, 29, 72, 0.08);
  border-color: rgba(225, 29, 72, 0.32);
}
.am-hava-aksiyonlar.durum--uyari .am-hava-aksiyonlar__baslik {
  color: #e11d48;
}
.am-hava-aksiyonlar.durum--uyari .am-hava-aksiyonlar__liste li::before {
  color: #e11d48;
}
.am-hava-aksiyonlar__baslik {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 800;
  color: var(--win-text);
  margin-bottom: 5px;
}
.am-hava-aksiyonlar__liste {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 10px;
  color: var(--win-text);
  line-height: 1.35;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.am-hava-aksiyonlar__liste li {
  position: relative;
  padding-left: 11px;
}
.am-hava-aksiyonlar__liste li::before {
  content: "•";
  position: absolute;
  left: 0;
  font-weight: bold;
}

/* ===========================================================================
   EVRENSEL UST BAR BILESENLERI (SUBE SECICI, FIS ROZETI, KULLANICI, CIKIS)
   =========================================================================== */
.am-sube-kapsayici { position: relative; display: inline-flex; }
.am-sube-btn { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 12.5px; height: 32px; padding: 0 10px; border-radius: 7px; background: var(--win-surface); border: 1px solid var(--win-border); color: var(--win-text); cursor: pointer; transition: all 0.15s; }
.am-sube-btn:hover { background: var(--win-surface-alt); border-color: var(--win-border-strong); }
.am-sube-sabit { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--win-text-secondary); height: 32px; padding: 0 10px; background: var(--win-surface-alt); border: 1px solid var(--win-border); border-radius: 7px; }
.am-sube-ikon { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; color: var(--win-text-secondary); flex-shrink: 0; }
.am-sube-ikon svg { width: 15px; height: 15px; stroke: currentColor; }
.am-sube-btn:hover .am-sube-ikon { color: var(--win-text); }
.am-kullanici-ad { font-size: 12.5px; font-weight: 600; color: var(--win-text-secondary); margin: 0 2px; }
.am-sube-ok { font-size: 9px; opacity: 0.7; margin-left: 2px; }
.am-sube-menu { position: absolute; z-index: 1050; top: calc(100% + 6px); right: 0; min-width: 230px; display: none; background: var(--win-surface); border: 1px solid var(--win-border); border-radius: 10px; box-shadow: var(--win-shadow-card-hover); padding: 6px; }
.am-sube-menu.acik { display: block; animation: amFadeIn 0.15s ease; }
.am-sube-menu__baslik { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: var(--win-text-secondary); padding: 6px 10px 4px; }
.am-sube-menu__oge { width: 100%; display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: none; background: transparent; color: var(--win-text); font-size: 13px; font-weight: 600; text-align: left; border-radius: 6px; cursor: pointer; transition: background 0.12s; }
.am-sube-menu__oge:hover { background: var(--win-surface-alt); }
.am-sube-menu__oge.aktif { background: var(--win-accent-subtle, rgba(47,111,237,0.12)); color: var(--win-accent, #2f6fed); font-weight: 700; }
.am-sube-menu__kod { display: inline-block; min-width: 22px; font-size: 11px; font-family: monospace; padding: 1px 4px; background: var(--win-surface-alt); border-radius: 4px; text-align: center; }
.am-sube-menu__ad { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.am-sube-menu__tik { font-size: 14px; font-weight: 800; color: var(--win-accent, #2f6fed); }

.am-fis-kapsayici {
  position: relative;
  display: inline-flex;
}
.am-fis-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-weight: 700;
  font-size: 12.5px;
  height: 32px;
  padding: 0 10px;
  border-radius: 7px;
  background: var(--win-surface);
  border: 1px solid var(--win-border);
  color: var(--win-text);
  cursor: pointer;
  transition: all 0.15s ease;
  text-decoration: none;
}
.am-fis-btn:hover {
  background: var(--win-surface-alt);
  border-color: var(--win-border-strong);
  box-shadow: var(--win-shadow-card);
}
.am-fis-btn.aktif {
  background: var(--win-surface-alt);
  border-color: var(--win-accent, #2f6fed);
}
.am-fis-ikon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: var(--win-accent, #2f6fed);
  flex-shrink: 0;
  transition: color 0.2s;
}
.am-fis-ikon svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
}
.am-fis-btn:hover .am-fis-ikon {
  color: var(--win-text);
}
.am-fis-etiket {
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: max-width 0.22s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.18s ease, margin 0.18s ease;
  margin-left: 0;
  font-size: 12px;
  font-weight: 700;
}
.am-fis-btn:hover .am-fis-etiket {
  max-width: 125px;
  opacity: 1;
  margin-left: 3px;
  margin-right: 3px;
}
.am-fis-rozet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 19px;
  height: 19px;
  max-height: 19px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 800;
  border-radius: 999px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  align-self: center;
  box-sizing: border-box;
}
.am-fis-rozet.aktif {
  background: #e11d48;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(225, 29, 72, 0.4);
}
.am-fis-rozet.bos {
  background: var(--win-surface-alt);
  color: var(--win-text-secondary);
  border: 1px solid var(--win-border);
}
.am-fis-ok {
  font-size: 9px;
  opacity: 0.7;
  margin-left: 2px;
}

.am-fis-kart {
  position: absolute;
  z-index: 1000;
  top: calc(100% + 6px);
  right: 0;
  width: 360px;
  display: none;
  background: var(--win-surface);
  border: 1px solid var(--win-border);
  border-radius: 12px;
  box-shadow: var(--win-shadow-card-hover);
  padding: 12px;
}
.am-fis-kart.acik {
  display: block;
  animation: amFadeIn 0.15s ease;
}
.am-fis-kart__ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--win-border);
  margin-bottom: 8px;
}
.am-fis-kart__baslik-alan {
  display: flex;
  align-items: center;
  gap: 8px;
}
.am-fis-kart__ikon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: var(--win-accent, #2f6fed);
}
.am-fis-kart__baslik {
  font-size: 12.5px;
  font-weight: 800;
  color: var(--win-text);
  display: block;
}
.am-fis-kart__alt {
  font-size: 10px;
  color: var(--win-text-secondary);
  display: block;
}
.am-fis-kart__kapat {
  background: transparent;
  border: none;
  font-size: 16px;
  color: var(--win-text-secondary);
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  line-height: 1;
}
.am-fis-kart__kapat:hover {
  color: var(--win-text);
  background: var(--win-surface-alt);
}
.am-fis-kart__liste {
  max-height: 280px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 8px;
}
.am-fis-kart__oge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  background: var(--win-surface-alt);
  border: 1px solid var(--win-border);
  border-radius: 8px;
  text-decoration: none;
  color: var(--win-text);
  transition: all 0.12s ease;
}
.am-fis-kart__oge:hover {
  border-color: var(--win-accent, #2f6fed);
  background: var(--win-surface);
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.am-fis-kart__oge-sol {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.am-fis-kart__oge-no {
  font-weight: 800;
  font-size: 12px;
  color: var(--win-text);
}
.am-fis-kart__oge-alt {
  font-size: 10.5px;
  color: var(--win-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.am-fis-kart__oge-sag {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
}
.am-fis-kart__oge-tutar {
  font-weight: 800;
  font-size: 12px;
  color: var(--win-accent, #2f6fed);
  font-variant-numeric: tabular-nums;
}
.am-fis-kart__oge-durum {
  font-size: 10px;
  padding: 1px 5px;
  border-radius: 4px;
  background: rgba(245, 158, 11, 0.15);
  color: #d97706;
  font-weight: 700;
}
.am-fis-kart__bos, .am-fis-kart__yukleniyor {
  padding: 20px 10px;
  text-align: center;
  color: var(--win-text-secondary);
  font-size: 12px;
}
.am-fis-kart__alt-alan {
  border-top: 1px solid var(--win-border);
  padding-top: 8px;
  text-align: center;
}
.am-fis-kart__link {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 700;
  color: var(--win-accent, #2f6fed);
  text-decoration: none;
}
.am-fis-kart__link:hover {
  text-decoration: underline;
}
/* Fatura rozet satiri (e-Fatura / e-Arsiv bekleyen sayilari) */
.am-fis-kart__fatura-rozet-satir {
  display: flex;
  gap: 6px;
  margin: 6px 0;
  padding: 6px 0;
  border-top: 1px solid var(--win-border);
  border-bottom: 1px solid var(--win-border);
}
.am-fis-kart__fatura-rozet-satir--gizli {
  display: none;
}
.am-fis-kart__fatura-rozet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 700;
  text-decoration: none;
  transition: filter 0.12s ease;
  flex: 1;
  justify-content: center;
}
.am-fis-kart__fatura-rozet:hover {
  filter: brightness(0.92);
}
.am-fis-kart__fatura-rozet--efatura {
  background: rgba(37, 99, 235, 0.1);
  color: #1d4ed8;
  border: 1px solid rgba(37, 99, 235, 0.25);
}
.am-fis-kart__fatura-rozet--earsiv {
  background: rgba(5, 150, 105, 0.1);
  color: #047857;
  border: 1px solid rgba(5, 150, 105, 0.25);
}
.am-fis-kart__fatura-rozet-etiket {
  opacity: 0.85;
}
.am-fis-kart__fatura-rozet-sayi {
  font-size: 13px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}
[data-tema="koyu"] .am-fis-kart__fatura-rozet--efatura {
  background: rgba(37, 99, 235, 0.18);
  color: #93c5fd;
  border-color: rgba(37, 99, 235, 0.35);
}
[data-tema="koyu"] .am-fis-kart__fatura-rozet--earsiv {
  background: rgba(5, 150, 105, 0.18);
  color: #6ee7b7;
  border-color: rgba(5, 150, 105, 0.35);
}
.am-cikis {
  display: inline-flex; align-items: center; gap: 7px;
}
.am-cikis svg {
  width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}

/* POS cari ve fatura bilgileri: genis, dusuk yukseklikli master form */
.modal.pos-fatura-modal-kutu {
  width: min(1080px, calc(100vw - 32px));
  max-width: 1080px;
  max-height: calc(100vh - 28px);
  padding: 18px 20px 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.pos-modal-baslik-satir {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.pos-modal-baslik-metin,
.pos-sorgu-etiket {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.pos-cizgi-ikon,
.pos-buton-ikon {
  display: inline-flex;
  width: 21px;
  height: 21px;
  flex: 0 0 auto;
}

.pos-cizgi-ikon svg,
.pos-buton-ikon svg {
  width: 100%;
  height: 100%;
}

.pos-cizgi-ikon--kucuk {
  width: 16px;
  height: 16px;
}

.pos-modal-kapat-btn {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: var(--win-text-secondary);
  font-size: 18px;
  cursor: pointer;
}

.pos-modal-kapat-btn:hover {
  border-color: var(--win-border);
  background: var(--win-surface-alt);
  color: var(--win-text);
}

.pos-modal-aciklama {
  margin: 3px 0 0;
  color: var(--win-text-secondary);
  font-size: 11px;
  line-height: 1.35;
}

.modal.pos-fatura-modal-kutu .pos-form-dikey {
  min-height: 0;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.pos-sorgu-kutusu {
  padding: 9px 11px;
  border: 1px solid var(--win-border-strong);
  border-radius: 9px;
  background: var(--win-surface-alt);
}

.pos-sorgu-etiket,
.pos-alan-etiket {
  color: var(--win-text);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.25;
}

.pos-sorgu-satir {
  display: flex;
  gap: 8px;
  margin-top: 5px;
}

.modal.pos-fatura-modal-kutu input:not([type="checkbox"]),
.modal.pos-fatura-modal-kutu select {
  width: 100%;
  min-height: 36px;
  height: 36px;
  padding: 6px 10px;
  border: 1px solid var(--win-border);
  border-radius: 8px;
  background: var(--win-bg);
  color: var(--win-text);
  font-size: 12.5px;
}

.modal.pos-fatura-modal-kutu input[readonly] {
  background: var(--win-surface-alt);
}

.pos-sorgu-input {
  flex: 1 1 auto;
  font-weight: 700;
}

.modal.pos-fatura-modal-kutu .pos-sorgu-btn {
  flex: 0 0 auto;
  height: 36px;
  min-height: 36px;
  padding: 0 20px;
  font-size: 12px;
  font-weight: 800;
}

.pos-hizli-cari-satir {
  display: flex;
  gap: 6px;
  margin-top: 5px;
}

.modal.pos-fatura-modal-kutu .pos-hizli-cari-btn {
  height: 26px;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 10.5px;
}

.pos-durum-kutusu {
  display: none;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 11px;
  line-height: 1.4;
}

.pos-form-alan {
  min-width: 0;
}

.modal.pos-fatura-modal-kutu .pos-input-mt,
.modal.pos-fatura-modal-kutu .pos-input-mt-kalin,
.modal.pos-fatura-modal-kutu .pos-input-cari-kod,
.modal.pos-fatura-modal-kutu .pos-input-fatura-no,
.modal.pos-fatura-modal-kutu .pos-select-tur {
  margin-top: 3px;
}

.pos-input-mt-kalin {
  font-weight: 700;
}

.pos-input-cari-kod,
.pos-input-fatura-no {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-weight: 800;
}

.pos-input-fatura-no {
  color: var(--win-accent, #2563eb);
}

.pos-fatura-bilgi-grid {
  display: grid;
  grid-template-columns: 1.05fr 1.25fr 1fr 1fr 1fr;
  gap: 8px;
}

.pos-fatura-adres-grid {
  display: grid;
  grid-template-columns: 0.9fr 1fr 1.55fr 0.7fr 0.55fr;
  gap: 8px;
}

.pos-form-cift {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.pos-muhtelif-secim {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  cursor: pointer;
  color: var(--win-text);
  font-size: 11px;
}

.modal.pos-fatura-modal-kutu .pos-muhtelif-secim input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--win-accent, #2563eb);
}

.pos-muhtelif-secim span {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}

.pos-muhtelif-secim small {
  color: var(--win-text-secondary);
  font-size: 10px;
}

.pos-modal-alt-cizgili {
  flex: 0 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  padding: 10px 0 12px;
  border-top: 1px solid var(--win-border);
  background: var(--win-surface);
}

.modal.pos-fatura-modal-kutu .pos-modal-alt-cizgili .ana-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 34px;
  min-height: 34px;
  font-size: 11.5px;
}

.pos-btn-kirmizi-yazi {
  color: #dc2626;
}

.pos-fatura-onayla-btn {
  padding: 0 22px;
  background: var(--win-accent, #2563eb);
  color: #fff;
  font-weight: 800;
}

.pos-fatura-onayla-btn .pos-buton-ikon,
.pos-btn-kirmizi-yazi .pos-buton-ikon {
  width: 16px;
  height: 16px;
}

@media (max-width: 900px) {
  .modal.pos-fatura-modal-kutu {
    width: min(760px, calc(100vw - 20px));
    max-height: calc(100vh - 18px);
    padding: 14px 14px 0;
  }

  .pos-fatura-bilgi-grid,
  .pos-fatura-adres-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pos-adres-mahalle-alan {
    grid-column: span 2;
  }
}

@media (max-width: 560px) {
  .pos-sorgu-satir,
  .pos-modal-alt-cizgili {
    flex-direction: column;
  }

  .pos-fatura-bilgi-grid,
  .pos-fatura-adres-grid,
  .pos-form-cift {
    grid-template-columns: 1fr;
  }

  .pos-adres-mahalle-alan {
    grid-column: auto;
  }

  .pos-muhtelif-secim span {
    align-items: flex-start;
    flex-direction: column;
    gap: 1px;
  }

  .modal.pos-fatura-modal-kutu .pos-modal-alt-cizgili .ana-btn {
    width: 100%;
  }
}

/* ETICARET YONETIM MERKEZI */
  .etc-govde { max-width: 1560px; margin: 0 auto; width: 100%; display: flex; flex-direction: column; gap: 16px; }
  
  /* Sekmeler (Tabs) */
  .etc-sekmeler { 
    display: flex; gap: 6px; 
    border-bottom: 1px solid var(--win-border); 
    background: var(--win-surface); 
    border-radius: var(--ds-radius, 12px) var(--ds-radius, 12px) 0 0; 
    padding: 8px 12px 0 12px; 
    overflow-x: auto; 
    box-shadow: 0 1px 2px rgba(0,0,0,0.02);
  }
  .etc-sekme { 
    padding: 9px 16px; 
    font-size: 12.5px; 
    font-weight: 700; 
    border: none; 
    background: transparent; 
    color: var(--win-text-secondary); 
    cursor: pointer; 
    border-bottom: 3px solid transparent; 
    border-radius: 6px 6px 0 0; 
    display: inline-flex; 
    align-items: center; 
    gap: 7px; 
    transition: all .15s ease; 
    white-space: nowrap;
  }
  .etc-sekme:hover { 
    color: var(--win-text); 
    background: var(--win-surface-alt); 
  }
  .etc-sekme.etkin { 
    color: var(--win-accent, #2f6fed); 
    border-bottom-color: var(--win-accent, #2f6fed); 
    background: var(--win-surface-alt); 
  }
  
  /* Paneller */
  .etc-panel { display: none; }
  .etc-panel.etkin { display: block; animation: etcFadeIn .15s ease-in; }
  @keyframes etcFadeIn { from { opacity: 0; transform: translateY(2px); } to { opacity: 1; transform: translateY(0); } }

  /* Dashboard Metrik Kartları */
  .etc-kpi-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 
    gap: 14px; 
    margin-bottom: 16px; 
  }
  .etc-kpi-kart { 
    background: var(--win-surface); 
    border: 1px solid var(--win-border); 
    border-radius: var(--ds-radius, 12px); 
    padding: 16px 18px; 
    box-shadow: var(--win-shadow-card); 
    position: relative; 
    overflow: hidden; 
    transition: transform .15s ease, box-shadow .15s ease;
  }
  .etc-kpi-kart:hover {
    transform: translateY(-2px);
    box-shadow: var(--win-shadow-card-hover);
  }
  .etc-kpi-etiket { 
    font-size: 11.5px; 
    font-weight: 700; 
    color: var(--win-text-secondary); 
    text-transform: uppercase; 
    letter-spacing: 0.5px; 
    margin-bottom: 6px; 
  }
  .etc-kpi-deger { 
    font-size: 24px; 
    font-weight: 850; 
    color: var(--win-text); 
    font-variant-numeric: tabular-nums;
  }
  .etc-kpi-deger.sari { color: #d97706; }
  .etc-kpi-deger.kirmizi { color: #dc2626; }
  .etc-kpi-deger.yesil { color: #16a34a; }
  .etc-kpi-alt { 
    font-size: 11px; 
    color: var(--win-text-secondary); 
    margin-top: 6px; 
    display: flex; 
    align-items: center; 
    gap: 5px; 
  }
  .etc-kpi-vurgu { color: #16a34a; font-weight: 700; }

  /* Hizli Islemler ve Kutu */
  .etc-kart-kutu { 
    background: var(--win-surface); 
    border: 1px solid var(--win-border); 
    border-radius: var(--ds-radius, 12px); 
    padding: 18px 20px; 
    box-shadow: var(--win-shadow-card);
    margin-bottom: 16px;
  }
  .etc-kutu-baslik { margin-top: 0; font-size: 15px; font-weight: 800; color: var(--win-text); }
  .etc-kutu-metin { font-size: 12.5px; color: var(--win-text-secondary); margin-bottom: 14px; line-height: 1.5; }
  .etc-btn-grup { display: flex; gap: 10px; flex-wrap: wrap; }
  .etc-flex-aralik { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; flex-wrap: wrap; gap: 10px; }

  /* Filtre ve Arama Cubugu */
  .etc-filtre-bar { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    gap: 12px; 
    margin-bottom: 14px; 
    flex-wrap: wrap; 
    background: var(--win-surface); 
    padding: 8px 12px; 
    border-radius: var(--ds-radius, 12px); 
    border: 1px solid var(--win-border); 
    box-shadow: var(--win-shadow-card);
  }
  .etc-filtre-sol { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
  .etc-filtre-btn { 
    padding: 5px 12px; 
    font-size: 12px; 
    font-weight: 700; 
    border-radius: 6px; 
    border: 1px solid var(--win-border); 
    background: var(--win-surface); 
    color: var(--win-text); 
    cursor: pointer; 
    transition: all .12s ease;
  }
  .etc-filtre-btn:hover { background: var(--win-surface-alt); }
  .etc-filtre-btn.aktif { 
    background: var(--win-accent, #2f6fed); 
    color: #fff; 
    border-color: var(--win-accent, #2f6fed); 
  }
  .etc-arama-input { 
    height: 32px; 
    padding: 0 10px; 
    font-size: 12px; 
    border-radius: 6px; 
    border: 1px solid var(--win-border); 
    background: var(--win-bg); 
    color: var(--win-text); 
    width: 260px; 
    outline: none;
  }
  .etc-arama-input:focus {
    border-color: var(--win-accent, #2f6fed);
  }

  /* Rozetler */
  .etc-rozet { 
    display: inline-flex; 
    align-items: center; 
    gap: 4px; 
    padding: 2px 8px; 
    border-radius: 12px; 
    font-size: 11px; 
    font-weight: 700; 
  }
  .etc-rozet.yeni { background: #dbeafe; color: #1e40af; }
  .etc-rozet.hazirlaniyor { background: #fef3c7; color: #92400e; }
  .etc-rozet.kargolandi { background: #e0e7ff; color: #3730a3; }
  .etc-rozet.teslim { background: #dcfce7; color: #166534; }
  .etc-rozet.iptal { background: #fee2e2; color: #991b1b; }
  .etc-rozet.netsis-ok { background: #d1fae5; color: #065f46; font-family: monospace; font-size: 10.5px; }
  .etc-rozet.netsis-bekliyor { background: #f3f4f6; color: #6b7280; font-family: monospace; font-size: 10.5px; }

  /* Tema Katalog Kartlari */
  .etc-tema-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
  .etc-tema-kart { 
    background: var(--win-surface); 
    border: 2px solid var(--win-border); 
    border-radius: var(--ds-radius, 12px); 
    overflow: hidden; 
    transition: all .2s; 
    position: relative; 
    box-shadow: var(--win-shadow-card);
  }
  .etc-tema-kart:hover { 
    border-color: var(--win-accent, #2f6fed); 
    transform: translateY(-2px); 
    box-shadow: var(--win-shadow-card-hover); 
  }
  .etc-tema-kart.aktif { border-color: #16a34a; }
  .etc-tema-resim { 
    height: 130px; 
    background: linear-gradient(135deg, #1e293b, #334155); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    color: #94a3b8; 
    font-weight: 800; 
    font-size: 13px; 
  }
  .etc-tema-resim.aktif-tema { background: linear-gradient(135deg, #1e40af, #3b82f6); color: #fff; }
  .etc-tema-detay { padding: 14px; }
  .etc-tema-ad { font-weight: 700; font-size: 14px; margin: 0 0 4px 0; color: var(--win-text); }
  .etc-tema-aciklama { font-size: 11.5px; color: var(--win-text-secondary); margin: 0 0 12px 0; min-height: 32px; line-height: 1.4; }

  /* Modal */
  .etc-modal-perde { 
    position: fixed; inset: 0; 
    background: rgba(0,0,0,0.55); 
    z-index: 10000; 
    display: none; 
    align-items: center; 
    justify-content: center; 
    backdrop-filter: blur(2px); 
  }
  .etc-modal-perde.acik { display: flex; }
  .etc-modal-kutu { 
    background: var(--win-surface); 
    border: 1px solid var(--win-border); 
    border-radius: var(--ds-radius, 12px); 
    width: 92%; max-width: 820px; 
    max-height: 90vh; 
    display: flex; flex-direction: column; 
    overflow: hidden; 
    box-shadow: 0 20px 40px rgba(0,0,0,0.3); 
  }
  .etc-modal-baslik { 
    display: flex; justify-content: space-between; align-items: center; 
    padding: 14px 20px; 
    border-bottom: 1px solid var(--win-border); 
    background: var(--win-surface-alt); 
  }
  .etc-modal-baslik strong { font-size: 15px; color: var(--win-text); font-weight: 800; }
  .etc-modal-govde { padding: 20px; overflow-y: auto; flex: 1; }
  .etc-modal-alt { 
    display: flex; justify-content: flex-end; gap: 10px; 
    padding: 12px 20px; 
    border-top: 1px solid var(--win-border); 
    background: var(--win-surface-alt); 
  }
  .etc-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
  .etc-bilgi-kutu { background: var(--win-surface-alt); padding: 12px 14px; border-radius: 8px; border: 1px solid var(--win-border); }
  .etc-bilgi-metin { font-size: 12px; margin-top: 6px; line-height: 1.6; color: var(--win-text); }
  .etc-metin-soluk { color: var(--win-text-secondary); }
  .etc-metin-yesil { color: #16a34a; font-weight: 700; }
  .etc-metin-kirmizi { color: #dc2626; font-weight: 700; }
  .etc-kod-vurgu { font-family: monospace; font-weight: 700; }
  .etc-link-vurgu { color: var(--win-accent, #2f6fed); font-weight: 700; text-decoration: none; }
  .etc-link-vurgu:hover { text-decoration: underline; }
  .etc-ortala { text-align: center; }
  .etc-tablo-bos { text-align: center; padding: 30px; }
  .etc-satir-tik { cursor: pointer; }
  .etc-bosluk-ust { margin-top: 10px; }
  .etc-blok-baslik { display: block; margin-top: 12px; }
  .etc-hata-metin { color: var(--win-critical-fg); }

  /* Pazaryeri / Hepsiburada Stilleri */
  .etc-hb-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, rgba(255, 96, 0, 0.08), rgba(255, 96, 0, 0.02));
    border: 1px solid rgba(255, 96, 0, 0.25);
    border-radius: var(--ds-radius, 12px);
    padding: 14px 18px;
    margin-bottom: 16px;
    gap: 12px;
  }
  .etc-hb-banner__sol { display: flex; align-items: center; gap: 12px; }
  .etc-hb-logo {
    width: 36px; height: 36px; border-radius: 8px;
    background: #ff6000; color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 900; font-size: 18px;
  }
  .etc-hb-banner__baslik { font-size: 14px; font-weight: 800; color: var(--win-text); margin: 0 0 3px; }
  .etc-hb-banner__alt { font-size: 11.5px; color: var(--win-text-secondary); margin: 0; }
  .etc-hb-uyari-kutu {
    background: var(--win-caution-bg, rgba(245, 158, 11, 0.08));
    border: 1px solid var(--win-caution-fg, #d97706);
    border-radius: var(--ds-radius, 12px);
    padding: 12px 16px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .etc-hb-uyari-kutu.gizli { display: none; }
  .etc-hb-uyari-metin { font-size: 12.5px; font-weight: 700; color: var(--win-caution-fg, #d97706); display: flex; align-items: center; gap: 8px; }
  .etc-urun-satir { display: flex; align-items: center; gap: 8px; }
  .etc-urun-kucuk-resim { width: 34px; height: 34px; object-fit: contain; border-radius: 4px; border: 1px solid var(--win-border); background: #fff; }

  /* Form & Alanlar */
  .etc-form-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin-bottom: 16px; }
  .etc-alan { display: flex; flex-direction: column; gap: 4px; }
  .etc-alan label { font-size: 11.5px; font-weight: 700; color: var(--win-text-secondary); }
  .etc-alan input, .etc-alan select, .etc-alan textarea { 
    padding: 8px 10px; font-size: 12.5px; 
    border-radius: 6px; border: 1px solid var(--win-border); 
    background: var(--win-bg); color: var(--win-text); 
  }
  .etc-alan input:focus, .etc-alan select:focus {
    border-color: var(--win-accent, #2f6fed);
    outline: none;
  }

/* HEPSIBURADA OPERASYON DASHBOARD 10-09-2026 */
.etc-btn-ikon,.etc-sekme__ikon,.etc-hb-servis__ikon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.etc-btn-ikon svg,.etc-sekme__ikon svg{width:15px;height:15px}
.etc-sekme__ikon{width:17px;height:17px}
.etc-hb-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:14px;border:1px solid var(--win-border);border-radius:12px;background:linear-gradient(115deg,color-mix(in srgb,#ff6000 7%,var(--win-surface)),var(--win-surface) 55%);box-shadow:var(--win-shadow-card)}
.etc-hb-hero__kimlik{display:flex;align-items:center;gap:16px;min-width:0}.etc-hb-hero__kimlik h2{margin:5px 0 4px;font-size:21px;line-height:1.2;color:var(--win-text)}.etc-hb-hero__kimlik p{margin:0;color:var(--win-text-secondary);font-size:12.5px}
.etc-hb-logo--buyuk{width:54px;height:54px;border-radius:14px;font-size:27px;box-shadow:0 8px 20px rgba(255,96,0,.2)}
.etc-hb-ust-satir{display:flex;align-items:center;gap:8px;font-size:12px}.etc-baglanti-nokta{width:8px;height:8px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.13)}
[data-durum="basarili"] .etc-baglanti-nokta{background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.13)}[data-durum="uyari"] .etc-baglanti-nokta{background:#d97706;box-shadow:0 0 0 4px rgba(217,119,6,.13)}[data-durum="hata"] .etc-baglanti-nokta{background:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.13)}
.etc-baglanti-rozet{font-size:10.5px;font-weight:800;letter-spacing:.06em;color:var(--win-text-secondary)}[data-durum="basarili"] .etc-baglanti-rozet{color:#15803d}[data-durum="uyari"] .etc-baglanti-rozet{color:#b45309}[data-durum="hata"] .etc-baglanti-rozet{color:#b91c1c}
.etc-hb-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;color:var(--win-text-secondary);font-size:10.5px}.etc-hb-meta span{padding-right:14px;border-right:1px solid var(--win-border)}.etc-hb-meta span:last-child{border-right:0}
.etc-hb-hero__aksiyonlar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.etc-hb-hero__aksiyonlar .ds-btn{white-space:nowrap}.ds-btn.yukleniyor{opacity:.7;cursor:wait}
.etc-kpi-grid--hb{grid-template-columns:repeat(5,minmax(145px,1fr))}.etc-hb-operasyon-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:14px;margin-bottom:14px}.etc-bolum-baslik-satir{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.etc-eyebrow{display:block;margin-bottom:3px;color:var(--win-text-secondary);font-size:9.5px;font-weight:800;letter-spacing:.1em}.etc-bolum-baslik-satir .etc-kutu-baslik{margin:0}
.etc-hb-uyari-listesi{display:flex;flex-direction:column;gap:7px}.etc-hb-uyari-satir{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid var(--win-border);border-radius:8px;background:var(--win-surface-alt);color:var(--win-text);text-align:left;cursor:pointer}.etc-hb-uyari-satir:hover{border-color:var(--win-border-strong);box-shadow:var(--win-shadow-card-hover)}.etc-hb-uyari-satir__isaret{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff7ed;color:#c2410c;font-weight:900}.etc-hb-uyari-satir strong,.etc-hb-uyari-satir small{display:block}.etc-hb-uyari-satir small{margin-top:2px;color:var(--win-text-secondary);font-size:10.5px}.etc-hb-uyari-satir time{color:var(--win-text-secondary);font-size:10px;white-space:nowrap}.etc-hb-bos-durum,.etc-iskelet-satir{padding:18px;border:1px dashed var(--win-border);border-radius:8px;color:var(--win-text-secondary);text-align:center;font-size:11.5px}.etc-hb-bos-durum strong,.etc-hb-bos-durum span{display:block}.etc-hb-bos-durum span{margin-top:3px;font-size:10.5px}
.etc-hb-servis-listesi{display:flex;flex-direction:column}.etc-hb-servis{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--win-border)}.etc-hb-servis:last-child{border-bottom:0}.etc-hb-servis__ikon{width:30px;height:30px;border-radius:8px;background:var(--win-surface-alt);color:var(--win-text-secondary)}.etc-hb-servis__ikon svg{width:16px;height:16px}.etc-hb-servis strong,.etc-hb-servis small{display:block}.etc-hb-servis strong{font-size:11.5px}.etc-hb-servis small{margin-top:2px;color:var(--win-text-secondary);font-size:10px}.etc-hb-kontrol-notu{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--win-border);color:var(--win-text-secondary);font-size:10.5px}.etc-filtre-bar--hb{margin-top:0}.etc-hb-tablo-sarmal{min-height:230px}.etc-alt-satir{display:block;margin-top:3px;color:var(--win-text-secondary);font-size:10px}.etc-hb-banner--dashboard{transition:border-color .15s ease}[data-durum="hata"].etc-hb-banner--dashboard,[data-durum="hata"].etc-hb-hero{border-color:color-mix(in srgb,#dc2626 45%,var(--win-border))}[data-durum="uyari"].etc-hb-banner--dashboard,[data-durum="uyari"].etc-hb-hero{border-color:color-mix(in srgb,#d97706 45%,var(--win-border))}
@media (max-width:1100px){.etc-kpi-grid--hb{grid-template-columns:repeat(3,minmax(145px,1fr))}.etc-hb-operasyon-grid{grid-template-columns:1fr}.etc-hb-hero{align-items:flex-start}.etc-hb-hero__aksiyonlar{max-width:250px}}
@media (max-width:720px){.etc-hb-hero{flex-direction:column;padding:16px}.etc-hb-hero__aksiyonlar{width:100%;max-width:none;justify-content:stretch}.etc-hb-hero__aksiyonlar .ds-btn{flex:1}.etc-kpi-grid--hb{grid-template-columns:repeat(2,minmax(130px,1fr))}.etc-hb-operasyon-grid{grid-template-columns:minmax(0,1fr)}.etc-hb-uyari-satir{grid-template-columns:30px minmax(0,1fr)}.etc-hb-uyari-satir time{grid-column:2}.etc-hb-meta span{border-right:0;padding-right:0}.etc-filtre-bar--hb{align-items:stretch}.etc-filtre-bar--hb .etc-arama-input{width:100%}}


/* Hepsiburada ürün ve detay görünümü — 11.09.2026 */

  /* Satıştaki Stoklarım ve Ürün Kartı Stilleri */
    .etc-gizli { display: none !important; }
  .etc-hb-urun-gorsel-bos--buyuk { height: 210px !important; font-size: 48px !important; }
  .etc-hb-alt-sekmeler { display: flex; gap: 8px; margin-bottom: 14px; border-bottom: 2px solid var(--win-border); padding-bottom: 6px; }
  .etc-hb-alt-sekme { padding: 6px 14px; font-size: 12px; font-weight: 700; border: none; background: transparent; color: var(--win-text-secondary); cursor: pointer; border-radius: 6px; display: inline-flex; align-items: center; gap: 6px; transition: all .15s; }
  .etc-hb-alt-sekme:hover { background: var(--win-surface-alt); color: var(--win-text); }
  .etc-hb-alt-sekme.aktif { background: var(--win-accent, #2f6fed); color: #fff; }
  .etc-hb-urun-kart { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid var(--win-border); cursor: pointer; transition: background .12s ease; }
  .etc-hb-urun-kart:hover { background: var(--win-surface-alt); }
  .etc-hb-urun-sol { display: flex; align-items: center; gap: 14px; min-width: 0; }
  .etc-hb-urun-gorsel { width: 56px; height: 56px; object-fit: contain; border-radius: 8px; border: 1px solid var(--win-border); background: #fff; padding: 2px; flex-shrink: 0; }
  .etc-hb-urun-gorsel-bos { width: 56px; height: 56px; border-radius: 8px; border: 1px solid var(--win-border); background: var(--win-surface-alt); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; color: var(--win-text-secondary); }
  .etc-hb-urun-bilgi { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
  .etc-hb-urun-baslik { font-size: 13.5px; font-weight: 800; color: var(--win-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .etc-hb-urun-meta { font-size: 11px; color: var(--win-text-secondary); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
  .etc-hb-urun-meta span { display: inline-flex; align-items: center; gap: 3px; }
  .etc-hb-urun-sag { text-align: right; flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
  .etc-hb-urun-fiyat { font-size: 16px; font-weight: 850; color: var(--win-text); font-variant-numeric: tabular-nums; }
  .etc-hb-urun-altfiyat { font-size: 10.5px; color: var(--win-text-secondary); }
  .etc-hb-sayfalama { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; background: var(--win-surface); border-top: 1px solid var(--win-border); }
  
  /* Hepsiburada Benzeri Detay Modalı */
  .etc-hb-modal-grid { display: grid; grid-template-columns: 240px 1fr; gap: 20px; }
  .etc-hb-modal-gorsel-kutu { display: flex; flex-direction: column; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--win-border); border-radius: 10px; padding: 14px; }
  .etc-hb-modal-buyuk-resim { width: 100%; height: 210px; object-fit: contain; }
  .etc-hb-modal-bilgiler { display: flex; flex-direction: column; gap: 12px; }
  .etc-hb-modal-baslik { font-size: 16px; font-weight: 800; color: var(--win-text); line-height: 1.4; margin: 0; }
  .etc-hb-modal-fiyat-bar { display: flex; align-items: baseline; gap: 10px; background: var(--win-surface-alt); padding: 10px 14px; border-radius: 8px; border: 1px solid var(--win-border); }
  .etc-hb-modal-fiyat { font-size: 24px; font-weight: 900; color: #16a34a; }
  .etc-hb-modal-etiket-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .etc-hb-modal-etiket { background: var(--win-surface-alt); padding: 8px 12px; border-radius: 6px; border: 1px solid var(--win-border); font-size: 11.5px; }
  .etc-hb-modal-etiket strong { display: block; font-size: 12px; color: var(--win-text); margin-top: 2px; }

/* Fiş Kaydedildi Başarı Modalı */
.onay-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: amFadeIn 0.2s ease-out;
}
.onay-modal-kart {
  background: var(--win-surface);
  color: var(--win-text);
  border: 1px solid var(--win-border-strong);
  border-radius: var(--stil-radius-card, 16px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
  padding: 32px 40px;
  text-align: center;
  max-width: 440px;
  width: 90%;
  animation: onayKartPop 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.onay-modal-ikon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.12);
  border: 2px solid rgba(16, 185, 129, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}
.onay-modal-baslik {
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 8px;
  color: var(--win-text);
}
.onay-modal-alt {
  font-size: 13.5px;
  color: var(--win-text-secondary);
  margin: 0 0 20px;
}
.onay-modal-bar-kapsayici {
  width: 100%;
  height: 6px;
  background: var(--win-surface-alt);
  border-radius: 99px;
  overflow: hidden;
}
.onay-modal-bar-dolu {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #10b981, #059669);
  border-radius: 99px;
  animation: onayIlerleme 1.3s ease-out forwards;
}
@keyframes onayKartPop {
  from { opacity: 0; transform: scale(0.92) translateY(10px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}
@keyframes onayIlerleme {
  from { width: 0%; }
  to { width: 100%; }
}

/* Stok Yonetimi Toolbar Bilesenleri */
.sy-durum-sec {
  height: 32px;
  padding: 0 10px;
  border-radius: 7px;
  border: 1px solid var(--win-border);
  background: var(--win-surface);
  color: var(--win-text);
  font-size: 12.5px;
  font-weight: 600;
  outline: none;
  box-sizing: border-box;
}
.sy-sik-btn {
  height: 32px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid var(--win-border);
  border-radius: 7px;
  background: var(--win-surface);
  color: var(--win-text);
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  transition: all 0.15s ease;
}
.sy-sik-btn:hover {
  background: var(--win-surface-alt);
  border-color: #f59e0b;
}
.sy-sik-btn.aktif {
  background: #fef3c7;
  border-color: #f59e0b;
  color: #92400e;
}
.sy-yildiz {
  color: #f59e0b;
  font-weight: bold;
}
.sy-ara-input {
  height: 32px;
  padding: 0 12px;
  border-radius: 7px;
  border: 1px solid var(--win-border);
  background: var(--win-surface);
  color: var(--win-text);
  font-size: 12.5px;
  width: 220px;
  outline: none;
  box-sizing: border-box;
}
.sy-ara-input:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
}



/* Rapor gonderim durumu */
.ds-rapor-dialog { margin: auto; padding: 32px 40px; }
.ds-rapor-dialog::backdrop { background: rgba(15,23,42,.65); backdrop-filter: blur(6px); }
.ds-rapor-dialog [hidden] { display: none; }
.ds-rapor-bekliyor .ds-rapor-ikon { animation: dsRaporNefes 1.2s ease-in-out infinite; }
@keyframes dsRaporNefes { 50% { transform: scale(1.12); opacity: .55; } }
@media (prefers-reduced-motion: reduce) { .ds-rapor-dialog, .ds-rapor-bekliyor .ds-rapor-ikon { animation: none; } }

/* E-Fatura & E-Arşiv Seri Tanımları */
.efat-ust-form { display: inline-block; margin-right: 8px; }
.ds-kart--bosluk { margin-bottom: 16px; }
.efat-secim-izgara { display: grid; grid-template-columns: 1fr 1fr auto; gap: 16px; align-items: flex-end; }
@media (max-width: 768px) { .efat-secim-izgara { grid-template-columns: 1fr; } }
.efat-seri-kod { font-size: 14px; font-family: monospace; letter-spacing: 1px; font-weight: 800; }
.efat-varsayilan-rozet { font-weight: 800; }
.ds-tablo-islem-grup { display: flex; gap: 6px; align-items: center; }
.efat-tekil-form { display: inline; }
.efat-input-kod { text-transform: uppercase; font-family: monospace; font-weight: 800; }
.ds-alan--tam { grid-column: 1 / -1; }
.efat-onay-alan { display: flex; align-items: center; gap: 8px; margin-top: 24px; }
.efat-onay-etiket { margin: 0; cursor: pointer; }


/* Cari alanlari: esit kutular ve alan bazli etiketler */
.cr-vergi-kutu { position: relative; width: 100%; }
.cr-vergi-kutu .cr-input { width: 100%; box-sizing: border-box; padding-right: 44px; }
.cr-vergi-kutu .cr-input-btn { position: absolute; right: 2px; top: 2px; height: 32px; width: 32px; }
.cr-adres-ikili { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; min-width: 0; }
.cr-form-grid > .cr-alan, .cr-adres-ikili > .cr-alan { min-width: 0; }
.cr-adres-ikili .cr-input { width: 100%; box-sizing: border-box; min-width: 0; }

/* Vardiya bekleyen fisler: sabit islem yerleri, tek satir butonlar. */
.vd-bekleyen-tablo { min-width: 1100px; }
.vd-bekleyen-tablo .vd-col-islem { width: 280px; }
.vd-islem-grup { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; gap: 6px; width: 100%; }
.vd-islem-grup .ds-btn { width: 100%; padding: 0 8px; white-space: nowrap; }
.vd-islem-grup .vd-inline-form { min-width: 0; margin: 0; }
.vd-bekleyen-tablo .vd-kol-zaman small { font-size: 11.5px; white-space: nowrap; }
.vd-bekleyen-tablo .vd-kol-musteri { overflow: hidden; text-overflow: ellipsis; }
.am-fis-kart { max-width: calc(100vw - 32px); box-sizing: border-box; }

/* TCMB efektif satis ayarlari */
.dk-sayfa { max-width: 1160px; margin: 20px auto; padding: 0 16px 48px; display: grid; gap: 16px; }
.dk-kart { background: var(--win-surface); border: 1px solid var(--win-border); border-radius: 12px; padding: 20px; box-shadow: var(--win-shadow-card); }
.dk-ust { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.dk-kart h1 { font-size: 20px; margin: 0 0 8px; }
.dk-kart h2 { font-size: 17px; margin: 0 0 6px; }
.dk-kart p { margin: 6px 0; }
.dk-aciklama { color: var(--win-text-secondary); font-size: 12px; line-height: 1.6; }
.dk-durum { padding: 12px 16px; border: 1px solid var(--win-border); border-radius: 8px; background: var(--win-surface-alt); font-size: 12px; }
.dk-durum--hata { border-color: #dc2626; }
.dk-ozet { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.dk-deger { display: block; font-size: 25px; font-variant-numeric: tabular-nums; padding: 9px 0; }
.dk-secim { display: grid; gap: 5px; min-width: 240px; }
.dk-secim label { font-size: 12px; font-weight: 700; }
.dk-secim select { height: 36px; border: 1px solid var(--win-border); border-radius: 7px; background: var(--win-surface); color: var(--win-text); padding: 0 10px; }
.dk-grafik { width: 100%; margin: 16px 0; overflow-x: auto; }
.dk-grafik svg { display: block; width: 100%; min-width: 560px; height: auto; }
.dk-grid { stroke: var(--win-border); stroke-width: 1; }
.dk-eksen { fill: var(--win-text-secondary); font-size: 12px; }
.dk-cizgi { fill: none; stroke: var(--win-accent); stroke-width: 2.5; }
.dk-nokta { fill: var(--win-accent); }
.dk-bos { padding: 40px 20px; text-align: center; color: var(--win-text-secondary); }
.dk-tablo-sarma { overflow-x: auto; }
.dk-tablo { width: 100%; border-collapse: collapse; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.dk-tablo th,.dk-tablo td { border-bottom: 1px solid var(--win-border); padding: 11px 12px; text-align: left; white-space: nowrap; }
.dk-tablo th { background: var(--win-surface-alt); color: var(--win-text-secondary); }
.dk-tablo th:nth-child(2),.dk-tablo td:nth-child(2),.dk-tablo th:nth-child(3),.dk-tablo td:nth-child(3) { text-align: right; }
@media (max-width: 680px) { .dk-ozet { grid-template-columns: 1fr; } .dk-secim { width: 100%; } .dk-deger { font-size: 22px; } }

/* Standart Form, Kod Alani ve Arama Büyüteç Bilesenleri (Cari, Stok, Fatura) */
.ds-form-alan { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.ds-form-alan label, .ds-form-label { font-size: 12px; font-weight: 700; color: var(--win-text-secondary); text-transform: uppercase; letter-spacing: 0.5px; }
.ds-input { height: 36px; border: 1px solid var(--win-border-strong, #cbd5e1); border-radius: 8px; padding: 0 12px; background: var(--win-surface); color: var(--win-text); font-size: 13px; font-weight: 600; box-sizing: border-box; width: 100%; margin: 0; line-height: 34px; outline: none; transition: border-color 0.15s, box-shadow 0.15s; }
.ds-input:focus { border-color: var(--win-border-strong); box-shadow: 0 0 0 2px color-mix(in srgb, var(--win-text) 12%, transparent); }
.ds-input-kod, .ds-input.kod { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-weight: 750; font-size: 13px; }
.ds-arama-kutu { position: relative; width: 100%; min-width: 0; display: block; box-sizing: border-box; }
.ds-arama-kutu input, .ds-arama-kutu .ds-input, .ds-arama-kutu .cr-input, .ds-arama-kutu .st-input, .ds-arama-kutu .gf-input { width: 100%; box-sizing: border-box; padding-right: 44px !important; }
.ds-arama-btn, .ds-input-btn { position: absolute; right: 4px; top: 4px; height: 28px; width: 28px; min-width: 28px; max-width: 28px; padding: 0; border-radius: 6px; border: 1px solid var(--win-border-strong, #cbd5e1); background: var(--win-surface-alt, #f8fafc); color: var(--win-text, #0f172a); font-size: 12.5px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: all 0.15s ease; box-sizing: border-box; margin: 0; line-height: 1; z-index: 2; }
.ds-arama-btn svg, .ds-input-btn svg { display: block; flex-shrink: 0; }
.ds-arama-btn:hover, .ds-input-btn:hover { background: var(--win-surface); border-color: var(--win-accent, #2563eb); color: var(--win-accent, #2563eb); box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.ds-arama-btn.vurgulu, .ds-input-btn.vurgulu { background: color-mix(in srgb, var(--win-accent, #2563eb) 10%, var(--win-surface, #ffffff)); border-color: color-mix(in srgb, var(--win-accent, #2563eb) 45%, transparent); color: var(--win-accent, #2563eb); }
.ds-arama-btn.vurgulu:hover, .ds-input-btn.vurgulu:hover { background: var(--win-accent, #2563eb); color: #ffffff; border-color: var(--win-accent, #2563eb); }


/* ALIS_GIRIS_YERLESIM_20260915: ortak bilesen kaynagi */

  .gf-sayfa { display: flex; flex-direction: column; gap: 12px; padding-bottom: 60px; }
  .gf-kart {
    background: var(--win-surface); border: 1px solid var(--win-border);
    border-radius: 10px; box-shadow: var(--win-shadow-card);
    padding: 14px 16px;
  }
  .gf-satir { display: flex; gap: 12px; flex-wrap: wrap; align-items: flex-end; }
  .gf-alan { display: flex; flex-direction: column; gap: 5px; }
  .gf-alan label { font-size: 12px; font-weight: 600; color: var(--win-text-soft, #64748b); }
  .gf-input {
    padding: 7px 10px; border-radius: 8px; border: 1px solid var(--win-border);
    background: var(--win-bg, #fff); color: var(--win-text); font-size: 13px;
    height: 34px; box-sizing: border-box;
  }
  .gf-genis { width: 320px; }
  .gf-orta  { width: 190px; }
  .gf-dar   { width: 110px; }
  .gf-flex-urun { flex: 2; min-width: 260px; }
  .gf-w-mik { width: 90px; }
  .gf-w-fyt { width: 130px; }
  .gf-w-isk { width: 85px; }
  .gf-w-kdv { width: 80px; }
  .gf-w-net { width: 110px; }
  .gf-w-skt { width: 160px; }
  .gf-sag   { text-align: right; }
  
  .gf-gosterge {
    height: 34px; padding: 7px 10px; border-radius: 8px; border: 1px solid var(--win-border);
    background: var(--win-surface-alt); color: var(--win-text); font-size: 13px; font-weight: 700;
    box-sizing: border-box; display: flex; align-items: center; justify-content: flex-end;
    font-variant-numeric: tabular-nums;
  }

  .gf-ara-sarma { position: relative; }
  .gf-oneri {
    position: absolute; z-index: 40; top: 100%; left: 0; width: 460px; max-height: 280px;
    overflow-y: auto; background: var(--win-surface); border: 1px solid var(--win-border);
    border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,0.12); margin-top: 4px;
  }
  .gf-oneri div { padding: 8px 12px; cursor: pointer; font-size: 13px; border-bottom: 1px solid var(--win-border); }
  .gf-oneri div:last-child { border-bottom: none; }
  .gf-oneri div:hover, .gf-oneri div.secili { background: var(--win-hover, #f1f5f9); }
  .gf-oneri .gf-kod { font-family: ui-monospace, monospace; font-size: 11px; color: var(--win-text-soft, #64748b); }

  /* Tablo ve Sütun Düzeni */
  .gf-tablo-kart { padding: 0; overflow: hidden; }
  .gf-tablo-sarma { overflow-x: auto; width: 100%; }
  .gf-tablo { width: 100%; border-collapse: collapse; font-size: 12.5px; white-space: nowrap; }
  .gf-tablo th {
    text-align: left; padding: 10px 12px; font-size: 11px; text-transform: uppercase;
    letter-spacing: .04em; color: var(--win-text-soft, #64748b);
    border-bottom: 1px solid var(--win-border); background: var(--win-surface-alt);
    line-height: 1.3;
  }
  .gf-tablo th small { text-transform: none; font-size: 10px; opacity: 0.8; }
  .gf-tablo td { padding: 9px 12px; border-bottom: 1px solid var(--win-border); }
  .gf-tablo tbody tr:hover { background: var(--win-hover, rgba(0,0,0,0.02)); }
  .gf-tablo .gf-sag { text-align: right; }
  .gf-tablo .gf-orta-hiza { text-align: center; }
  .gf-bos { padding: 32px; text-align: center; color: var(--win-text-soft, #64748b); font-size: 13px; }
  .gf-sil {
    border: none; background: transparent; cursor: pointer; font-size: 15px;
    color: var(--win-danger, #dc2626); padding: 2px 6px; border-radius: 4px;
  }
  .gf-sil:hover { background: rgba(220, 38, 38, 0.1); }
  
  .gf-col-sira  { width: 45px; text-align: center; }
  .gf-col-kod   { width: 140px; font-family: ui-monospace, monospace; font-size: 11.5px; }
  .gf-col-ad    { min-width: 220px; max-width: 340px; white-space: normal; }
  .gf-col-mik   { width: 85px; }
  .gf-col-fyt   { width: 105px; }
  .gf-col-isk   { width: 80px; }
  .gf-col-isktut{ width: 105px; }
  .gf-col-kdv   { width: 75px; }
  .gf-col-net   { width: 115px; }
  .gf-col-matrah{ width: 125px; }
  .gf-col-kdvtut{ width: 105px; }
  .gf-col-toplam{ width: 125px; font-weight: 700; }
  .gf-col-islem { width: 45px; text-align: center; }

  /* Alt Özet ve Resim 2 Düzeni */
  .gf-alt-panel {
    display: flex; justify-content: space-between; align-items: flex-start;
    gap: 16px; flex-wrap: wrap;
  }
  .gf-alt-sol { display: flex; flex-direction: column; gap: 14px; flex: 1; min-width: 280px; }
  .gf-alt-bilgi {
    display: flex; align-items: center; gap: 20px; font-size: 14px;
  }
  .gf-alt-bilgi b { font-size: 18px; color: var(--win-accent, #0284c7); }
  .gf-alt-butonlar { display: flex; gap: 8px; flex-wrap: wrap; }
  
  /* Resim 2 Birebir Fatura Özet Kutusu */
  .gf-ozet-karti {
    width: 360px; display: flex; flex-direction: column; gap: 6px;
    padding: 14px 16px; background: var(--win-surface);
  }
  .gf-ozet-satir {
    display: flex; justify-content: space-between; align-items: center;
    font-size: 13.5px; line-height: 1.5; color: var(--win-text);
  }
  .gf-ozet-etiket { color: var(--win-text-soft, #64748b); font-weight: 600; }
  .gf-ozet-deger { font-weight: 700; font-variant-numeric: tabular-nums; text-align: right; }
  .gf-ozet-vurgu {
    border-top: 1px solid var(--win-border); padding-top: 6px; margin-top: 4px;
    font-size: 14px; font-weight: 800;
  }
  .gf-ozet-vurgu .gf-ozet-etiket { color: var(--win-text); }
  .gf-ozet-odenecek {
    font-size: 15px; color: var(--win-accent, #0284c7);
  }
  .gf-ozet-odenecek .gf-ozet-etiket { color: var(--win-accent, #0284c7); }

  .gf-uyari {
    padding: 10px 14px; border-radius: 10px; font-size: 13px;
    background: rgba(220, 38, 38, .10); color: var(--win-danger, #dc2626);
  }
  .gf-tamam {
    padding: 10px 14px; border-radius: 10px; font-size: 13px;
    background: rgba(220, 38, 38, 0); color: var(--win-success, #16a34a);
    border: 1px solid rgba(22, 163, 74, 0.3); background: rgba(22, 163, 74, 0.08);
  }
  .gf-tarih { width: 155px; }

  /* Üst Gezinme & Başlık Alanı */
  .gf-girdi-grup { display: inline-flex; align-items: stretch; position: relative; }
  .gf-belge-grup input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; }
  .gf-btn-simge {
    height: 34px; padding: 0 10px; border-radius: 0 8px 8px 0; border: 1px solid var(--win-border);
    background: var(--win-surface-alt); color: var(--win-text); font-size: 13px; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
  }
  .gf-btn-simge:hover { background: var(--win-hover, #f1f5f9); }
  .gf-btn-belge {
    height: 34px; padding: 0 10px; border-radius: 0 8px 8px 0; border: 1px solid var(--win-border);
    background: var(--win-surface-alt); color: var(--win-accent, #0284c7); font-size: 11.5px; font-weight: 700;
    cursor: pointer; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; box-sizing: border-box;
  }
  .gf-btn-belge:hover { background: var(--win-hover, #f1f5f9); }
  .gf-cari-kod { width: 125px; font-family: ui-monospace, monospace; font-weight: 700; }
  .gf-cari-unvan { width: 250px; }
  .gf-belge { width: 175px; font-family: ui-monospace, monospace; font-weight: 700; }
  .gf-belge-oneri { width: 500px; max-height: 340px; }
  .gf-belge-satir { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 12px; cursor: pointer; border-bottom: 1px solid var(--win-border); }
  .gf-belge-satir:last-child { border-bottom: none; }
  .gf-belge-satir:hover, .gf-belge-satir.secili { background: var(--win-hover, #f1f5f9); }
  .gf-belge-sol { display: flex; flex-direction: column; gap: 2px; }
  .gf-belge-sag { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
  .gf-belge-rozet { font-size: 10.5px; font-weight: 700; padding: 2px 7px; border-radius: 4px; display: inline-block; }
  .gf-belge-rozet.efatmas, .gf-belge-rozet.efat { background: #dcfce7; color: #15803d; }
  .gf-belge-rozet.fatura, .gf-belge-rozet.fatuirs { background: #e0f2fe; color: #0369a1; }
  .gf-belge-rozet.irsaliye { background: #fef3c7; color: #b45309; }
  .gf-belge-rozet.belge { background: #f1f5f9; color: #475569; }
  .gf-belge-tutar { font-weight: 700; font-size: 13px; color: var(--win-text); font-variant-numeric: tabular-nums; }
  .gf-bos-uyari { color: var(--win-text-soft, #64748b); }
  .gf-ipucu { margin: 10px 0 0; font-size: 12px; color: var(--win-text-soft, #64748b); }
  .gf-kalem-rozet { font-size: 10px; font-weight: 700; padding: 1px 5px; border-radius: 3px; background: #e2e8f0; color: #334155; }
  .gf-rozet-yeni { font-size: 10.5px; font-weight: 700; padding: 2px 6px; border-radius: 4px; background: #fef3c7; color: #b45309; margin-left: 6px; display: inline-block; }

  /* Koli / Ağaç Rozeti ve Butonları */
  .gf-rozet-koli {
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    background: #dcfce7;
    color: #15803d;
    border: 1px solid #86efac;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 6px;
  }
  .gf-koli-butonlar {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    flex-wrap: wrap;
  }
  .gf-btn-koli-parcala {
    background: #16a34a !important;
    color: #ffffff !important;
    border-color: #15803d !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
  }
  .gf-btn-koli-parcala:hover {
    background: #15803d !important;
  }
  .gf-btn-koli-tanim {
    font-size: 11px !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
  }

  /* Koli Tanımlama Modalı */
  .gf-koli-modal {
    width: min(850px, calc(100vw - 32px)) !important;
    max-height: 90vh !important;
    padding: 0 !important;
    border: 1px solid var(--win-border-strong, #cbd5e1) !important;
    border-radius: 14px !important;
    background: var(--win-surface, #ffffff) !important;
    color: var(--win-text, #0f172a) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.45) !important;
    display: none;
    flex-direction: column !important;
    overflow: hidden !important;
    z-index: 10001 !important;
    box-sizing: border-box !important;
  }
  .gf-koli-modal[open] { display: flex !important; }
  .gf-koli-modal::backdrop {
    background: rgba(15, 23, 42, 0.75) !important;
    backdrop-filter: blur(4px) !important;
  }
  .gf-koli-modal__ust {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 20px !important;
    background: var(--win-surface-alt, #f8fafc) !important;
    border-bottom: 1px solid var(--win-border, #e2e8f0) !important;
  }
  .gf-koli-modal__govde {
    padding: 16px 20px !important;
    overflow-y: auto !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }
  .gf-koli-modal__alt {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 20px !important;
    background: var(--win-surface-alt, #f8fafc) !important;
    border-top: 1px solid var(--win-border, #e2e8f0) !important;
  }
  .gf-koli-ozet-kutu {
    padding: 10px 14px;
    background: var(--win-surface-alt, #f8fafc);
    border: 1px solid var(--win-border, #cbd5e1);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
  }
  .gf-koli-tur-secim {
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
  }
  .gf-koli-tur-secim label {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
  }
  .gf-koli-tablo-sarma {
    border: 1px solid var(--win-border, #cbd5e1);
    border-radius: 8px;
    overflow: hidden;
  }
  .gf-koli-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
  }
  .gf-koli-tablo th {
    background: var(--win-surface-alt, #f8fafc);
    padding: 8px 10px;
    font-weight: 700;
    text-align: left;
    border-bottom: 1px solid var(--win-border, #cbd5e1);
    color: var(--win-text-soft, #64748b);
  }
  .gf-koli-tablo td {
    padding: 6px 10px;
    border-bottom: 1px solid var(--win-border, #cbd5e1);
  }
  .gf-koli-tablo input {
    width: 100%;
    padding: 5px 8px;
    border: 1px solid var(--win-border, #cbd5e1);
    border-radius: 6px;
    font-size: 12.5px;
    box-sizing: border-box;
  }
  .gf-koli-tablo input:focus {
    outline: 2px solid var(--win-accent, #2563eb);
    outline-offset: -1px;
  }
  .gf-koli-bilgi-notu {
    font-size: 12px;
    color: var(--win-text-soft, #64748b);
    line-height: 1.4;
  }
  .gf-btn-koli-toplu {
    background: #16a34a !important;
    color: #ffffff !important;
    border-color: #15803d !important;
    font-weight: 700 !important;
  }
  .gf-btn-koli-toplu:hover {
    background: #15803d !important;
  }
  .gf-koli-th-sira { width: 32px; }
  .gf-koli-th-kod { width: 170px; }
  .gf-koli-th-sayi { width: 90px; text-align: right; }
  .gf-koli-th-sil { width: 36px; }
  .gf-koli-arac-satir { display: flex; justify-content: space-between; align-items: center; }
  .gf-koli-alt-sag { display: flex; gap: 8px; }
  .gf-gizli { display: none !important; }
  .gf-rozet-oneri {
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 6px;
  }
  .gf-btn-koli-oneri {
    background: #2563eb !important;
    color: #ffffff !important;
    border-color: #1d4ed8 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
  }
  .gf-btn-koli-oneri:hover {
    background: #1d4ed8 !important;
  }
  .gf-koli-carpanlar {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 600;
    color: var(--win-text-soft, #64748b);
  }
  .gf-btn-carpan {
    padding: 3px 8px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
  }

/* Alış giriş alanlarının aynı çizgide ve ekran genişliğine uyumlu yerleşimi. */
.gf-master-grid { display: grid; grid-template-columns: minmax(140px, .6fr) minmax(150px, .8fr) minmax(240px, 1.5fr) minmax(190px, 1fr) minmax(130px, .55fr) minmax(120px, .55fr) 150px; gap: 12px; align-items: end; }
.gf-entry-grid { display: grid; grid-template-columns: minmax(270px, 1fr) 90px 145px 85px 80px 120px auto; gap: 12px; align-items: end; }
.gf-master-grid .gf-alan, .gf-entry-grid .gf-alan { min-width: 0; width: auto; }
.gf-sayfa .gf-alan label { font-size: 12px; font-weight: 700; color: var(--win-text-secondary); text-transform: uppercase; letter-spacing: .5px; }
.gf-sayfa .gf-input { height: 36px; width: 100%; min-width: 0; border: 1px solid var(--win-border-strong); border-radius: 8px; background: var(--win-surface); padding: 0 12px; font-size: 13px; font-weight: 600; }
.gf-sayfa .gf-input:read-only, .gf-sayfa .gf-input:disabled { background: var(--win-surface-alt, #f1f5f9); color: var(--win-text-secondary); cursor: default; }
.gf-sayfa .gf-gosterge { height: 36px; }
.gf-sayfa .gf-girdi-grup { width: 100%; min-width: 0; }
.gf-sayfa .ds-arama-kutu { position: relative; width: 100%; display: block; box-sizing: border-box; }
.gf-sayfa .ds-arama-kutu .gf-input { width: 100% !important; padding-right: 44px !important; box-sizing: border-box !important; }
.gf-sayfa .ds-arama-kutu .ds-arama-btn { position: absolute; right: 4px; top: 4px; height: 28px; width: 28px; z-index: 2; }
.gf-sayfa .gf-cari-kod, .gf-sayfa .gf-belge { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-weight: 750; }
.gf-sayfa .gf-entry-actions { display: flex; flex-direction: row; align-items: center; gap: 8px; height: 36px; }
.gf-entry-actions .ds-btn { white-space: nowrap; }
.gf-sayfa .gf-ipucu { margin-top: 8px; }
.gf-kdv-dahil-secim { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; font-size: 13px; font-weight: 700; color: var(--win-text-secondary); cursor: pointer; }
.gf-kdv-dahil-secim input { width: 16px; height: 16px; margin: 0; }
.gf-koli-tur-secim { flex-wrap: wrap; }
.gf-koli-tur-secim input[type="radio"] { width: 16px; height: 16px; margin: 0; }
.gf-koli-tablo-sarma { overflow-x: auto; }
.gf-koli-tablo { min-width: 650px; }
.gf-koli-tablo .ds-arama-kutu input { padding-right: 44px; height: 36px; }
.gf-koli-modal__ust .gf-kart-modal__baslik { flex: 1; }
.gf-koli-arac-satir, .gf-koli-modal__alt, .gf-koli-alt-sag { gap: 8px; flex-wrap: wrap; }
.gf-koli-modal .gf-gizli, .gf-sayfa .gf-gizli { display: none !important; }
.gf-koli-modal .gf-koli-tablo input { background: var(--win-surface); color: var(--win-text); }
@media (max-width: 1400px) {
  .gf-master-grid { grid-template-columns: minmax(180px, 1fr) minmax(150px, 1fr) minmax(240px, 1.5fr); }
  .gf-entry-grid { grid-template-columns: minmax(260px, 1fr) 90px 145px 85px 80px 120px; }
  .gf-entry-actions { grid-column: 1 / -1; justify-content: flex-end; }
}
@media (max-width: 900px) {
  .gf-master-grid, .gf-entry-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gf-entry-grid .gf-w-urun { grid-column: 1 / -1; }
  .gf-ozet-karti { width: 100%; box-sizing: border-box; }
  .gf-koli-modal__ust, .gf-koli-modal__govde, .gf-koli-modal__alt { padding: 12px !important; }
}