/* ===========================================================================
   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-pencere-bosluk: 6px;   /* STANDART: pencerede (gömülü) açılan her sayfanın kenar boşluğu; bkz. CLAUDE.md "Pencere kenar boşluğu" */
  --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__global { display: flex; align-items: center; gap: 4px; }
.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: 90px;
  opacity: 1;
  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: 6px;
  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 h3 { margin: var(--ds-bosluk-3) 0 6px; font-size: 13px; font-weight: 800; color: var(--win-text-secondary); text-transform: uppercase; letter-spacing: .4px; }
.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, .od-modal-kapat, .mz-pbaslik button, .pnc-dugme.kapat, .bnk-modal-kapat, .bh-modal-kapat, .dp-modal-kapat, .mus-modal-kapat, .gs-modal-kapat {
  width: 28px;
  height: 28px;
  border: 1px solid var(--win-border);
  border-radius: 8px;
  background: var(--win-surface-alt);
  color: var(--win-text-secondary);
  font-size: 0;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: all 0.15s ease;
}
.dialog-kapat::before, .modal-kapat::before, .ds-modal-kapat::before, .od-modal-kapat::before, .mz-pbaslik button::before, .pnc-dugme.kapat::before, .bnk-modal-kapat::before, .bh-modal-kapat::before, .dp-modal-kapat::before, .mus-modal-kapat::before, .gs-modal-kapat::before {
  content: "";
  width: 13px;
  height: 13px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;
  flex: 0 0 auto;
}
.dialog-kapat:hover, .modal-kapat:hover, .ds-modal-kapat:hover, .od-modal-kapat:hover, .mz-pbaslik button:hover, .pnc-dugme.kapat:hover, .bnk-modal-kapat:hover, .bh-modal-kapat:hover, .dp-modal-kapat:hover, .mus-modal-kapat:hover, .gs-modal-kapat:hover {
  background: var(--win-critical-bg, #fee2e2);
  border-color: var(--win-critical-fg, #dc2626);
  color: var(--win-critical-fg, #dc2626);
}

.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; }
/* [29-09-2026] Pencere (iframe) içinde açıldığında pencerenin kendisi çerçevedir: iç içe ikinci modal + kendi × düğmesi çizilmez
   (× eskiden /aktarim-merkezi'ni pencerenin içine yüklüyordu). */
.ds-sayfa--gomulu .zt-ortu { position: static; background: none; padding: 0; overflow: visible; z-index: auto; }
.ds-sayfa--gomulu .zt-modal { border: 0; border-radius: 0; box-shadow: none; width: 100%; max-height: none; overflow: visible; }
.ds-sayfa--gomulu .zt-modal-baslik { display: none; }
.ds-sayfa--gomulu .zt-modal-govde { overflow: visible; }
.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; }
/* [26-09-2026] Üst panel sayfa kayarken sabit: genel üst barın (52px) hemen altında; gömülü pencerede en üstte. */
.akt-ust-cubuk { position: sticky; top: 52px; z-index: 20; box-shadow: 0 6px 16px rgba(0, 0, 0, .08); }
.ds-sayfa--gomulu .akt-ust-cubuk { top: 0; }
.akt-ajan-rozet[hidden] { display: none; }
.akt-konsol { display: flex; flex-direction: column; gap: 4px; }
.akt-konsol__baslik { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; color: var(--win-text-secondary); }
.akt-konsol .akt-log-kutusu { max-height: 72px; }
.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;
  min-height: 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;
}
/* Üst bar rozetleri sayfaların genel .bos / .aktif kurallarına yenilmesin (POS'ta .bos rozeti 170px şeride çeviriyordu, 24-09-2026) */
.am-fis-kapsayici .am-fis-rozet { height: 19px; min-height: 19px; max-height: 19px; padding: 0 5px; flex-direction: row; }
.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-mesaj-kart { width: 380px; }
/* Öne açılan sayfa penceresi (iframe) — ilk kullanım: Mesajlar (static/mesaj_bildirim.js) [24-09-2026] */
.ds-pencere-masa { position: fixed; inset: 0; z-index: 20000; background: rgba(15, 23, 42, .45); display: flex; align-items: center; justify-content: center; padding: 16px; }
.ds-pencere { width: min(1100px, 100%); height: min(760px, 100%); background: var(--win-surface); border: 1px solid var(--win-border); border-radius: 12px;
  box-shadow: var(--win-shadow-card-hover); display: flex; flex-direction: column; overflow: hidden; }
.ds-pencere__baslik { display: flex; align-items: center; gap: 8px; padding: 8px 10px 8px 14px; border-bottom: 1px solid var(--win-border); font-weight: 800; font-size: 14px; }
.ds-pencere__baslik > span { flex: 1; min-width: 0; }
.ds-pencere iframe { flex: 1; width: 100%; border: 0; background: var(--win-bg); }
.ds-ortala { position: fixed; inset: 0; overflow: auto; display: flex; padding: 20px; box-sizing: border-box; }
.ds-ortala__icerik { margin: auto; width: min(760px, 100%); }
body:not(.ds-sayfa--gomulu) .ds-ortala { position: static; padding: 0; }
html:has(.ds-sayfa--gomulu .ds-ortala), .ds-sayfa--gomulu:has(.ds-ortala) { overflow: hidden; }
/* Bağlantı Ayarları merkezi [24-09-2026] */
.mz-kart.mz-baglanti-kart { min-height: 224px; }
.mz-baglanti-kart .mz-aciklama { min-height: 35px; }
.mz-baglanti-bilgi { width: 100%; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--win-border);
  color: var(--win-text-secondary); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 11px; line-height: 1.35; text-align: center; overflow-wrap: anywhere; }
.mz-baglanti-kart .mz-durum--iyi { color: var(--win-success-fg); background: var(--win-success-bg); border-color: color-mix(in srgb, var(--win-success-fg) 18%, transparent); }
.mz-baglanti-kart .mz-durum--eksik { color: var(--win-caution-fg); background: var(--win-caution-bg); border-color: color-mix(in srgb, var(--win-caution-fg) 18%, transparent); }
.mz-baglanti-ikincil { position: relative; z-index: 1; margin-top: 10px; }
.ds-baglanti-sonuc { margin-top: 12px; }
/* POS satış ekranı: önizleme kartı hiç görünmez, sıfır sayısı gizli (24-09-2026) */
.am-fis-kapsayici[data-onizleme="0"] .am-fis-kart { display: none !important; }
.am-fis-rozet[hidden] { display: none !important; }
.am-mesaj-kart .am-fis-kart__liste { max-height: 420px; }
.am-mesaj-oge { display: block; padding: 8px 10px; background: var(--win-surface-alt); border: 1px solid var(--win-border); border-radius: 8px;
  text-decoration: none; color: var(--win-text); }
.am-mesaj-oge:hover { border-color: var(--win-accent); background: var(--win-surface); }
.am-mesaj-oge--yeni { border-left: 3px solid var(--win-accent); background: var(--win-surface); }
.am-mesaj-oge__ust { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; color: var(--win-text-secondary); margin-bottom: 3px; }
.am-mesaj-oge__ust strong { color: var(--win-text); font-size: 12px; }
.am-mesaj-oge__metin { font-size: 12.5px; line-height: 1.4; white-space: pre-wrap; word-break: break-word;
  display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.am-mesaj-oge__dosya { font-size: 11.5px; color: var(--win-text-secondary); margin-top: 2px; }
.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: 8px;
  background: transparent;
  color: var(--win-text-secondary);
  font-size: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
}
.pos-modal-kapat-btn::before {
  content: "";
  width: 14px;
  height: 14px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;
}

.pos-modal-kapat-btn:hover {
  border-color: var(--win-critical-fg, #dc2626);
  background: var(--win-critical-bg, #fee2e2);
  color: var(--win-critical-fg, #dc2626);
}

.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;
  }
  /* [24-09-2026] Tıklanabilir özet kartı (düğme): kart görünümü korunur, filtreli listeyi açar */
  .etc-kpi-kart--tik { display: block; width: 100%; text-align: left; font: inherit; color: inherit; cursor: pointer; }
  .etc-kpi-kart--tik:hover { border-color: var(--win-accent, var(--win-border)); }
  .etc-kpi-kart--tik:focus-visible { outline: 2px solid var(--win-accent, currentColor); outline-offset: 2px; }
  .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; }
/* ===== STANDART: ikonlu girdi (arama / göz / seçici) — bkz. CLAUDE.md > UI standartları ===== */
.ds-arama-kutu, .ds-ikonlu-girdi { position: relative; width: 100%; min-width: 0; display: block; box-sizing: border-box; }
.ds-ikonlu-girdi > input, .ds-ikonlu-girdi > .ds-input, .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, .ds-ikon-btn { position: absolute; right: 6px; top: 0; bottom: 0; margin: auto 0; height: 24px; width: 24px; min-width: 24px; max-width: 24px; 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; 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: 62px; }
  .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; }
/* [05-10-2026] Alış giriş satırı. 1. satır: ürün ara (geniş), miktar, D.Tip, döviz fiyat, kur, TL birim fiyat, isk.1-3, KDV, TUTAR (son sütun).
   2. satır: depo, irsaliye no (henüz pasif), eldeki toplam, depo bakiyesi; sağda eylem düğmeleri. Etiketler kutunun üstünde ORTALI. */
.gf-entry-grid { display: grid; grid-template-columns: minmax(180px, 600px) 76px 78px 100px 90px 120px 68px 68px 68px 80px 130px; gap: 12px; align-items: end; }
.gf-entry-grid .gf-alan label, .gf-entry-alt .gf-alan label { text-align: center; }
.gf-sayfa .gf-alan[hidden], .gf-entry-grid .gf-alan[hidden] { display: none; }
.gf-entry-grid .gf-w-skt { grid-column: 1 / -1; max-width: 260px; }
.gf-entry-alt { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; margin-top: 14px; }
.gf-entry-alt .gf-w-depokod { width: 240px; }
.gf-entry-alt .gf-w-irs { width: 170px; }
.gf-entry-alt .gf-w-stok { width: 120px; }
.gf-entry-alt .gf-entry-actions { margin-left: auto; }
.gf-entry-alt .gf-gosterge { display: flex; align-items: center; justify-content: flex-end; padding: 0 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.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: 6px; top: 0; bottom: 0; margin: auto 0; height: 24px; width: 24px; 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: 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; }
/* [29-09-2026] Pencere (iframe) içinde açıldığında pencerenin kendisi çerçevedir: iç içe ikinci modal + kendi × düğmesi çizilmez
   (× eskiden /aktarim-merkezi'ni pencerenin içine yüklüyordu). */
.ds-sayfa--gomulu .zt-ortu { position: static; background: none; padding: 0; overflow: visible; z-index: auto; }
.ds-sayfa--gomulu .zt-modal { border: 0; border-radius: 0; box-shadow: none; width: 100%; max-height: none; overflow: visible; }
.ds-sayfa--gomulu .zt-modal-baslik { display: none; }
.ds-sayfa--gomulu .zt-modal-govde { overflow: visible; }
.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; }
/* [26-09-2026] Üst panel sayfa kayarken sabit: genel üst barın (52px) hemen altında; gömülü pencerede en üstte. */
.akt-ust-cubuk { position: sticky; top: 52px; z-index: 20; box-shadow: 0 6px 16px rgba(0, 0, 0, .08); }
.ds-sayfa--gomulu .akt-ust-cubuk { top: 0; }
.akt-ajan-rozet[hidden] { display: none; }
.akt-konsol { display: flex; flex-direction: column; gap: 4px; }
.akt-konsol__baslik { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; color: var(--win-text-secondary); }
.akt-konsol .akt-log-kutusu { max-height: 72px; }
.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;
  min-height: 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;
}
/* Üst bar rozetleri sayfaların genel .bos / .aktif kurallarına yenilmesin (POS'ta .bos rozeti 170px şeride çeviriyordu, 24-09-2026) */
.am-fis-kapsayici .am-fis-rozet { height: 19px; min-height: 19px; max-height: 19px; padding: 0 5px; flex-direction: row; }
.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-mesaj-kart { width: 380px; }
/* Öne açılan sayfa penceresi (iframe) — ilk kullanım: Mesajlar (static/mesaj_bildirim.js) [24-09-2026] */
.ds-pencere-masa { position: fixed; inset: 0; z-index: 20000; background: rgba(15, 23, 42, .45); display: flex; align-items: center; justify-content: center; padding: 16px; }
.ds-pencere { width: min(1100px, 100%); height: min(760px, 100%); background: var(--win-surface); border: 1px solid var(--win-border); border-radius: 12px;
  box-shadow: var(--win-shadow-card-hover); display: flex; flex-direction: column; overflow: hidden; }
.ds-pencere__baslik { display: flex; align-items: center; gap: 8px; padding: 8px 10px 8px 14px; border-bottom: 1px solid var(--win-border); font-weight: 800; font-size: 14px; }
.ds-pencere__baslik > span { flex: 1; min-width: 0; }
.ds-pencere iframe { flex: 1; width: 100%; border: 0; background: var(--win-bg); }
.ds-ortala { position: fixed; inset: 0; overflow: auto; display: flex; padding: 20px; box-sizing: border-box; }
.ds-ortala__icerik { margin: auto; width: min(760px, 100%); }
body:not(.ds-sayfa--gomulu) .ds-ortala { position: static; padding: 0; }
html:has(.ds-sayfa--gomulu .ds-ortala), .ds-sayfa--gomulu:has(.ds-ortala) { overflow: hidden; }
/* Bağlantı Ayarları merkezi [24-09-2026] */
.mz-kart.mz-baglanti-kart { min-height: 224px; }
.mz-baglanti-kart .mz-aciklama { min-height: 35px; }
.mz-baglanti-bilgi { width: 100%; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--win-border);
  color: var(--win-text-secondary); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 11px; line-height: 1.35; text-align: center; overflow-wrap: anywhere; }
.mz-baglanti-kart .mz-durum--iyi { color: var(--win-success-fg); background: var(--win-success-bg); border-color: color-mix(in srgb, var(--win-success-fg) 18%, transparent); }
.mz-baglanti-kart .mz-durum--eksik { color: var(--win-caution-fg); background: var(--win-caution-bg); border-color: color-mix(in srgb, var(--win-caution-fg) 18%, transparent); }
.mz-baglanti-ikincil { position: relative; z-index: 1; margin-top: 10px; }
.ds-baglanti-sonuc { margin-top: 12px; }
/* POS satış ekranı: önizleme kartı hiç görünmez, sıfır sayısı gizli (24-09-2026) */
.am-fis-kapsayici[data-onizleme="0"] .am-fis-kart { display: none !important; }
.am-fis-rozet[hidden] { display: none !important; }
.am-mesaj-kart .am-fis-kart__liste { max-height: 420px; }
.am-mesaj-oge { display: block; padding: 8px 10px; background: var(--win-surface-alt); border: 1px solid var(--win-border); border-radius: 8px;
  text-decoration: none; color: var(--win-text); }
.am-mesaj-oge:hover { border-color: var(--win-accent); background: var(--win-surface); }
.am-mesaj-oge--yeni { border-left: 3px solid var(--win-accent); background: var(--win-surface); }
.am-mesaj-oge__ust { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; color: var(--win-text-secondary); margin-bottom: 3px; }
.am-mesaj-oge__ust strong { color: var(--win-text); font-size: 12px; }
.am-mesaj-oge__metin { font-size: 12.5px; line-height: 1.4; white-space: pre-wrap; word-break: break-word;
  display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.am-mesaj-oge__dosya { font-size: 11.5px; color: var(--win-text-secondary); margin-top: 2px; }
.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: 8px;
  background: transparent;
  color: var(--win-text-secondary);
  font-size: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
}
.pos-modal-kapat-btn::before {
  content: "";
  width: 14px;
  height: 14px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3C/svg%3E") center/contain no-repeat;
}

.pos-modal-kapat-btn:hover {
  border-color: var(--win-critical-fg, #dc2626);
  background: var(--win-critical-bg, #fee2e2);
  color: var(--win-critical-fg, #dc2626);
}

.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;
  }
  /* [24-09-2026] Tıklanabilir özet kartı (düğme): kart görünümü korunur, filtreli listeyi açar */
  .etc-kpi-kart--tik { display: block; width: 100%; text-align: left; font: inherit; color: inherit; cursor: pointer; }
  .etc-kpi-kart--tik:hover { border-color: var(--win-accent, var(--win-border)); }
  .etc-kpi-kart--tik:focus-visible { outline: 2px solid var(--win-accent, currentColor); outline-offset: 2px; }
  .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; }
/* ===== STANDART: ikonlu girdi (arama / göz / seçici) — bkz. CLAUDE.md > UI standartları ===== */
.ds-arama-kutu, .ds-ikonlu-girdi { position: relative; width: 100%; min-width: 0; display: block; box-sizing: border-box; }
.ds-ikonlu-girdi > input, .ds-ikonlu-girdi > .ds-input, .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, .ds-ikon-btn { position: absolute; right: 6px; top: 0; bottom: 0; margin: auto 0; height: 24px; width: 24px; min-width: 24px; max-width: 24px; 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; 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-nkod  { width: 130px; 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: 62px; }
  .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; }
/* [05-10-2026] Alış giriş satırı. 1. satır: ürün ara (geniş), miktar, D.Tip, döviz fiyat, kur, TL birim fiyat, isk.1-3, KDV, TUTAR (son sütun).
   2. satır: depo, irsaliye no (henüz pasif), eldeki toplam, depo bakiyesi; sağda eylem düğmeleri. Etiketler kutunun üstünde ORTALI. */
.gf-entry-grid { display: grid; grid-template-columns: minmax(180px, 600px) 76px 78px 100px 90px 120px 68px 68px 68px 80px 130px; gap: 12px; align-items: end; }
.gf-entry-grid .gf-alan label, .gf-entry-alt .gf-alan label { text-align: center; }
.gf-sayfa .gf-alan[hidden], .gf-entry-grid .gf-alan[hidden] { display: none; }
.gf-entry-grid .gf-w-skt { grid-column: 1 / -1; max-width: 260px; }
.gf-entry-alt { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; margin-top: 14px; }
.gf-entry-alt .gf-w-depokod { width: 240px; }
.gf-entry-alt .gf-w-irs { width: 170px; }
.gf-entry-alt .gf-w-stok { width: 120px; }
.gf-entry-alt .gf-entry-actions { margin-left: auto; }
.gf-entry-alt .gf-gosterge { display: flex; align-items: center; justify-content: flex-end; padding: 0 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.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 textarea.gf-input, dialog textarea.gf-input { height: auto; min-height: 220px; padding: 8px 12px; line-height: 1.5; resize: vertical; }
.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: 6px; top: 0; bottom: 0; margin: auto 0; height: 24px; width: 24px; 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); }
}
/* [05-10-2026] Giriş satırı: ürün ara geniş kalır (kalan alanı alır); ancak 1300 px altında ürün ayrı satıra geçer. */
@media (max-width: 1300px) {
  .gf-entry-grid { grid-template-columns: 76px 78px 100px 90px 120px 68px 68px 68px 80px 130px; }
  .gf-entry-grid .gf-w-urun { grid-column: 1 / -1; max-width: 600px; }
}
@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-entry-grid .gf-w-skt { grid-column: 1 / -1; max-width: none; }
  .gf-entry-alt .gf-alan, .gf-entry-alt .gf-w-depokod, .gf-entry-alt .gf-w-irs, .gf-entry-alt .gf-w-stok { width: 100%; }
  .gf-entry-alt .gf-entry-actions { margin-left: 0; }
  .gf-ozet-karti { width: 100%; box-sizing: border-box; }
  .gf-koli-modal__ust, .gf-koli-modal__govde, .gf-koli-modal__alt { padding: 12px !important; }
}

/* ==========================================================================
   Project Darkstar - Servis & Lisans Yönetim Modülü Bileşenleri (.srv-*)
   ========================================================================== */

.srv-sayfa, .srv-panel-govde, .srv-liste-govde, .srv-detay-govde {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.srv-nav-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--win-surface);
  border: 1px solid var(--win-border-strong);
  border-radius: 10px;
  padding: 8px 12px;
  flex-wrap: wrap;
  gap: 10px;
  box-shadow: var(--win-shadow-card, 0 2px 8px rgba(0,0,0,0.04));
}

.srv-nav-linkler {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.srv-nav-link {
  height: 32px;
  padding: 0 14px;
  border-radius: 7px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--win-text-secondary);
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.15s ease;
}

.srv-nav-link:hover {
  background: var(--win-surface-alt);
  color: var(--win-text);
}

.srv-nav-link.aktif {
  background: var(--win-surface-alt);
  border-color: var(--win-border-strong);
  color: var(--win-accent);
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.srv-nav-eylem {
  display: flex;
  align-items: center;
  gap: 8px;
}

.srv-btn-ekle, .srv-btn-yeni {
  height: 32px;
  padding: 0 14px;
  border-radius: 7px;
  font-size: 12.5px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.srv-kartlar-izgara, .srv-metrik-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}

.srv-metrik-kart {
  background: var(--win-surface);
  border: 1px solid var(--win-border-strong);
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: var(--win-shadow-card, 0 2px 8px rgba(0,0,0,0.04));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.srv-metrik-sol {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.srv-metrik-baslik {
  font-size: 11px;
  font-weight: 700;
  color: var(--win-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.srv-metrik-deger {
  font-size: 22px;
  font-weight: 800;
  color: var(--win-text);
  line-height: 1.1;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.srv-metrik-alt {
  font-size: 11.5px;
  color: var(--win-text-secondary);
  font-weight: 500;
}

.srv-metrik-ikon {
  width: 42px;
  height: 42px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
  background: var(--win-surface-alt, #f1f5f9);
  border: 1px solid var(--win-border-strong, #cbd5e1);
  color: var(--win-text, #0f172a);
  filter: grayscale(100%);
}

.srv-ikon-mavi,
.srv-ikon-mor,
.srv-ikon-turuncu,
.srv-ikon-yesil {
  background: var(--win-surface-alt, #f1f5f9) !important;
  border: 1px solid var(--win-border-strong, #cbd5e1) !important;
  color: var(--win-text, #0f172a) !important;
}

.srv-arac-cubugu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--win-surface);
  border: 1px solid var(--win-border-strong);
  border-radius: 10px;
  padding: 10px 14px;
  flex-wrap: wrap;
  gap: 12px;
  box-shadow: var(--win-shadow-card, 0 2px 8px rgba(0,0,0,0.04));
}

.srv-filtre-grup {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 280px;
}

.srv-filtre-etiket {
  font-size: 12px;
  font-weight: 700;
  color: var(--win-text-secondary);
  text-transform: uppercase;
  white-space: nowrap;
}

.srv-filtre-select {
  flex: 1;
  height: 36px;
  border: 1px solid var(--win-border-strong);
  border-radius: 8px;
  padding: 0 10px;
  background: var(--win-surface);
  color: var(--win-text);
  font-size: 13px;
  font-weight: 600;
}

.srv-arama-sarma {
  min-width: 300px;
  flex: 1;
  max-width: 480px;
}

.srv-lisans-serit {
  background: var(--win-surface);
  border: 1px solid var(--win-border-strong);
  border-left: 4px solid var(--win-accent);
  border-radius: 10px;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: var(--win-shadow-card, 0 2px 8px rgba(0,0,0,0.04));
}

.srv-lisans-serit-baslik {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  font-weight: 800;
  color: var(--win-text);
  border-bottom: 1px solid var(--win-border);
  padding-bottom: 6px;
}

.srv-etiket-rozet {
  background: color-mix(in srgb, var(--win-accent) 15%, var(--win-surface));
  color: var(--win-accent);
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.5px;
}

.srv-lisans-serit-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.srv-serit-kutu {
  background: var(--win-surface-alt);
  border: 1px solid var(--win-border);
  border-radius: 7px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.srv-serit-etiket {
  font-size: 11px;
  font-weight: 700;
  color: var(--win-text-secondary);
  white-space: nowrap;
}

.srv-serit-deger {
  font-size: 12px;
  font-weight: 750;
  color: var(--win-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.srv-kopyala-mini, .srv-kopyala-btn {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  padding: 2px 4px;
  font-size: 12px;
  color: var(--win-text-secondary);
  transition: all 0.15s ease;
  line-height: 1;
}

.srv-kopyala-mini:hover, .srv-kopyala-btn:hover {
  background: var(--win-surface);
  border-color: var(--win-border-strong);
  color: var(--win-accent);
}

.srv-tablo-sarma, .srv-tablo-kart {
  background: var(--win-surface);
  border: 1px solid var(--win-border-strong);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: var(--win-shadow-card, 0 2px 8px rgba(0,0,0,0.04));
  overflow-x: auto;
}

.srv-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
  text-align: left;
}

.srv-tablo th {
  position: sticky;
  top: 0;
  background: var(--win-surface-alt);
  color: var(--win-text-secondary);
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 8px 10px;
  border-bottom: 2px solid var(--win-border-strong);
  white-space: nowrap;
  z-index: 2;
  vertical-align: middle;
}

.srv-tablo td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--win-border);
  color: var(--win-text);
  vertical-align: middle;
}

.srv-tablo tbody tr:hover {
  background: color-mix(in srgb, var(--win-accent) 5%, var(--win-surface));
}

/* Tablo Sütun Hizalama ve Genişlik Sınıfları */
.srv-col-sira { width: 45px; text-align: center; white-space: nowrap; }
.srv-col-musteri { min-width: 160px; }
.srv-col-terminal { width: 130px; white-space: nowrap; }
.srv-col-bilgisayar { min-width: 120px; }
.srv-col-sube { width: 80px; text-align: center; white-space: nowrap; }
.srv-col-marka { width: 120px; white-space: nowrap; }
.srv-col-seri { width: 130px; text-align: right; white-space: nowrap; }
.srv-col-lisans { width: 75px; text-align: center; white-space: nowrap; }
.srv-col-uzak { min-width: 230px; white-space: nowrap; }
.srv-col-islem { width: 100px; text-align: center; white-space: nowrap; }

.srv-musteri-link {
  color: var(--win-accent);
  text-decoration: none;
  font-size: 12.5px;
  font-weight: 700;
  display: block;
}

.srv-musteri-link:hover {
  text-decoration: underline;
}

.srv-kod-rozet {
  display: inline-block;
  background: var(--win-surface-alt);
  border: 1px solid var(--win-border-strong);
  border-radius: 5px;
  padding: 2px 7px;
  font-weight: 750;
  font-size: 12px;
}

.srv-sube-rozet {
  display: inline-block;
  background: color-mix(in srgb, var(--win-accent) 8%, var(--win-surface));
  color: var(--win-text);
  border: 1px solid var(--win-border);
  border-radius: 5px;
  padding: 2px 6px;
  font-size: 11.5px;
  font-weight: 600;
}

.srv-marka-model {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  white-space: nowrap;
}

.srv-marka-model strong {
  font-size: 12.5px;
  font-weight: 750;
  color: var(--win-text);
}

.srv-marka-model span {
  font-size: 12px;
  color: var(--win-text-secondary);
  font-weight: 600;
}

.srv-kopyalanabilir-kod {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  flex-wrap: nowrap;
}

.srv-col-seri .srv-kopyalanabilir-kod {
  justify-content: flex-end;
  width: 100%;
}

.srv-uzak-bilgi {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  flex-wrap: nowrap;
}

.srv-uzak-etiket {
  font-size: 10px;
  font-weight: 750;
  padding: 1px 6px;
  border-radius: 4px;
  background: var(--win-surface-alt);
  border: 1px solid var(--win-border-strong);
  color: var(--win-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1.3;
  flex-shrink: 0;
}

.srv-lisans-hucre {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.srv-lisans-ad {
  font-size: 11px;
  font-weight: 700;
  color: var(--win-text-secondary);
  text-transform: uppercase;
}

.srv-key-metin {
  font-size: 11.5px;
  font-weight: 750;
  color: var(--win-text);
  letter-spacing: 0.3px;
}

.srv-kucuk-not {
  font-size: 11px;
  color: var(--win-text-secondary);
}

.srv-metin-soluk {
  color: var(--win-text-secondary);
  font-style: italic;
}

.srv-tablo-islem-butonlar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

/* Darkstar Standardı: Gri Zemin Üzerine Siyah/Koyu İkon Butonları */
.srv-tablo-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border-radius: 6px;
  background: var(--win-surface-alt, #f1f5f9);
  border: 1px solid var(--win-border-strong, #cbd5e1);
  color: var(--win-text, #0f172a);
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: all 0.15s ease;
  flex-shrink: 0;
  line-height: 1;
}

.srv-tablo-btn svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
}

.srv-tablo-btn:hover {
  background: var(--win-surface, #ffffff);
  border-color: var(--win-accent, #2563eb);
  color: var(--win-accent, #2563eb);
  transform: translateY(-1px);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}

.srv-mini-btn {
  height: 26px;
  width: 26px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 6px;
  background: var(--win-surface-alt, #f1f5f9);
  border: 1px solid var(--win-border-strong, #cbd5e1);
  color: var(--win-text, #0f172a);
}

.srv-lisans-ikon-grup {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

/* Master Form & Inputs */
.srv-master-kart {
  background: var(--win-surface);
  border: 1px solid var(--win-border-strong);
  border-radius: 10px;
  box-shadow: var(--win-shadow-card, 0 2px 8px rgba(0,0,0,0.04));
  overflow: hidden;
}

.srv-master-baslik {
  padding: 10px 16px;
  background: var(--win-surface-alt);
  border-bottom: 1px solid var(--win-border);
  font-size: 13.5px;
  font-weight: 800;
  color: var(--win-text);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.srv-form-izgara {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 14px;
  padding: 4px 0;
}

@media (max-width: 1100px) {
  .srv-form-izgara {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .srv-form-izgara {
    grid-template-columns: 1fr;
  }
}

.srv-form-grup {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.srv-form-etiket {
  font-size: 11.5px;
  font-weight: 700;
  color: var(--win-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.srv-form-etiket .zorunlu {
  color: #ef4444;
}

.srv-input {
  height: 36px;
  border: 1px solid var(--win-border-strong);
  border-radius: 8px;
  padding: 0 12px;
  background: var(--win-surface);
  color: var(--win-text);
  font-size: 13px;
  font-weight: 600;
  box-sizing: border-box;
}

.srv-input:focus, .srv-textarea:focus {
  outline: none;
  border-color: var(--win-accent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--win-accent) 20%, transparent);
}

.srv-textarea {
  border: 1px solid var(--win-border-strong);
  border-radius: 8px;
  padding: 8px 12px;
  background: var(--win-surface);
  color: var(--win-text);
  font-size: 13px;
  font-weight: 500;
  resize: vertical;
  box-sizing: border-box;
}

.srv-form-tam-satir {
  grid-column: 1 / -1;
}

/* Modal Bileşenleri */
.srv-modal-arkaplan {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}

.srv-modal-kutu {
  background: var(--win-surface);
  border: 1px solid var(--win-border-strong);
  border-radius: 12px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  max-height: 86vh;
  height: auto;
  overflow: hidden;
  width: 100%;
}

.srv-modal-kutu > form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.srv-modal-genis {
  max-width: 1340px;
  width: 95vw;
}

.srv-modal-baslik {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 18px;
  background: var(--win-surface-alt);
  border-bottom: 1px solid var(--win-border);
  font-size: 14px;
  font-weight: 800;
  color: var(--win-text);
  flex-shrink: 0;
}

.srv-modal-kapat {
  background: transparent;
  border: none;
  font-size: 22px;
  font-weight: 700;
  color: var(--win-text-secondary);
  cursor: pointer;
  line-height: 1;
}

.srv-modal-kapat:hover {
  color: var(--win-text);
}

.srv-modal-govde {
  padding: 14px 18px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1 1 auto;
  min-height: 0;
}

.srv-modal-alt {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 18px;
  background: var(--win-surface-alt);
  border-top: 1px solid var(--win-border);
  flex-shrink: 0;
  position: sticky;
  bottom: 0;
  z-index: 10;
}

.srv-col-2 {
  grid-column: span 2;
}

.srv-col-3 {
  grid-column: span 3;
}

/* [17-10-2026] Sol/sağ yarım: çift alanlar (ör. İşletim Sistemi | Ürün Anahtarı) önceki satırın artığına göre kaymaz, hep aynı satırda yan yana durur. */
.srv-col-sol {
  grid-column: 1 / span 2;
}

.srv-col-sag {
  grid-column: 3 / span 2;
}

@media (max-width: 1100px) {
  .srv-col-2, .srv-col-3, .srv-col-sol, .srv-col-sag {
    grid-column: auto;
  }
}

.srv-modal-lisans-bilgi {
  background: var(--win-surface-alt);
  border: 1px solid var(--win-border-strong);
  border-left: 4px solid var(--win-accent);
  border-radius: 8px;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.srv-gizli {
  display: none !important;
}

.srv-kopyalandi {
  color: #10b981 !important;
  transition: color 0.2s ease;
}

/* Lisans Rozet & Popup Bileşenleri */
.srv-lisans-buton-grubu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.srv-lisans-rozet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid var(--win-border-strong);
  background: var(--win-surface-alt);
  color: var(--win-text);
  transition: all 0.15s ease;
  white-space: nowrap;
  line-height: 1.2;
}

.srv-lisans-rozet:hover {
  background: var(--win-surface);
  border-color: var(--win-accent);
  color: var(--win-accent);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}

.srv-rozet--win {
  background: color-mix(in srgb, var(--win-accent) 8%, var(--win-surface));
  border-color: color-mix(in srgb, var(--win-accent) 30%, var(--win-border-strong));
}

.srv-rozet--ofis {
  background: rgba(249, 115, 22, 0.08);
  border-color: rgba(249, 115, 22, 0.3);
}

.srv-lisans-popup-kartlar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

@media (max-width: 1100px) {
  .srv-lisans-popup-kartlar {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 650px) {
  .srv-lisans-popup-kartlar {
    grid-template-columns: 1fr;
  }
}

.srv-popup-kart {
  background: var(--win-surface);
  border: 1px solid var(--win-border-strong);
  border-radius: 10px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

.srv-popup-kart-baslik {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11.5px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--win-text-secondary);
  border-bottom: 1px solid var(--win-border);
  padding-bottom: 6px;
  gap: 6px;
}

.srv-popup-key-sarma {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--win-surface-alt);
  border: 1px solid var(--win-border-strong);
  border-radius: 8px;
  padding: 6px 8px;
  gap: 6px;
  min-height: 38px;
  box-sizing: border-box;
}

.srv-popup-key {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11.5px;
  font-weight: 800;
  color: var(--win-text);
  letter-spacing: 0.3px;
  user-select: all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}

.srv-popup-bilgi-satir {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: var(--win-text);
  gap: 8px;
}

.srv-popup-bilgi-satir span:first-child {
  color: var(--win-text-secondary);
  font-weight: 600;
  font-size: 11.5px;
  white-space: nowrap;
}

.srv-not-alani {
  background: var(--win-surface);
  border: 1px solid var(--win-border-strong);
  border-radius: 8px;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.srv-not-metin {
  font-size: 12.5px;
  color: var(--win-text);
  font-weight: 600;
}

/* Şifre Maskeleme & Göster/Gizle Bileşenleri */
.srv-sifre-maske {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: color-mix(in srgb, var(--win-surface-alt) 80%, var(--win-text) 5%);
  border: 1px dashed var(--win-border-strong);
  border-radius: 4px;
  padding: 1px 6px;
  cursor: pointer;
  user-select: none;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11.5px;
  font-weight: 750;
  color: var(--win-text-secondary);
  transition: all 0.15s ease;
  line-height: 1.3;
}

.srv-sifre-maske:hover {
  border-color: var(--win-accent);
  color: var(--win-accent);
  background: color-mix(in srgb, var(--win-accent) 8%, var(--win-surface));
}

.srv-sifre-maske.srv-sifre-acik {
  border-style: solid;
  border-color: var(--win-accent);
  color: var(--win-text);
  background: var(--win-surface);
  user-select: all;
}

.srv-sifre-kutu {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.srv-sifre-kutu .srv-input {
  width: 100%;
  padding-right: 36px;
}

.srv-sifre-btn {
  position: absolute;
  right: 4px;
  top: 4px;
  height: 28px;
  width: 28px;
  border: none;
  background: transparent;
  color: var(--win-text-secondary);
  cursor: pointer;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  transition: all 0.15s ease;
}

.srv-sifre-btn:hover {
  background: var(--win-surface-alt);
  color: var(--win-text);
}

.srv-etiket-satir {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
}

.srv-link-btn {
  background: transparent;
  border: none;
  color: var(--win-accent);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
  transition: opacity 0.15s ease;
}

.srv-link-btn:hover {
  text-decoration: underline;
  opacity: 0.85;
}

.srv-uzak-bilgi {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  flex-wrap: nowrap;
}

.srv-uzak-program-rozet {
  font-size: 10.5px;
  font-weight: 800;
  color: var(--win-accent);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.srv-checkbox-grup {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}

.srv-checkbox-etiket {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--win-text);
  cursor: pointer;
  user-select: none;
}

.srv-checkbox-etiket input[type="checkbox"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: var(--win-accent);
}

.srv-col-1 {
  grid-column: span 1;
}

.srv-col-4 {
  grid-column: span 4;
}

.srv-sifre-btn {
  position: absolute;
  right: 4px;
  top: 4px;
  height: 28px;
  width: 28px;
  border: 1px solid var(--win-border);
  background: var(--win-surface-alt);
  color: var(--win-text-secondary);
  cursor: pointer;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  transition: all 0.15s ease;
}

.srv-sifre-btn:hover {
  background: var(--win-surface);
  border-color: var(--win-accent);
  color: var(--win-accent);
}

.srv-mt-1 {
  margin-top: 6px;
}

.srv-ln-sarma {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Teklif Önizleme ve Yazdırma Modal Bileşenleri */
.srv-islem-grup {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.srv-islem-grup .satir-menu { display: inline-flex; align-items: center; }
.srv-islem-grup .satir-menu-buton { height: 30px; }

.srv-alt-buton-grup {
  display: inline-flex;
  gap: 8px;
}

.srv-iframe-modal-arkaplan {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.srv-iframe-modal-kutu {
  background: var(--win-surface, #fff);
  border-radius: 10px;
  width: 100%;
  max-width: 960px;
  height: 92vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.srv-iframe-modal-ust {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 18px;
  background: var(--win-surface-alt, #f8fafc);
  border-bottom: 1px solid var(--win-border, #e2e8f0);
}

.srv-iframe-modal-ust { cursor: move; user-select: none; }
.srv-iframe-modal-ust a, .srv-iframe-modal-ust button { cursor: pointer; }

.srv-iframe-modal-baslik-alan {
  display: flex;
  align-items: center;
  gap: 10px;
}

.srv-iframe-modal-baslik {
  font-size: 15px;
  font-weight: 800;
  color: var(--win-text, #0f172a);
}

.srv-iframe-modal-eylemler {
  display: flex;
  align-items: center;
  gap: 8px;
}

.srv-iframe-modal-btn {
  height: 32px;
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.srv-iframe-modal-kapat {
  background: transparent;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: var(--win-text-secondary, #64748b);
  line-height: 1;
  padding: 0 6px;
}

.srv-iframe-modal-govde {
  flex: 1;
  background: #cbd5e1;
  position: relative;
}

.srv-iframe-modal-frame {
  width: 100%;
  height: 100%;
  border: none;
}

/* --- FATURA & 24 AY GARANTİ STİLLERİ --- */
.srv-col-fatura {
  min-width: 180px;
}

.srv-fatura-hucre {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.srv-fatura-satir {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  white-space: nowrap;
}

.srv-fatura-tur-etiket {
  font-size: 9.5px;
  font-weight: 800;
  padding: 1px 4px;
  border-radius: 4px;
  background: var(--win-surface-alt, #f1f5f9);
  border: 1px solid var(--win-border-strong, #cbd5e1);
  color: var(--win-text-secondary, #64748b);
  letter-spacing: 0.3px;
  line-height: 1.2;
}

.srv-garanti-kapsul {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  max-width: 170px;
}

.srv-garanti-rozet {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 7px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.3;
  width: fit-content;
}

.srv-garanti-rozet--yesil {
  background: rgba(16, 185, 129, 0.12);
  color: #059669;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

.srv-garanti-rozet--turuncu {
  background: rgba(245, 158, 11, 0.12);
  color: #d97706;
  border: 1px solid rgba(245, 158, 11, 0.3);
}

.srv-garanti-rozet--kirmizi {
  background: rgba(239, 68, 68, 0.12);
  color: #dc2626;
  border: 1px solid rgba(239, 68, 68, 0.3);
}

.srv-garanti-rozet--mavi {
  background: rgba(37, 99, 235, 0.12);
  color: #2563eb;
  border: 1px solid rgba(37, 99, 235, 0.3);
}

.srv-garanti-rozet--gri {
  background: var(--win-surface-alt, #f1f5f9);
  color: var(--win-text-secondary, #64748b);
  border: 1px solid var(--win-border, #cbd5e1);
}

.srv-garanti-mini-bar {
  width: 100%;
  height: 4px;
  background: var(--win-surface-alt, #e2e8f0);
  border-radius: 99px;
  overflow: hidden;
}

.srv-garanti-mini-dolgu {
  height: 100%;
  background: linear-gradient(90deg, #10b981, #3b82f6);
  border-radius: 99px;
  transition: width 0.3s ease;
}

.srv-btn-vurgu-mor {
  color: #7c3aed !important;
}

.srv-btn-vurgu-mor:hover {
  background: #7c3aed !important;
  color: #ffffff !important;
  border-color: #7c3aed !important;
}

/* --- ZAMAN ÇİZGİSİ (LIFECYCLE TIMELINE) --- */
.srv-zc-sarma {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 6px 0;
}

.srv-zc-ust-ozet {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  background: var(--win-surface-alt, #f8fafc);
  border: 1px solid var(--win-border-strong, #cbd5e1);
  border-radius: 10px;
}

.srv-zc-cihaz-baslik {
  display: flex;
  align-items: center;
  gap: 12px;
}

.srv-cihaz-ikon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  margin-right: 5px;
  filter: grayscale(100%) contrast(150%) brightness(0.9);
  color: var(--win-text, #0f172a);
  vertical-align: middle;
  opacity: 0.9;
}

.srv-zc-cihaz-ikon {
  font-size: 28px;
  line-height: 1;
  filter: grayscale(100%) contrast(150%);
  color: var(--win-text);
}

.srv-zc-cihaz-ad {
  font-size: 16px;
  font-weight: 850;
  color: var(--win-text, #0f172a);
}

.srv-zc-cihaz-alt {
  font-size: 12px;
  color: var(--win-text-secondary, #64748b);
  margin-top: 2px;
}

.srv-zc-timeline-liste {
  position: relative;
  padding-left: 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.srv-zc-timeline-liste::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 13px;
  width: 2px;
  background: var(--win-border-strong, #cbd5e1);
}

.srv-zc-adim {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: var(--win-surface, #fff);
  border: 1px solid var(--win-border, #e2e8f0);
  border-radius: 9px;
  padding: 12px 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

.srv-zc-adim-nokta {
  position: absolute;
  left: -32px;
  top: 14px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background: var(--win-surface-alt, #f8fafc);
  border: 2px solid var(--win-border-strong, #64748b);
  color: var(--win-text, #0f172a);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  z-index: 1;
  filter: grayscale(100%);
}

.srv-zc-adim-nokta--mavi,
.srv-zc-adim-nokta--yesil,
.srv-zc-adim-nokta--turuncu,
.srv-zc-adim-nokta--mor,
.srv-zc-adim-nokta--kirmizi {
  border-color: var(--win-border-strong, #64748b);
  background: var(--win-surface-alt, #f1f5f9);
  color: var(--win-text, #0f172a);
}

.srv-zc-adim-ust {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.srv-zc-adim-baslik {
  font-size: 13.5px;
  font-weight: 800;
  color: var(--win-text, #0f172a);
}

.srv-zc-adim-tarih {
  font-size: 12px;
  font-weight: 700;
  color: var(--win-text-secondary, #64748b);
}

.srv-zc-adim-detay {
  font-size: 12.5px;
  color: var(--win-text, #334155);
  line-height: 1.4;
}

.srv-zc-garanti-cubuk-alani {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.srv-zc-garanti-bar {
  width: 100%;
  height: 8px;
  background: var(--win-surface-alt, #e2e8f0);
  border-radius: 99px;
  overflow: hidden;
}

.srv-zc-garanti-dolgu {
  height: 100%;
  background: linear-gradient(90deg, #10b981, #2563eb);
  border-radius: 99px;
}

.srv-zc-garanti-alt {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  font-weight: 700;
  color: var(--win-text-secondary, #64748b);
}

/* --- NETSIS FATURA SEÇİM MODAL --- */
.srv-fatura-filtre-bar {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
}

.srv-fatura-arama-kutu {
  flex: 1;
}

.srv-fatura-tur-butonlar {
  display: flex;
  gap: 6px;
}

.srv-fatura-tur-btn {
  height: 36px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 750;
  border-radius: 7px;
  border: 1px solid var(--win-border-strong, #cbd5e1);
  background: var(--win-surface, #fff);
  color: var(--win-text, #0f172a);
  cursor: pointer;
}

.srv-fatura-tur-btn.aktif {
  background: var(--win-accent, #2563eb);
  color: #fff;
  border-color: var(--win-accent, #2563eb);
}

.srv-fatura-secim-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.srv-fatura-secim-tablo th {
  padding: 8px 10px;
  background: var(--win-surface-alt, #f8fafc);
  color: var(--win-text-secondary, #64748b);
  font-weight: 750;
  font-size: 11px;
  border-bottom: 2px solid var(--win-border-strong, #cbd5e1);
  text-align: left;
}

.srv-fatura-secim-tablo td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--win-border, #e2e8f0);
}

.srv-fatura-secim-tablo tbody tr {
  cursor: pointer;
  transition: background 0.12s ease;
}

.srv-fatura-secim-tablo tbody tr:hover {
  background: color-mix(in srgb, var(--win-accent) 8%, var(--win-surface));
}

.srv-fatura-sec-rozet {
  display: inline-block;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 800;
  border-radius: 5px;
  background: var(--win-surface-alt);
  border: 1px solid var(--win-border-strong);
}

/* --- SERVIS KAYIT EKRANI CIHAZ & GARANTI ÖZET KUTUSU --- */
.srv-cihaz-garanti-ozet {
  background: var(--win-surface-alt, #f8fafc);
  border: 1px solid var(--win-border-strong, #cbd5e1);
  border-left: 4px solid var(--win-accent, #2563eb);
  border-radius: 8px;
  padding: 12px 16px;
  margin-top: 6px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.srv-cg-ust {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.srv-cg-cihaz-bilgi {
  display: flex;
  align-items: center;
  gap: 10px;
}

.srv-cg-ikon {
  font-size: 22px;
  line-height: 1;
  filter: grayscale(100%);
  color: var(--win-text);
}

.srv-cg-garanti-alan {
  display: flex;
  align-items: center;
  gap: 8px;
}

.srv-cg-alt-bilgiler {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 11.5px;
  color: var(--win-text-secondary, #64748b);
  border-top: 1px dashed var(--win-border, #e2e8f0);
  padding-top: 6px;
}

.srv-btn-zc-ac {
  height: 28px;
  font-size: 11.5px;
  padding: 0 10px;
}

/* --- NETSIS STOK KARTI & KALEMLERI STILLERI --- */
.srv-stok-bilgi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 4px;
}

.srv-stok-rozet {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 750;
  border-radius: 4px;
  background: var(--win-surface-alt, #f1f5f9);
  border: 1px solid var(--win-border-strong, #cbd5e1);
  color: var(--win-text, #0f172a);
  width: fit-content;
}

.srv-stok-ad {
  font-size: 11px;
  color: var(--win-text-secondary, #64748b);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
}

.srv-fatura-kalem-satir {
  background: var(--win-surface-alt, #f8fafc);
  border-left: 3px solid var(--win-accent, #2563eb);
}

.srv-kalem-alt-kutu {
  padding: 10px 14px;
  background: var(--win-surface-alt, #f8fafc);
  border: 1px solid var(--win-border-strong, #cbd5e1);
  border-radius: 6px;
  margin: 6px 0;
}

.srv-kalem-alt-baslik {
  font-size: 11.5px;
  font-weight: 800;
  color: var(--win-text, #0f172a);
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.srv-kalem-secim-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 11.5px;
  background: var(--win-surface, #fff);
  border: 1px solid var(--win-border, #e2e8f0);
  border-radius: 6px;
  overflow: hidden;
}

.srv-kalem-secim-tablo th {
  padding: 6px 8px;
  background: var(--win-surface-alt, #f1f5f9);
  color: var(--win-text-secondary, #64748b);
  font-size: 10.5px;
  font-weight: 750;
  text-align: left;
  border-bottom: 1px solid var(--win-border, #e2e8f0);
}

.srv-kalem-secim-tablo td {
  padding: 6px 8px;
  border-bottom: 1px solid var(--win-border, #e2e8f0);
}

.srv-kalem-secim-tablo tbody tr:hover {
  background: color-mix(in srgb, var(--win-accent) 10%, var(--win-surface));
  cursor: pointer;
}

.srv-kalem-sec-btn {
  padding: 2px 8px;
  font-size: 10.5px;
  font-weight: 800;
  border-radius: 4px;
  border: 1px solid var(--win-border-strong);
  background: var(--win-surface-alt);
  color: var(--win-text);
  cursor: pointer;
  white-space: nowrap;
}

.srv-kalem-sec-btn:hover {
  background: var(--win-accent);
  color: #fff;
  border-color: var(--win-accent);
}

.srv-stok-secim-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.srv-stok-secim-tablo th {
  padding: 8px 10px;
  background: var(--win-surface-alt, #f8fafc);
  color: var(--win-text-secondary, #64748b);
  font-weight: 750;
  font-size: 11px;
  border-bottom: 2px solid var(--win-border-strong, #cbd5e1);
  text-align: left;
}

.srv-stok-secim-tablo td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--win-border, #e2e8f0);
}

.srv-stok-secim-tablo tbody tr {
  cursor: pointer;
  transition: background 0.12s ease;
}

.srv-stok-secim-tablo tbody tr:hover {
  background: color-mix(in srgb, var(--win-accent) 8%, var(--win-surface));
}

.srv-stok-temizle-btn {
  height: 32px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 6px;
  border: 1px solid var(--win-border-strong);
  background: var(--win-surface-alt);
  color: var(--win-text-secondary);
  cursor: pointer;
}

.srv-stok-temizle-btn:hover {
  background: var(--win-surface);
  color: var(--win-text);
}

.srv-secilebilir-satir {
  cursor: pointer;
  transition: background-color 0.12s ease;
}

.srv-secilebilir-satir:hover {
  background-color: color-mix(in srgb, var(--win-accent) 8%, var(--win-surface)) !important;
}

/* --- CİHAZ TİCARİ VE STOK HAREKET DETAYI MODAL --- */
.srv-hareket-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.srv-hareket-kart {
  background: var(--win-surface);
  border: 1px solid var(--win-border);
  border-radius: 8px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.srv-hareket-kart--alis {
  border-left: 4px solid #3b82f6;
}

.srv-hareket-kart--satis {
  border-left: 4px solid #10b981;
}

.srv-hareket-kart--stok {
  border-left: 4px solid #8b5cf6;
}

.srv-hareket-kart-baslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 750;
  color: var(--win-text);
  padding-bottom: 6px;
  border-bottom: 1px solid var(--win-border-light, #f1f5f9);
}

.srv-hareket-satir {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 11.5px;
  gap: 8px;
}

.srv-hareket-etiket {
  color: var(--win-text-secondary);
  font-weight: 600;
  flex-shrink: 0;
}

.srv-hareket-deger {
  color: var(--win-text);
  font-weight: 700;
  text-align: right;
  word-break: break-word;
}

.srv-btn-hareket {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  background: color-mix(in srgb, var(--win-accent) 10%, var(--win-surface));
  color: var(--win-accent);
  border: 1px solid color-mix(in srgb, var(--win-accent) 25%, transparent);
  cursor: pointer;
  transition: all 0.15s ease;
}

.srv-btn-hareket:hover {
  background: var(--win-accent);
  color: #fff;
  border-color: var(--win-accent);
}

.srv-modal-lisans-bilgi--alt-bosluk {
  margin-bottom: 14px;
}

.srv-hareket-deger--fiyat {
  font-size: 13px;
  color: var(--win-accent);
}

.srv-hd-not-alani {
  margin-top: 8px;
}

.srv-hd-not-metni {
  display: block;
  padding: 8px 12px;
  font-size: 12px;
  white-space: pre-wrap;
}

/* --- OEM LİSANS STICKER & COA KART TASARIMI --- */
.srv-oem-kart {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.srv-oem-sticker {
  position: relative;
  display: flex;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  min-height: 120px;
}

.srv-oem-sticker:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 1);
}

/* Windows Klasik Gri / Gümüş OEM Sticker */
.srv-oem-sticker--windows {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 35%, #cbd5e1 70%, #f1f5f9 100%);
  border: 1.5px solid #94a3b8;
}

/* Office Turuncu / Bronz Key Card */
.srv-oem-sticker--office {
  background: linear-gradient(135deg, #fffbf5 0%, #fed7aa 35%, #fdba74 70%, #ffedd5 100%);
  border: 1.5px solid #f97316;
}

/* Hologram Güvenlik Şeridi */
.srv-oem-hologram {
  width: 22px;
  background: linear-gradient(180deg, 
    rgba(244,63,94,0.85) 0%, 
    rgba(251,191,36,0.85) 20%, 
    rgba(52,211,153,0.85) 40%, 
    rgba(56,189,248,0.85) 60%, 
    rgba(129,140,248,0.85) 80%, 
    rgba(192,132,252,0.85) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-right: 1px dashed rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.7);
}

.srv-oem-hologram--office {
  background: linear-gradient(180deg, 
    rgba(234,88,12,0.9) 0%, 
    rgba(251,191,36,0.85) 30%, 
    rgba(244,63,94,0.85) 60%, 
    rgba(234,88,12,0.9) 100%
  );
}

.srv-oem-hologram-metin {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 7.5px;
  font-weight: 900;
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  user-select: none;
  white-space: nowrap;
}

.srv-oem-icerik {
  flex: 1;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 7px;
  min-width: 0;
}

.srv-oem-ust-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.srv-oem-marka {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.srv-oem-win-logo, .srv-oem-ofis-logo {
  flex-shrink: 0;
}

.srv-oem-baslik-blok {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.srv-oem-coa-metin {
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.8px;
  color: #475569;
  text-transform: uppercase;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  line-height: 1.1;
}

.srv-oem-urun-adi {
  font-size: 11px;
  font-weight: 850;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none !important;
}

.srv-oem-etiket-rozet {
  font-size: 9px;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(15, 23, 42, 0.15);
  color: #334155;
  white-space: nowrap;
  flex-shrink: 0;
}

.srv-oem-etiket-rozet--office {
  background: rgba(234, 88, 12, 0.12);
  border-color: rgba(234, 88, 12, 0.3);
  color: #c2410c;
}

.srv-oem-key-kutu {
  background: #ffffff;
  border: 1.5px dashed #64748b;
  border-radius: 6px;
  padding: 5px 8px;
  cursor: pointer;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  transition: all 0.15s ease;
}

.srv-oem-key-kutu:hover {
  border-color: #0284c7;
  background: #f8fafc;
}

.srv-oem-key-kutu--office {
  border-color: #f97316;
}

.srv-oem-key-kutu--office:hover {
  border-color: #ea580c;
  background: #fffbf5;
}

.srv-oem-key-etiket {
  font-size: 8px;
  font-weight: 800;
  color: #64748b;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}

.srv-oem-key-satir {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.srv-oem-key {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  font-weight: 850;
  color: #0f172a;
  letter-spacing: 0.8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  user-select: all;
}

.srv-oem-kopyala-btn {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  height: 22px;
  padding: 0 6px;
  border-radius: 4px;
  border: 1px solid #cbd5e1;
  background: #f1f5f9;
  color: #0f172a;
  font-size: 9.5px;
  font-weight: 800;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.15s ease;
}

.srv-oem-kopyala-btn:hover {
  background: #0284c7;
  border-color: #0284c7;
  color: #ffffff;
}

.srv-oem-kopyala-btn--office:hover {
  background: #ea580c;
  border-color: #ea580c;
  color: #ffffff;
}

.srv-oem-alt-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 3px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.srv-oem-barkod-cizgiler {
  display: inline-flex;
  align-items: center;
  gap: 1.5px;
  height: 11px;
  opacity: 0.7;
}

.srv-oem-barkod-cizgiler span {
  width: 1.5px;
  height: 100%;
  background: #0f172a;
  display: inline-block;
}

.srv-oem-barkod-cizgiler span:nth-child(even) {
  width: 2.5px;
}

.srv-oem-barkod-cizgiler span:nth-child(3n) {
  width: 1px;
}

.srv-oem-alt-kod {
  font-size: 7.5px;
  font-weight: 750;
  color: #475569;
  letter-spacing: 0.4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



/* Uzak bağlantı ID'si: tıklayınca AnyDesk açılır (anydesk: protokolü) */
.srv-anydesk-link { color: inherit; text-decoration: none; border-bottom: 1px dashed currentColor; cursor: pointer; }
.srv-anydesk-link:hover { color: var(--ds-renk-vurgu, #e0322f); border-bottom-style: solid; }

/* Pencere (iframe / ?gomulu=1) içinde: genel üst bar öğeleri (geri, başlık, hava, bildirim, kullanıcı, çıkış) gizlenir;
   yalnızca sayfaya özgü eylem düğmeleri (ust_sag bloğu) kalır. Pencerenin kendi başlık çubuğu vardır. */
.ds-ust__sayfa-aksiyon { display: contents; }
.ds-sayfa--gomulu .ds-ust__global,
.ds-sayfa--gomulu .ds-ust__geri,
.ds-sayfa--gomulu .ds-ust__sol { display: none !important; }
.ds-sayfa--gomulu .ds-ust { position: static; height: auto; min-height: 44px; padding: 8px 16px; border-bottom: 0; box-shadow: none; justify-content: flex-end; background: transparent; }

/* İkon standardı: yalnızca templates/_ikonlar.html içindeki ik.ikon('ad') SVG'leri kullanılır (emoji / × ✕ ← ▼ 👁 📋 gibi karakterler yasak). */
.ds-ikon { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; flex: 0 0 auto; }
.ds-ikon svg { width: 100%; height: 100%; display: block; }
.dialog-kapat { display: inline-flex; align-items: center; justify-content: center; }


/* ===========================================================================
   [21-09-2026] STANDART EK BILESENLER  --  templates/_bilesenler.html makrolari bunlari kullanir.
   YENI SAYFA ozel CSS YAZMAZ; bu siniflar + makrolar yeter. Eksik bilesen gerekirse BURAYA eklenir.
   Canli rehber: /stil-rehberi
   =========================================================================== */

/* sayfa icerigi: ortalanmis, dikey aralikli sutun */
.ds-icerik { max-width: 1100px; margin: 0 auto; display: grid; gap: var(--ds-bosluk-4); width: 100%; }
.ds-icerik--dar { max-width: 760px; }
.ds-icerik--genis { max-width: 1400px; }

/* form izgarasi: 4 sutun, mobilde 1-2 */
.ds-form-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ds-bosluk-3) var(--ds-bosluk-4); align-items: end; }
.ds-form-izgara > .ds-x2 { grid-column: span 2; }
.ds-form-izgara > .ds-xtam { grid-column: 1 / -1; }
@media (max-width: 800px) { .ds-form-izgara { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .ds-form-izgara { grid-template-columns: 1fr; } .ds-form-izgara > .ds-x2 { grid-column: auto; } }
.ds-form-izgara select.ds-input, .ds-form-alan select.ds-input { padding-right: 8px; }
.ds-form-alan textarea.ds-input { height: auto; min-height: 72px; padding: 8px 12px; line-height: 1.4; resize: vertical; }

/* metin yardimcilari */
.ds-sag { text-align: right; white-space: nowrap; }
.ds-not { font-size: 12px; color: var(--win-text-secondary); }
.ds-kod { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-weight: 700; }
.ds-pasif { opacity: .5; }

/* eylem satiri (sag hizali dugme grubu) */
.ds-eylem { display: inline-flex; gap: 6px; align-items: flex-start; flex-wrap: wrap; justify-content: flex-end; }
.ds-eylem form { margin: 0; display: inline; }
.ds-eylem-alt { display: flex; gap: var(--ds-bosluk-2); margin-top: var(--ds-bosluk-3); flex-wrap: wrap; }

/* satir ici ac/kapa panel (details) -- duzenle formlari icin */
.ds-ac { position: relative; display: inline-block; text-align: left; }
.ds-ac > summary { list-style: none; cursor: pointer; }
.ds-ac > summary::-webkit-details-marker { display: none; }
.ds-ac__panel { margin-top: var(--ds-bosluk-2); display: grid; gap: var(--ds-bosluk-2); min-width: 240px; padding: var(--ds-bosluk-3); background: var(--win-surface);
  border: 1px solid var(--win-border); border-radius: var(--ds-radius-kk); box-shadow: 0 8px 24px rgba(0,0,0,.14); }
.ds-ac--sag > .ds-ac__panel { position: absolute; right: 0; z-index: 30; }

/* toplam kutusu */
.ds-toplam { display: grid; justify-content: end; gap: 3px; margin-top: var(--ds-bosluk-3); font-size: 13px; }
.ds-toplam b { font-size: 15px; }

/* arama sonuc listesi (autocomplete) */
.ds-sonuc-liste { position: absolute; left: 0; right: 0; z-index: 20; background: var(--win-surface); border: 1px solid var(--win-border); border-radius: var(--ds-radius-kk);
  max-height: 220px; overflow-y: auto; box-shadow: 0 6px 18px rgba(0,0,0,.15); }
.ds-sonuc-liste button { display: block; width: 100%; text-align: left; padding: 7px 10px; border: 0; background: none; font: inherit; font-size: 12.5px; cursor: pointer; color: inherit; }
.ds-sonuc-liste button:hover { background: var(--win-surface-alt); }

/* KDV/para etiketi gibi kucuk bilgi rozeti icin nötr ton */
.ds-rozet--notr { background: var(--win-surface-alt); color: var(--win-text-secondary); border: 1px solid var(--win-border); }

/* [22-09-2026] iki sutunlu yerlesim ve kaydirmali liste */
.ds-iki-sutun { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--ds-bosluk-4); }
@media (max-width: 800px) { .ds-iki-sutun { grid-template-columns: 1fr; } }
.ds-liste { list-style: none; margin: 0; padding: 0; max-height: 210px; overflow-y: auto; border: 1px solid var(--win-border); border-radius: var(--ds-radius-kk); }
.ds-liste li { padding: 6px 10px; border-bottom: 1px solid var(--win-border); font-size: 12.5px; display: flex; gap: 8px; align-items: center; }
.ds-liste li:last-child { border-bottom: 0; }
.ds-liste label { display: flex; gap: 8px; align-items: center; width: 100%; cursor: pointer; }
.ds-vurgu-tam { color: var(--win-success-fg); font-weight: 700; }
.ds-vurgu-eksik { color: var(--win-caution-fg); font-weight: 700; }

/* [22-09-2026] sekme (hap bicimli filtre baglantilari) */
.ds-sekmeler { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.ds-sekme { padding: 7px 14px; border-radius: 999px; border: 1px solid var(--win-border); background: var(--win-surface); color: inherit; text-decoration: none; font-size: 13px; }
.ds-sekme:hover { background: var(--win-surface-alt); }
.ds-sekme--aktif, .ds-sekme--aktif:hover { background: var(--win-accent, #2563eb); color: #fff; border-color: transparent; font-weight: 700; }
.ds-sekme--sag { margin-left: auto; }

/* [22-09-2026] bilgi izgarasi (etiket + deger), tek satir form, olay listesi, goreli kapsayici */
.ds-bilgi { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px 20px; }
.ds-bilgi > div > span { display: block; font-size: 11.5px; color: var(--win-text-secondary); }
.ds-bilgi > div > strong { font-size: 14px; }
.ds-form-satir { display: flex; flex-wrap: wrap; gap: var(--ds-bosluk-2); align-items: center; }
.ds-form-satir .ds-input { width: auto; flex: 1 1 200px; }
.ds-form-satir select.ds-input { flex: 0 1 auto; }
.ds-olay { border-left: 3px solid var(--win-border); padding: 3px 0 3px 10px; margin: 8px 0; font-size: 12.5px; }
.ds-olay small { color: var(--win-text-secondary); display: block; }
.ds-goreli { position: relative; }
.ds-sonuc-liste--genis { width: 420px; max-width: 80vw; right: auto; box-shadow: 0 8px 24px rgba(0,0,0,.2); }
/* sonuc_liste.js görünür listeyi sayfanın önüne sabitler (tablo/kart overflow kırpmasına takılmaz) */
.ds-sonuc-liste.ds-sonuc-liste--sabit { position: fixed; right: auto; z-index: 1000; }
.ds-satir-girdi { display: flex; gap: 6px; align-items: center; }
/* [24-09-2026] Onay kutusu + açıklama (ör. "kontrol ettim, faturayı kes"): kutu solda, metin sarılır */
.ds-onay-kutusu { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; line-height: 1.45; cursor: pointer; }
.ds-onay-kutusu input[type="checkbox"], .ds-onay-kutusu input[type="radio"] { flex: none; width: 16px; height: 16px; min-height: 0; margin: 2px 0 0; padding: 0; }
.ds-satir-girdi .ds-input { width: 150px; height: 30px; line-height: 28px; font-size: 12.5px; }

/* [22-09-2026] servis modulu gezinme cubugu (6 sayfada ortak; bkz. templates/_servis_nav.html) */
.ds-modul-gezinme { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 4px; }
.ds-modul-gezinme .ds-btn { height: 34px; padding: 0 14px; font-size: 13px; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; }

/* [23-09-2026] El terminali bilesenleri (iPad + barkod okuyucu; ilk kullanim: stok_sayim_calisma.html).
   Canli ornek: /stil-rehberi. Dokunmatik hedefler en az 48px. */
.ds-yapiskan { position: sticky; top: 52px; z-index: 50; box-shadow: 0 6px 16px rgba(0, 0, 0, .08); }   /* 52px = .ds-ust */
.ds-sayfa--gomulu .ds-yapiskan { top: 0; }
.ds-btn--dokunmatik { height: 48px; min-height: 48px; padding: 0 16px; font-size: 15px; border-radius: 10px; }
.ds-btn--dokunmatik .ds-ikon { width: 20px; height: 20px; }
.ds-okut-giris {
  flex: 1 1 220px; min-width: 0; width: 100%; height: 52px; padding: 0 14px; box-sizing: border-box;
  font: inherit; font-size: 22px; border-radius: 10px;
  border: 2px solid var(--win-border); background: var(--win-bg); color: var(--win-text);
}
.ds-okut-giris:focus { border-color: var(--win-accent); outline: none; }
.ds-okut-giris--sayi { text-align: center; font-weight: 700; }
.ds-durum-bant {
  min-height: 48px; display: flex; align-items: center; padding: 8px 14px; border-radius: 10px;
  font-size: 17px; font-weight: 700; background: var(--win-surface-alt); color: var(--win-text-secondary);
}
.ds-durum-bant--iyi    { background: var(--win-success-bg);  color: var(--win-success-fg); }
.ds-durum-bant--uyari  { background: var(--win-caution-bg);  color: var(--win-caution-fg); }
.ds-durum-bant--kritik { background: var(--win-critical-bg); color: var(--win-critical-fg); }
.ds-tus-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(62px, 1fr)); gap: 8px; }
.ds-tus-izgara .ds-btn { height: 48px; min-height: 48px; font-size: 18px; border-radius: 10px; padding: 0 6px; }
.ds-kutucuk-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; }
.ds-kutucuk {
  display: flex; flex-direction: column; gap: 4px; min-height: 70px; padding: 10px 12px; text-align: left;
  border: 2px solid var(--win-border); border-radius: 10px; background: var(--win-surface); color: var(--win-text);
  font: inherit; cursor: pointer;
}
.ds-kutucuk strong { font-size: 14px; }
.ds-kutucuk span { font-size: 12px; color: var(--win-text-secondary); }
.ds-kutucuk--bilgi { border-color: var(--win-info-fg);    background: var(--win-info-bg); }
.ds-kutucuk--uyari { border-color: var(--win-caution-fg); background: var(--win-caution-bg); }
.ds-kutucuk--iyi   { border-color: var(--win-success-fg); background: var(--win-success-bg); }
.ds-kutucuk--secili { box-shadow: 0 0 0 3px var(--win-accent); }
.ds-tablo tr.ds-ara-baslik td {
  background: var(--win-surface-alt); color: var(--win-text-secondary);
  font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em;
}
.ds-tablo tr.ds-ara-baslik--aktif td { background: var(--win-info-bg); color: var(--win-info-fg); }
.ds-tablo tr.ds-satir--yeni td { background: var(--win-success-bg); }
.ds-tablo tr.ds-satir--uyari td { background: var(--win-caution-bg); }
.ds-buyuk-sayi { font-size: 20px; font-weight: 800; cursor: pointer; }
.ds-vurgu-kritik { color: var(--win-critical-fg); font-weight: 700; }
.ds-yigin { display: flex; flex-direction: column; gap: 10px; }
.ds-yigin > [hidden] { display: none; }

/* Mesaj Merkezi: gomulu pencerede yalniz ic listeler kayar. [24-09-2026] */
body.ds-sayfa--gomulu:has(.ds-sohbet) { margin: 0; height: 100dvh; min-height: 0; overflow: hidden; }
.ds-sayfa--gomulu:has(.ds-sohbet) > .ds-govde { min-height: 0; display: flex; }
.ds-sayfa--gomulu .ds-icerik:has(> .ds-sohbet) { flex: 1; min-height: 0; min-width: 0; grid-template-rows: minmax(0, 1fr); }
.ds-sayfa--gomulu .ds-sohbet { height: auto; min-height: 0; min-width: 0; }
.ds-sayfa--gomulu .ds-sohbet__alan { min-width: 0; }
.ds-sayfa--gomulu .ds-sohbet__akis,
.ds-sayfa--gomulu .ds-sohbet__kanallar { min-height: 0; }
.ds-sayfa--gomulu .ds-sohbet__baslik,
.ds-sayfa--gomulu .ds-sohbet__liste-ust,
.ds-sayfa--gomulu .ds-sohbet__yaz { flex-shrink: 0; }

/* ------------------------------------------------------- sohbet (şirket içi mesajlaşma) [24-09-2026] */
.ds-sohbet { display: grid; grid-template-columns: 300px 1fr; gap: 0; height: calc(100vh - 150px); min-height: 420px;
  border: 1px solid var(--win-border); border-radius: var(--ds-radius); background: var(--win-surface); overflow: hidden; }
.ds-sohbet__liste { border-right: 1px solid var(--win-border); display: flex; flex-direction: column; min-height: 0; }
.ds-sohbet__liste-ust { padding: 10px; border-bottom: 1px solid var(--win-border); display: flex; gap: 6px; }
.ds-sohbet__kanallar { overflow-y: auto; flex: 1; }
.ds-sohbet__kanal { display: block; width: 100%; text-align: left; padding: 10px 12px; border: 0; border-bottom: 1px solid var(--win-border);
  background: none; color: inherit; font: inherit; cursor: pointer; }
.ds-sohbet__kanal:hover, .ds-sohbet__kanal--secili { background: var(--win-surface-alt); }
.ds-sohbet__kanal strong { display: flex; justify-content: space-between; gap: 6px; font-size: 13.5px; }
.ds-sohbet__kanal small { display: block; color: var(--win-text-secondary); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ds-sohbet__alan { display: flex; flex-direction: column; min-height: 0; }
.ds-sohbet__baslik { padding: 8px 14px; border-bottom: 1px solid var(--win-border); font-weight: 700; display: flex; align-items: center; gap: 8px; min-height: 48px; }
.ds-sohbet__baslik-ad { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ds-sohbet__baslik-eylem { display: flex; gap: 6px; flex: none; }
.ds-sohbet__baslik small { font-weight: 400; color: var(--win-text-secondary); margin-left: 6px; }
.ds-sohbet__akis { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 8px; background: var(--win-surface-alt); }
.ds-sohbet__balon { max-width: 70%; padding: 8px 11px; border-radius: 10px; background: var(--win-surface); border: 1px solid var(--win-border);
  align-self: flex-start; white-space: pre-wrap; word-break: break-word; font-size: 13.5px; }
/* Avatar (profil resmi ya da baş harf) — window.mzAvatar(id, ad, surum, ek_sinif) çizer [24-09-2026] */
.ds-avatar { width: 32px; height: 32px; border-radius: 50%; flex: none; display: inline-flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 800; letter-spacing: .3px; overflow: hidden; user-select: none; background: var(--win-info-bg); color: var(--win-info-fg); }
.ds-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ds-avatar--1 { background: var(--win-success-bg); color: var(--win-success-fg); }
.ds-avatar--2 { background: var(--win-caution-bg); color: var(--win-caution-fg); }
.ds-avatar--3 { background: var(--win-critical-bg); color: var(--win-critical-fg); }
.ds-avatar--4 { background: var(--win-surface-alt); color: var(--win-accent); border: 1px solid var(--win-border); }
.ds-avatar--kucuk { width: 22px; height: 22px; font-size: 9.5px; }
.ds-avatar--orta { width: 28px; height: 28px; font-size: 11px; }
.ds-avatar--buyuk { width: 76px; height: 76px; font-size: 26px; }
.ds-avatar--grup { border-radius: 9px; }
/* hidden özniteliği .ds-btn / flex düzenlerine yenilmesin (sohbet seçilmeden başlık düğmeleri ve yazma alanı görünüyordu) */
.ds-sohbet [hidden], .ds-modal [hidden], .ds-pencere [hidden] { display: none !important; }
.ds-sohbet__kanal--avatarli { display: flex; gap: 10px; align-items: center; }
.ds-sohbet__kanal-metin { flex: 1; min-width: 0; }
.ds-sohbet__satir { display: flex; gap: 8px; align-items: flex-end; align-self: flex-start; max-width: 76%; }
.ds-sohbet__satir .ds-sohbet__balon { max-width: 100%; align-self: auto; min-width: 0; }
.ds-sohbet__kisi { display: flex; align-items: center; gap: 8px; }
.ds-sohbet__profil { display: flex; align-items: center; gap: 14px; margin: 6px 0 14px; }
.ds-sohbet__profil-eylem { display: flex; flex-direction: column; gap: 6px; }
.ds-sohbet__profil-eylem > div { display: flex; gap: 6px; align-items: center; }
.ds-sohbet__profil-eylem .ds-yardim { margin: 0; }
.ds-sohbet__balon--silindi { font-style: italic; color: var(--win-text-secondary); }
.ds-sohbet__not { align-self: center; max-width: 90%; font-size: 12px; color: var(--win-text-secondary); background: var(--win-surface);
  border: 1px dashed var(--win-border); border-radius: 12px; padding: 3px 10px; text-align: center; }
.ds-sohbet__eylem { display: flex; gap: 10px; justify-content: flex-end; margin-top: 4px; font-size: 11.5px; opacity: 0; transition: opacity .12s; }
.ds-sohbet__balon:hover .ds-sohbet__eylem, .ds-sohbet__balon:focus-within .ds-sohbet__eylem { opacity: 1; }
.ds-sohbet__eylem button { border: 0; background: none; padding: 0; color: var(--win-text-secondary); cursor: pointer; font: inherit; text-decoration: underline; }
.ds-sohbet__eylem button:hover { color: var(--win-text); }
.ds-sohbet__kanal .ds-ikon { width: 14px; height: 14px; color: var(--win-text-secondary); }
.ds-sohbet__uye { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--win-border); font-size: 13.5px; }
.ds-sohbet__secim-liste { max-height: 260px; overflow-y: auto; margin-top: 8px; display: flex; flex-direction: column; gap: 6px; }
@media (hover: none) { .ds-sohbet__eylem { opacity: 1; } }
.ds-sohbet__balon { background: color-mix(in srgb, var(--win-text-secondary) 12%, var(--win-surface)); }
.ds-sohbet__balon--ben { align-self: flex-end; background: color-mix(in srgb, var(--win-accent) 22%, var(--win-surface)); border-color: color-mix(in srgb, var(--win-accent) 55%, var(--win-border)); }
.ds-sohbet__balon small { display: block; color: var(--win-text-secondary); font-size: 11px; margin-bottom: 2px; }
.ds-sohbet__balon img { display: block; max-width: 260px; max-height: 220px; border-radius: 6px; margin-top: 4px; }
.ds-sohbet__yaz { display: flex; gap: 8px; padding: 10px; border-top: 1px solid var(--win-border); align-items: flex-end; }
.ds-sohbet__yaz textarea { flex: 1; resize: none; min-height: 38px; max-height: 140px; }
.ds-emoji { position: relative; display: inline-flex; }
.ds-emoji__panel { position: absolute; bottom: calc(100% + 8px); left: 0; width: 320px; max-width: 80vw; background: var(--win-surface); border: 1px solid var(--win-border); border-radius: 8px; box-shadow: 0 6px 24px rgba(0,0,0,.18); z-index: 50; }
.ds-emoji__panel[hidden] { display: none; }
.ds-emoji__sekmeler { display: flex; border-bottom: 1px solid var(--win-border); }
.ds-emoji__sekme { flex: 1; background: none; border: 0; border-bottom: 2px solid transparent; padding: 6px 0; font-size: 18px; cursor: pointer; }
.ds-emoji__sekme--secili { border-bottom-color: var(--win-accent); background: var(--win-accent-bg, transparent); }
.ds-emoji__izgara { display: grid; grid-template-columns: repeat(8, 1fr); gap: 2px; padding: 6px; max-height: 210px; overflow-y: auto; }
.ds-emoji__oge { background: none; border: 0; border-radius: 6px; font-size: 20px; line-height: 1; padding: 5px 0; cursor: pointer; }
.ds-emoji__oge:hover, .ds-emoji__oge:focus-visible { background: var(--win-accent-bg, var(--win-border)); }
.ds-sohbet__ek { font-size: 12px; color: var(--win-text-secondary); padding: 0 12px 6px; }
@media (max-width: 760px) {
  .ds-sohbet { grid-template-columns: 1fr; height: calc(100vh - 120px); }
  .ds-sohbet--kanal-acik .ds-sohbet__liste { display: none; }
  .ds-sohbet:not(.ds-sohbet--kanal-acik) .ds-sohbet__alan { display: none; }
  .ds-sohbet__balon { max-width: 88%; }
}

/* Ürün küçük görseli (tablo hücresinde, metnin solunda) -- ör. Hepsiburada sipariş kalemi. [26-09-2026] */
.ds-urun-gorsel { float: left; width: 56px; height: 56px; object-fit: contain; margin: 0 10px 4px 0; border-radius: 6px;
  border: 1px solid var(--win-border); background: var(--win-surface, transparent); }

/* Seçenek listesi (radyo satırları alt alta, ör. fatura carisi seçimi) + kısa satır içi girdi. [26-09-2026] */
.ds-secim-liste { display: flex; flex-direction: column; gap: 8px; margin: 4px 0 14px; padding: 10px 12px; border: 1px solid var(--win-border); border-radius: 8px; }
.ds-input.ds-input--kisa { display: inline-block; width: 150px; height: 30px; min-height: 30px; margin-left: 6px; vertical-align: middle; }

/* Taranan belge / fiş görseli (kart içinde, tam genişlik). [26-09-2026] */
.ds-belge-gorsel { display: block; width: 100%; height: auto; border: 1px solid var(--win-border); border-radius: 8px; background: var(--win-surface, transparent); }

/* Ortak diyalog (static/ds_diyalog.js: dsBilgi / dsOnay) -- alert()/confirm() yerine. [26-09-2026] */
.ds-modal.ds-diyalog { position: relative; }
.ds-diyalog > .ds-modal-kapat { position: absolute; top: 14px; right: 14px; }
.ds-diyalog h2 { padding-right: 40px; }
.ds-diyalog .ds-uyari, .ds-diyalog p { white-space: pre-wrap; overflow-wrap: anywhere; }
.ds-diyalog .ds-uyari + .ds-uyari { margin-top: 8px; }

/* Tablo içi girdi en az genişlikleri (düzenlenebilir satır tabloları; ör. fiş düzeltme). [26-09-2026] */
.ds-tablo .ds-girdi-kod { min-width: 150px; }
.ds-tablo .ds-girdi-ba { min-width: 100px; }
.ds-tablo .ds-girdi-tutar { min-width: 120px; }
.ds-tablo .ds-girdi-uzun { min-width: 260px; }

/* Tablo içi onay kutusu, kaydırmalı tablo, önizlenen satır. [26-09-2026] */
.ds-secim { width: 16px; height: 16px; min-height: 0; margin: 0; padding: 0; accent-color: var(--win-accent); cursor: pointer; vertical-align: middle; }
.ds-tablo-sarmal--kaydir { max-height: 360px; overflow: auto; }
.ds-tablo tbody tr.onizleme { box-shadow: inset 3px 0 0 var(--win-accent); }
.ds-tablo tbody tr.onizleme td { background: color-mix(in srgb, var(--win-accent) 7%, transparent); }

/* NetOpenX Aktarım & İzleme Merkezi -- ds-* düzeni (26-09-2026) */
.akt-filtre { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; align-items: end; }
.akt-filtre .ds-form-alan { margin: 0; }
.akt-filtre__eylem { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; grid-column: span 2; }
.akt-filtre__eylem .ds-onay-kutusu { align-items: center; font-size: 12.5px; }
.akt-filtre__eylem .ds-onay-kutusu input[type="checkbox"] { margin: 0; }
.akt-kart-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.akt-kart-ust .ds-kart__baslik { display: flex; align-items: center; gap: 8px; margin: 0; }
.akt-satir { cursor: pointer; }
.akt-hata-hucre { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--win-critical-fg); }
.akt-detay-izgara { display: grid; grid-template-columns: minmax(200px, 260px) minmax(0, 1fr); gap: 14px; align-items: start; }
@media (max-width: 900px) { .akt-detay-izgara { grid-template-columns: 1fr; } .akt-filtre__eylem { grid-column: auto; } }
.akt-bilgi-liste { display: grid; grid-template-columns: auto 1fr; gap: 6px 12px; margin: 0; font-size: 13px; }
.akt-bilgi-liste dt { color: var(--win-text-secondary); font-weight: 600; }
.akt-bilgi-liste dd { margin: 0; overflow-wrap: anywhere; }
.akt-toplam-satir td { font-weight: 800; border-top: 2px solid var(--win-border); }
.akt-gorsel-eylem { margin-top: 10px; }

/* İki sütun: dar sol (görsel) + geniş sağ (form); sol sütun kayarken sabit; geniş öne açılan pencere. [26-09-2026] */
.ds-iki-sutun.ds-iki-sutun--genis-sag { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); align-items: start; }
@media (max-width: 1000px) { .ds-iki-sutun.ds-iki-sutun--genis-sag { grid-template-columns: 1fr; } }
.ds-yapiskan-sutun { position: sticky; top: 64px; }
.ds-sayfa--gomulu .ds-yapiskan-sutun { top: 12px; }
@media (max-width: 1000px) { .ds-yapiskan-sutun { position: static; } }
.ds-pencere.ds-pencere--genis { width: min(1480px, 100%); height: min(940px, 100%); }

/* --- Fatura önizleme (Aktarım Merkezi > Faturalar, 28-09-2026) --- */
.fo-sarmal { display: flex; flex-direction: column; height: calc(100vh - 90px); gap: var(--ds-bosluk-3); }
/* [30-09-2026] Pencere içinde tek kaydırma çubuğu: dış sayfa kaymaz, yalnız fatura görünümü (iframe) kayar. */
.ds-sayfa--gomulu .fo-sarmal { height: calc(100vh - 2 * var(--ds-bosluk-4)); }
html:has(.fo-sarmal), .ds-sayfa--gomulu:has(.fo-sarmal) { overflow: hidden; }
.fo-arac-cubugu { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-bosluk-3); flex-wrap: wrap; }
.fo-baslik-grup { display: flex; align-items: center; gap: var(--ds-bosluk-3); flex-wrap: wrap; }
.fo-baslik { font-size: 16px; }
.fo-cerceve { flex: 1; width: 100%; border: 1px solid var(--win-border); border-radius: var(--ds-radius); background: #fff; }

/* [29-09-2026] Satır işlem menüsü (details.satir-menu "⋯") -- ortak bileşen; subeler.css yüklemeyen sayfalarda da çalışsın.
   Davranış: static/sonuc_liste.js (açılınca sabit konumlanır, dışarı tıklayınca kapanır). */
.satir-menu { display: inline-block; position: relative; }
.satir-menu summary { list-style: none; cursor: pointer; }
.satir-menu summary::-webkit-details-marker { display: none; }
.satir-menu-buton { display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; line-height: 1;
  min-width: 28px; height: 28px; padding: 2px 8px; border-radius: var(--win-radius-control, 6px); color: var(--win-text-secondary);
  border: 1px solid transparent; cursor: pointer; user-select: none; }
.satir-menu-buton:hover { background: var(--win-surface-alt); color: var(--win-text); border-color: var(--win-border); }
.satir-menu-icerik { position: absolute; right: 0; top: 100%; z-index: 100; margin-top: 4px; background: var(--win-surface);
  border: 1px solid var(--win-border-strong); border-radius: var(--win-radius-control, 8px); box-shadow: var(--win-shadow-card, 0 6px 20px rgba(0,0,0,.14));
  padding: 4px; display: flex; flex-direction: column; min-width: 180px; white-space: nowrap; }
.satir-menu-form { display: block; margin: 0; padding: 0; }
.satir-menu-oge { font-family: inherit; display: block; width: 100%; text-align: left; font-size: 13px; background: none; border: none; cursor: pointer;
  padding: 6px 12px; border-radius: var(--win-radius-control, 6px); color: var(--win-text); text-decoration: none; box-sizing: border-box; }
.satir-menu-oge:hover { background: var(--win-surface-alt); }
.satir-menu-oge:disabled { cursor: default; opacity: .75; background: none; }
.satir-menu-oge--tehlike { color: var(--win-critical-fg); }
.satir-menu-oge--tehlike:hover { background: var(--win-critical-bg); }

/* ------------------------------------------------------------------ Satış Faturası ekranı (05-10-2026) */
.sfe { max-width: 1500px; margin: 0 auto; }
.sfe .ds-kart + .ds-kart { margin-top: var(--ds-bosluk-4); }
.sfe-ust { display: flex; gap: 24px; align-items: flex-start; flex-wrap: wrap; }
.sfe-cari { display: grid; grid-template-columns: minmax(240px, 340px) minmax(260px, 1fr); gap: 12px; flex: 1 1 640px; min-width: 0; }
.sfe-sag { display: grid; grid-template-columns: 210px 170px; gap: 12px; margin-left: auto; }
.sfe-satir { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin-top: 4px; align-items: start; }
.sfe-kur { display: flex; gap: 6px; align-items: center; }
.sfe-kur .ds-gir { min-width: 0; }
.sfe-not { font-size: 12px; color: var(--win-text-secondary); margin-top: 4px; }
.sfe-uyari { color: var(--win-uyari, #b45309); font-weight: 600; margin-top: 8px; }
.sfe-uyari[hidden] { display: none; }
.sfe-panel { margin-top: 12px; padding: 12px; border: 1px dashed var(--win-border-strong); border-radius: 8px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.sfe-panel[hidden] { display: none; }
.sfe-panel .ds-alan { flex: 1 1 100%; margin-bottom: 0; }
.sfe-liste { border: 1px solid var(--win-border); border-radius: 6px; margin-top: 4px; max-height: 240px; overflow: auto; background: var(--win-surface); }
.sfe-liste:empty { display: none; }
.sfe-liste button, .sfe-iade-liste button { display: block; width: 100%; text-align: left; padding: 8px 10px; border: 0; border-bottom: 1px solid var(--win-border); background: transparent; cursor: pointer; font: inherit; color: var(--win-text); }
.sfe-liste button:hover, .sfe-liste button:focus, .sfe-iade-liste button:hover, .sfe-iade-liste button:focus { background: var(--win-surface-alt); outline: none; }
.sfe-iade-liste { border: 1px solid var(--win-border); border-radius: 6px; max-height: 260px; overflow: auto; margin-bottom: 12px; padding: 0; font-size: 13px; }
.sfe-onay { display: flex; gap: 8px; align-items: center; margin-top: 6px; font-size: 12px; color: var(--win-text-secondary); }
.sfe-kod { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; font-weight: 700; }
.sfe-sag-yazi { text-align: right; }
.sfe-urun { max-width: 640px; }
.sfe-kalem-girdi { width: 100%; min-width: 80px; }
.sfe-toplam { display: grid; grid-template-columns: 1fr auto; gap: 4px 24px; max-width: 360px; margin-left: auto; padding-top: 12px; }
.sfe-toplam [hidden] { display: none; }
.sfe-toplam strong { font-size: 1.15em; }
.sfe-alt { display: flex; gap: 8px; justify-content: flex-end; margin-top: var(--ds-bosluk-4); }
.sfe-radyo { display: flex; gap: 16px; margin-top: 4px; }
.sfe-radyo label { display: flex; align-items: center; gap: 6px; font-weight: 600; cursor: pointer; }
.sfe-modal-genis { width: min(640px, calc(100vw - 32px)); }
.sfe-form2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
.sfe-form2 .sfe-tam { grid-column: 1 / -1; }
@media (max-width: 900px) {
  .sfe-cari { grid-template-columns: 1fr; }
  .sfe-sag { margin-left: 0; grid-template-columns: 1fr 1fr; width: 100%; }
}
.sfe-onay input { width: auto; margin: 0; }
.sfe-kur .ds-btn { white-space: nowrap; }
.sfe-kur .ds-gir { flex: 1 1 90px; }

/* [05-10-2026] e-Fatura / e-Arşiv sekme düğmeleri: ton farkı (mavi / yeşil) */
.ds-btn--efatura { background: var(--win-info-bg); color: var(--win-info-fg); border-color: transparent; }
.ds-btn--earsiv { background: var(--win-success-bg); color: var(--win-success-fg); border-color: transparent; }
.ds-btn--efatura:hover, .ds-btn--earsiv:hover { filter: brightness(.96); }
.ds-btn--efatura.akt-sekme-btn--aktif, .ds-btn--earsiv.akt-sekme-btn--aktif { border-color: currentColor; box-shadow: inset 0 0 0 1px currentColor; }

/* [05-10-2026] Satış faturası üst bilgiler: büyük arama düğmesi, açılır cari arama paneli, tek satır alan ızgarası */
.ds-arama-btn--buyuk { height: 32px; width: 32px; min-width: 32px; max-width: 32px; right: 6px; }
.ds-arama-btn--buyuk .ds-ikon { width: 20px; height: 20px; }
.ds-arama-btn--buyuk .ds-ikon svg { width: 20px; height: 20px; }
.sfe-aciklir { position: relative; }
.sfe-arama-panel { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 30; padding: 8px; background: var(--win-surface); border: 1px solid var(--win-border-strong); border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, .18); }
.sfe-arama-panel[hidden] { display: none; }
.sfe-arama-panel .sfe-liste { max-height: 260px; }
.sfe-satir { grid-template-columns: 96px minmax(150px, 1.3fr) 84px minmax(110px, 1fr) minmax(120px, 1fr) 84px minmax(150px, 1.2fr) 96px minmax(160px, 1.3fr); }
.sfe-kur { align-items: stretch; }
.sfe-kur .ds-btn { height: auto; min-height: 0; align-self: stretch; }
@media (max-width: 1500px) { .sfe-satir { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } }

/* [10-10-2026] Şeritli (iki renkli) tablo ve tıklanabilir satır: <table class="ds-tablo ds-tablo--seritli">, satıra class="ds-satir-ac" (çift tıklayınca açılan listeler) */
.ds-tablo--seritli tbody tr:nth-child(even) { background: var(--win-surface-alt); }
.ds-tablo--seritli tbody tr.ds-satir-ac { cursor: pointer; }
.ds-tablo--seritli tbody tr.ds-satir-ac:hover { background: color-mix(in srgb, var(--win-accent, #2563eb) 10%, var(--win-surface, #ffffff)); }

/* [10-10-2026] CRM: kanban (potansiyel aşamaları) ve küçük belge görseli (kartvizit) */
.ds-kanban { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(230px, 1fr); gap: 12px; overflow-x: auto; padding-bottom: 8px; align-items: start; }
.ds-kanban__sutun { background: var(--win-surface-alt); border: 1px solid var(--win-border); border-radius: 10px; padding: 10px; min-height: 160px; }
.ds-kanban__baslik { margin: 0 0 6px; font-size: 13px; display: flex; justify-content: space-between; align-items: center; gap: 6px; }
.ds-kanban__liste { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; min-height: 60px; }
.ds-kanban__kart { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; background: var(--win-surface); border: 1px solid var(--win-border); border-radius: 8px; color: inherit; text-decoration: none; font-size: 12.5px; cursor: grab; }
.ds-kanban__kart:hover { border-color: var(--win-accent, #2563eb); }
.ds-kanban__kart--gecikmis { border-left: 3px solid var(--win-danger, #dc2626); }
.ds-belge-gorsel--kucuk { max-width: 360px; }

/* [10-10-2026] CRM takvim: ay görünümü */
.ds-takvim { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border: 1px solid var(--win-border); border-radius: 10px; overflow: hidden; background: var(--win-surface); }
.ds-takvim__gun-ad { padding: 6px 8px; font-size: 12px; font-weight: 700; background: var(--win-surface-alt); border-bottom: 1px solid var(--win-border); }
.ds-takvim__hucre { min-height: 96px; padding: 4px; border-right: 1px solid var(--win-border); border-bottom: 1px solid var(--win-border); display: flex; flex-direction: column; gap: 2px; cursor: pointer; min-width: 0; }
.ds-takvim__hucre:hover { background: color-mix(in srgb, var(--win-accent, #2563eb) 6%, var(--win-surface, #ffffff)); }
.ds-takvim__hucre--disari { opacity: .5; }
.ds-takvim__hucre--bugun { outline: 2px solid var(--win-accent, #2563eb); outline-offset: -2px; }
.ds-takvim__no { font-size: 12px; font-weight: 700; }
.ds-takvim__olay { border: 0; text-align: left; font: inherit; font-size: 11.5px; padding: 2px 6px; border-radius: 6px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: inherit; }
.ds-takvim__olay--randevu { background: color-mix(in srgb, var(--win-accent, #2563eb) 22%, var(--win-surface, #ffffff)); }
.ds-takvim__olay--gorev { background: color-mix(in srgb, #f59e0b 28%, var(--win-surface, #ffffff)); }
.ds-takvim__olay--takip { background: color-mix(in srgb, #16a34a 24%, var(--win-surface, #ffffff)); }
.ds-takvim__olay--tamam { text-decoration: line-through; opacity: .6; }
.ds-takvim__baslik { min-width: 140px; text-align: center; }
.ds-takvim__gosterge { margin-left: auto; display: inline-flex; gap: 6px; }
.ds-ikon--ters { display: inline-flex; transform: scaleX(-1); }
@media (max-width: 800px) { .ds-takvim__hucre { min-height: 64px; } .ds-takvim__olay { font-size: 10.5px; } }
.ds-btn[hidden], .ds-kart[hidden], .ds-ilerleme[hidden] { display: none !important; }

/* [10-10-2026] CRM pano: gösterge kutusu */
.ds-gostergeler { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.ds-gosterge { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border: 1px solid var(--win-border); border-radius: 10px; background: var(--win-surface); color: inherit; text-decoration: none; }
a.ds-gosterge:hover { border-color: var(--win-accent, #2563eb); }
.ds-gosterge__ad { font-size: 12px; color: var(--win-text-secondary); }
.ds-gosterge__sayi { font-size: 24px; font-weight: 800; }
.ds-gosterge__alt { font-size: 11.5px; color: var(--win-text-secondary); }
.ds-gosterge--kritik .ds-gosterge__sayi { color: var(--win-critical-fg); }
.ds-gosterge--iyi .ds-gosterge__sayi { color: var(--win-success-fg); }
.ds-ilerleme-cubuk { width: 100%; height: 10px; accent-color: var(--win-accent, #2563eb); }
.ds-takvim__olay--sozlesme { background: color-mix(in srgb, #dc2626 22%, var(--win-surface, #ffffff)); }

/* [11-10-2026] E-posta HTML önizlemesi (sandbox iframe) */
.ds-onizleme { width: 100%; min-height: 320px; border: 1px solid var(--win-border); border-radius: 8px; background: #fff; }

/* [11-10-2026] E-posta kutusu: Gmail benzeri kategori sekmeleri ve şirket logosu alanı */
.gm-sekmeler { display: flex; gap: 2px; border-bottom: 1px solid var(--win-border); padding: 0 8px; overflow-x: auto; background: var(--win-surface); }
.gm-sekmeler[hidden] { display: none; }
.gm-sekme { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 0; min-width: 118px; padding: 9px 18px 7px; border: 0; border-bottom: 3px solid transparent; background: transparent;
            color: var(--win-text-secondary); font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.gm-sekme:hover { background: var(--win-surface-alt); }
.gm-sekme--aktif { color: var(--win-accent, #2563eb); border-bottom-color: var(--win-accent, #2563eb); }
.gm-sekme-sayi { font-size: 11.5px; font-weight: 400; min-height: 14px; }
.gm-logo { display: flex; align-items: center; justify-content: center; min-height: 56px; margin: 0 4px 12px 0; padding: 8px 10px; border: 1px dashed var(--win-border); border-radius: 12px;
           background: var(--win-surface); text-decoration: none; color: inherit; overflow: hidden; }
.gm-logo img { max-width: 100%; max-height: 52px; height: auto; object-fit: contain; display: block; }
.gm-logo-ad { font-size: 13px; font-weight: 700; text-align: center; word-break: break-word; }
@media (max-width: 900px) { .gm-logo { display: none; } }

/* [11-10-2026] Yardım ve kullanım kılavuzu */
.yd-sayfa { display: grid; gap: 16px; }
.yd-ara-form .ds-arama-kutu { max-width: 760px; }
.yd-hizli { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); grid-auto-rows: 1fr; gap: 12px; }
.yd-hizli__kart, .yd-konu-kart { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border: 1px solid var(--win-border); border-radius: 12px; background: var(--win-surface); color: inherit; text-decoration: none; }
.yd-hizli__kart:hover, .yd-konu-kart:hover { border-color: var(--win-accent, #2563eb); box-shadow: 0 2px 8px rgba(0, 0, 0, .12); }
.yd-hizli__kart span, .yd-konu-kart span { font-size: 12.5px; line-height: 1.4; color: var(--win-text-secondary); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.yd-konu-kart .yd-konu-kart__alt { display: block; -webkit-line-clamp: unset; overflow: visible; }
.yd-konu-kart__alt { margin-top: auto; padding-top: 6px; font-size: 11.5px; }
.yd-konular { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); grid-auto-rows: 1fr; gap: 12px; }
.yd-b1 { font-size: 24px; margin: 0 0 6px; }
.yd-b2 { font-size: 17px; margin: 22px 0 8px; padding-bottom: 4px; border-bottom: 1px solid var(--win-border); }
.yd-b3 { font-size: 15px; margin: 18px 0 6px; }
.yd-sonuc { padding: 10px 0; border-bottom: 1px solid var(--win-border); }
.yd-sonuc__baslik { font-weight: 700; font-size: 15px; }
.yd-sonuc__parca { font-size: 13px; color: var(--win-text-secondary); margin-top: 3px; }
.yd-kok { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 22px; align-items: start; }
.yd-yan { position: sticky; top: 8px; max-height: calc(100vh - 110px); overflow-y: auto; padding: 4px 8px 4px 0; font-size: 13px; }
.yd-yan__ara { margin-bottom: 10px; }
.yd-yan__baslik { margin: 14px 0 4px; font-size: 11.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--win-text-secondary); }
.yd-yan nav { display: flex; flex-direction: column; }
.yd-yan nav a { padding: 4px 8px; border-radius: 6px; color: inherit; text-decoration: none; }
.yd-yan nav a:hover { background: var(--win-surface-alt); }
.yd-yan--aktif { font-weight: 700; background: var(--win-surface-alt); }
.yd-yan__grup { margin: 8px 0 2px 8px; font-size: 11px; color: var(--win-text-secondary); }
.yd-makale { min-width: 0; max-width: 980px; }
.yd-ozet { font-size: 15px; color: var(--win-text-secondary); margin: 0 0 10px; }
.yd-rozetler { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; font-size: 13px; margin: 0 0 8px; }
.yd-bolum p, .yd-bolum-belge p { line-height: 1.6; margin: 8px 0; }
.yd-liste, .yd-adimlar { margin: 8px 0 8px 22px; padding: 0; line-height: 1.6; }
.yd-liste li, .yd-adimlar li { margin: 4px 0; }
.yd-adimlar li::marker { font-weight: 700; color: var(--win-accent, #2563eb); }
.yd-kutu { margin: 10px 0; }
.yd-tablo td { vertical-align: top; }
.yd-makale code, .yd-kilavuz code { padding: 1px 5px; border-radius: 4px; background: var(--win-surface-alt); font-size: 12.5px; }
.yd-sss { display: grid; gap: 6px; }
.yd-soru { border: 1px solid var(--win-border); border-radius: 10px; padding: 8px 12px; background: var(--win-surface); }
.yd-soru summary { cursor: pointer; font-weight: 600; }
.yd-gezin { display: flex; justify-content: space-between; gap: 10px; margin-top: 28px; flex-wrap: wrap; }
@media (max-width: 960px) { .yd-kok { grid-template-columns: 1fr; } .yd-yan { position: static; max-height: none; } }
/* kılavuz belgesi (yazdırma / PDF) */
.yd-kilavuz { max-width: 900px; margin: 0 auto; padding: 18px 20px 60px; }
.yd-arac { display: flex; gap: 8px; justify-content: flex-end; margin-bottom: 14px; }
.yd-kapak { padding: 40px 0 24px; border-bottom: 2px solid var(--win-border); margin-bottom: 20px; }
.yd-kapak h1 { font-size: 32px; margin: 0 0 8px; }
.yd-icindekiler h3 { margin: 14px 0 4px; font-size: 14px; }
.yd-ic-liste { margin: 0 0 0 22px; padding: 0; line-height: 1.7; }
.yd-bolum-belge { margin-top: 34px; padding-top: 10px; border-top: 1px solid var(--win-border); break-inside: auto; }
.yd-grup-etiket { font-size: 12px; color: var(--win-text-secondary); text-transform: uppercase; letter-spacing: .04em; }
.yd-ss-yazdir { margin: 6px 0; }
@media print {
  .yd-arac { display: none !important; }
  .yd-kilavuz { max-width: none; padding: 0; }
  .yd-bolum-belge { break-before: page; border-top: 0; }
  .yd-kapak { break-after: page; }
  .yd-icindekiler { break-after: page; }
  .yd-tablo, .yd-kutu { break-inside: avoid; }
  .yd-b1, .yd-b3 { break-after: avoid; }
  a { color: inherit; text-decoration: none; }
}


/* --------------------------------------------------------------- finans / kasa kayitlari [14-10-2026] */
.kk-sonuc { padding: var(--ds-bosluk-2); cursor: pointer; border-bottom: 1px solid var(--win-border); }
.kk-sonuc:hover { background: var(--win-surface-alt); }
.kk-onizleme { margin-top: var(--ds-bosluk-3); }
.kk-panel { margin-top: var(--ds-bosluk-3); }

/* kasa kayitlari: gelir / gider yonu renkle belirtilir */
.kk-yon { min-width: 220px; padding: var(--ds-bosluk-4); border-radius: var(--ds-radius); border: 2px solid transparent; font-size: 18px; font-weight: 700; cursor: pointer; text-align: left; }
.kk-yon small { display: block; font-size: 13px; font-weight: 400; opacity: .85; margin-top: var(--ds-bosluk-1); }
.kk-yon--gelir { background: var(--win-success-bg); color: var(--win-success-fg); border-color: var(--win-success-fg); }
.kk-yon--gider { background: var(--win-critical-bg); color: var(--win-critical-fg); border-color: var(--win-critical-fg); }
.kk-yon:hover { filter: brightness(.96); }
.kk-yon-bant { display: flex; align-items: center; justify-content: space-between; gap: var(--ds-bosluk-3); padding: var(--ds-bosluk-3) var(--ds-bosluk-4); border-radius: var(--ds-radius); font-weight: 700; margin: var(--ds-bosluk-2) 0; }
.kk-ana--gelir .kk-yon-bant { background: var(--win-success-bg); color: var(--win-success-fg); border-left: 6px solid var(--win-success-fg); }
.kk-ana--gider .kk-yon-bant { background: var(--win-critical-bg); color: var(--win-critical-fg); border-left: 6px solid var(--win-critical-fg); }
.kk-ana--gelir .kk-sekme.ds-btn--ikincil { background: var(--win-success-bg); color: var(--win-success-fg); border-color: var(--win-success-fg); }
.kk-ana--gider .kk-sekme.ds-btn--ikincil { background: var(--win-critical-bg); color: var(--win-critical-fg); border-color: var(--win-critical-fg); }
.kk-ana--gelir .ds-kart { border-top: 3px solid var(--win-success-fg); }
.kk-ana--gider .ds-kart { border-top: 3px solid var(--win-critical-fg); }

.kk-yok { color: var(--win-critical-fg); font-weight: 700; margin-left: var(--ds-bosluk-2); text-transform: none; }

.kk-ad { color: #3b4856; font-weight: 700; margin-left: var(--ds-bosluk-2); text-transform: none; }
[data-tema="koyu"] .kk-ad { color: #b4c0cc; }

/* kasa kayitlari: arama sonuclari ustte acilan liste (satirlari kaydirmaz) */
.kk-alan-ara { position: relative; }
.kk-liste { position: absolute; left: 0; right: 0; z-index: 60; margin-top: var(--ds-bosluk-1); max-height: 320px; overflow-y: auto; background: var(--win-surface); border: 1px solid var(--win-border);
  border-radius: var(--ds-radius-kk); box-shadow: 0 12px 32px rgba(0, 0, 0, .18); }
.kk-liste[hidden] { display: none; }
.kk-liste .kk-sonuc { display: flex; align-items: baseline; gap: var(--ds-bosluk-3); padding: 9px var(--ds-bosluk-3); cursor: pointer; border-bottom: 1px solid var(--win-border); }
.kk-liste .kk-sonuc:last-child { border-bottom: 0; }
.kk-liste .kk-sonuc .kod { flex: 0 0 auto; min-width: 104px; }
.kk-liste .kk-sonuc mark { background: color-mix(in srgb, var(--win-accent) 22%, transparent); color: inherit; border-radius: 3px; padding: 0 1px; }
.kk-liste .kk-sonuc:hover, .kk-liste .kk-sonuc--aktif { background: var(--win-surface-alt); }
.kk-liste .kk-sonuc--aktif { box-shadow: inset 3px 0 0 var(--win-accent); }
.kk-liste__bos { padding: var(--ds-bosluk-3); }

/* kasa kayitlari: yazim onay penceresi ve yesil ilerleme cubugu */
.ds-ilerleme--yesil .ds-ilerleme-dolu { background: var(--win-success-fg); }
.ds-ilerleme--yesil .ds-ilerleme-yuva { height: 12px; }
.kk-ozet { width: 100%; border-collapse: collapse; margin: var(--ds-bosluk-2) 0 var(--ds-bosluk-3); }
.kk-ozet th { text-align: left; width: 38%; padding: 7px var(--ds-bosluk-2) 7px 0; color: var(--win-text-secondary); font-weight: 600; vertical-align: top; border-bottom: 1px solid var(--win-border); }
.kk-ozet td { padding: 7px 0; font-weight: 700; border-bottom: 1px solid var(--win-border); }
.kk-onay-ust { display: inline-block; padding: 3px 10px; border-radius: 99px; font-size: 12px; font-weight: 800; margin-bottom: var(--ds-bosluk-2); }
.kk-onay-ust--gelir { background: var(--win-success-bg); color: var(--win-success-fg); }
.kk-onay-ust--gider { background: var(--win-critical-bg); color: var(--win-critical-fg); }
.kk-onay-bitti { text-align: center; padding: var(--ds-bosluk-3) 0; font-weight: 700; color: var(--win-success-fg); }

.kk-onay-basim { display: flex; align-items: center; gap: var(--ds-bosluk-2); margin-top: var(--ds-bosluk-3); font-weight: 700; cursor: pointer; }

/* uzun adres / kod degerleri tasmasin: kart icinde satir sonuna sarar */
.ds-bilgi--adres { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); margin-bottom: var(--ds-bosluk-3); }
.ds-bilgi--adres > div { min-width: 0; padding: var(--ds-bosluk-2) var(--ds-bosluk-3); background: var(--win-surface-alt); border-radius: var(--ds-radius-kk); }
.ds-bilgi--adres > div > strong { display: block; margin-top: 2px; font-size: 13px; overflow-wrap: anywhere; word-break: break-all; }
.ds-bilgi > * { min-width: 0; }
.ds-bilgi dt, .ds-bilgi dd { overflow-wrap: anywhere; }

/* [19-10-2026] Faturalar sekmesi: liste tam genişlik, "Fatura önizleme" listenin altında (sağ kolon yok) */
.akt-ana-izgara.akt-ana-izgara--alt { grid-template-columns: minmax(0, 1fr); }
.akt-ana-izgara--alt .akt-sag-kolon .akt-bilgi-liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 4px 24px; }
/* [19-10-2026] Sayfa içi pencere (dsPencereAc yedeği): arkadaki sayfa tıklanabilir kalır; pencere taşınır, boyutlandırılır, tam ekran olur (pencere_esnek.js) */
.ds-pencere-masa.ds-pencere-masa--esnek { background: none; pointer-events: none; padding: 0; }
.ds-pencere-masa--esnek .ds-pencere { pointer-events: auto; box-shadow: 0 18px 60px rgba(0, 0, 0, .35); }


/* [21-10-2026] Alış faturası üst bilgi satırı TEK satır: Cari Kodu | Cari Ünvanı | Tarih | Cariyi Aç | Depo | Fatura/Belge No | Fatura Durumu | İşlemi Yapan */
@media (min-width: 1181px) {
  .gf-master-grid.gf-master-grid--tek { grid-template-columns: minmax(150px, .9fr) minmax(170px, 1.4fr) 140px 86px minmax(150px, .9fr) minmax(150px, .9fr) 96px minmax(110px, .7fr); gap: 10px; }
}


/* [21-10-2026] Alış faturası kalem satırı: Eşleştirmeyi değiştir + Ürün Ağacı Oluştur yan yana; hizmet/gider seçimi kendi satırında. Cariyi Aç yüksekliği girdilerle aynı. */
.gf-koli-butonlar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.gf-koli-butonlar > select { flex: 1 1 100%; }
.gf-master-grid--tek #gfCariAcBtn { height: 36px; width: 100%; padding: 0 8px; font-size: 13px; }

.gf-koli-butonlar > .ds-btn { padding: 6px 10px; font-size: 12px; white-space: nowrap; }


/* [21-10-2026] Alış faturası satır işlemleri menüsü (⋯) */
.gf-satir-menu-btn { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 22px; margin-left: 4px; padding: 0; vertical-align: middle; border: 1px solid var(--win-border-strong, #cbd5e1); border-radius: 6px; background: var(--win-surface, #fff); color: var(--win-text, #111); font-size: 16px; line-height: 1; cursor: pointer; }
.gf-satir-menu-btn:hover { background: var(--win-surface-alt, #f1f5f9); }
#gfSatirMenu { position: fixed; z-index: 30000; min-width: 230px; padding: 6px; border: 1px solid var(--win-border-strong, #cbd5e1); border-radius: 10px; background: var(--win-surface, #fff); box-shadow: 0 14px 40px rgba(0, 0, 0, .28); display: flex; flex-direction: column; gap: 2px; }
.gf-satir-menu-oge { display: block; width: 100%; padding: 8px 12px; border: 0; border-radius: 7px; background: transparent; color: var(--win-text, #111); font-size: 13px; font-weight: 600; text-align: left; cursor: pointer; }
.gf-satir-menu-oge:hover { background: var(--win-surface-alt, #eef2f7); }
.gf-satir-menu-oge--tehlike { color: #b91c1c; }
/* [21-10-2026] Pencere (mzPencereAc / dsPencereAc) açıkken arkadaki sayfanın kaydırma çubuğu gizlenir (kaydırma tekerle sürer); çift çubuk görüntüsü biter */
html.mz-pencere-acik, html.mz-pencere-acik body { scrollbar-width: none; }
html.mz-pencere-acik::-webkit-scrollbar, html.mz-pencere-acik body::-webkit-scrollbar { display: none; }

/* [21-10-2026] ⋯ düğmesi hep hücrenin SAĞ kenarında (isim uzunluğundan bağımsız, alt alta hizalı) */
.gf-ad-satir { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.gf-ad-satir > strong { flex: 1 1 auto; min-width: 0; }
.gf-ad-satir > .gf-satir-menu-btn { flex: 0 0 auto; margin-left: 0; }

.gf-tl-karsilik { color: var(--win-text-secondary, #64748b); font-size: 11px; font-weight: 600; }

.gc-pencereler { flex: 0 1 auto; }
.gc-sekme--pencere { border-style: dashed; }
.gc-pen__kapat::before { content: ''; width: 9px; height: 9px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat; }

/* [23-10-2026] Aşağı Al (tam sayfa): sayfa gizlenir ama yaşar; üstünde çalışma alanı katmanı */
.ds-park-ortu { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: var(--gc-h, 44px); width: 100%; height: calc(100% - var(--gc-h, 44px)); border: 0; z-index: 8000; background: var(--win-bg, #f8fafc); }
html.ds-park-ortu-acik .ds-park-ortu { display: block; }
html.ds-park-ortu-acik body > *:not(#gc):not(#gc-secici):not(.ds-park-ortu) { display: none !important; }

/* [24-10-2026] Her satis ekrani ayri renk: 1 mavi, 2 mor, 3 turuncu, 4 yesil (ekranlar karismasin) */
.pos-ekran-r1 { --ekran-renk:#2563eb; --ekran-renk2:#60a5fa; }
.pos-ekran-r2 { --ekran-renk:#7c3aed; --ekran-renk2:#a78bfa; }
.pos-ekran-r3 { --ekran-renk:#ea580c; --ekran-renk2:#fb923c; }
.pos-ekran-r4 { --ekran-renk:#059669; --ekran-renk2:#34d399; }
.ds-ust[class*="pos-ekran-r"] { border-top: 8px solid var(--ekran-renk); }
.ds-rozet[class*="pos-ekran-r"] { background: var(--ekran-renk) !important; color: #fff !important; border-color: var(--ekran-renk) !important; font-weight: 800 !important; }
.pos-winform[class*="pos-ekran-r"] { border: 3px solid var(--ekran-renk); }
.pos-winform[class*="pos-ekran-r"] .pos-winform-baslik { background: linear-gradient(90deg, var(--ekran-renk), var(--ekran-renk2)); }
.pos-yeni-ekran-btn[class*="pos-ekran-r"] { border-left: 6px solid var(--ekran-renk); }
/* [24-10-2026] 2-4. ekran dugmeleri yan yana, tek grup */
.pos-ekran-dugmeleri { display: inline-flex; flex-direction: row; align-items: center; gap: 6px; flex-wrap: nowrap; white-space: nowrap; }
.pos-ekran-dugmeleri .pos-yeni-ekran-btn { margin-left: 0; flex: 0 0 auto; }

/* ---- Ayarlar > Görünüm: üstte ayar şeridi + altta kompakt tema ızgarası (tek ekrana sığar) [27-10-2026] ---- */
.gorunum-ust { display: grid; grid-template-columns: minmax(140px, auto) auto minmax(0, 1fr) auto; gap: 10px 24px; align-items: center; padding: 12px 16px; margin-bottom: 14px; background: var(--win-surface-alt); border: 1px solid var(--win-border); border-radius: var(--stil-radius-card, 12px); }
.gorunum-ust .gorunum-secici-grup { margin: 0; }
.gorunum-ust .gorunum-secici-baslik { margin-bottom: 4px; }
.gorunum-ust .gorunum-secici-butonlar { flex-wrap: nowrap; gap: 6px; }
.gorunum-ust .gorunum-secici-buton { padding: 6px 12px; min-height: 0; font-size: 13px; }
.gorunum-ust__oto { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.gorunum-secili-ad { margin: 0; font-size: 16px; font-weight: 750; color: var(--win-text); }
.gorunum-eylem { display: flex; gap: 8px; }
.gorunum-eylem .ds-btn { justify-content: center; }
.gorunum-ozel-bilgi { margin: -4px 0 12px; }
.gorunum-temalar { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 0 24px; align-items: start; }
.gorunum-temalar .gorunum-secici-grup { margin-bottom: 12px; }
.gorunum-temalar .gorunum-secici-baslik { margin-bottom: 6px; }
.tema-oto { display: flex; gap: 8px; align-items: flex-start; margin: 2px 0; font-size: 13px; line-height: 1.3; color: var(--win-text); cursor: pointer; }
.tema-oto input { flex: none; width: 16px; height: 16px; min-height: 0; margin: 2px 0 0; padding: 0; }
.tema-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 6px; }
.tema-kart { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 4px; text-align: left; font: inherit; color: var(--win-text);
  background: var(--win-surface); border: 2px solid var(--win-border); border-radius: var(--stil-radius-card, 12px); cursor: pointer;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.tema-kart:hover { transform: translateY(-2px); border-color: var(--win-accent); box-shadow: var(--win-shadow-card-hover); }
.tema-kart:focus-visible { outline: 2px solid var(--win-accent); outline-offset: 2px; }
.tema-kart--aktif { border-color: var(--win-accent); box-shadow: 0 0 0 2px var(--win-accent); }
.tema-kart__onizleme { position: relative; display: block; height: 28px; border-radius: 7px; background: var(--onizleme-zemin); border: 1px solid var(--win-border); overflow: hidden; }
.tema-kart__onizleme i { position: absolute; left: 6px; right: 6px; bottom: 4px; height: 12px; border-radius: 4px; background: var(--onizleme-yuzey); }
.tema-kart__onizleme b { position: absolute; left: 10px; bottom: 7px; width: 38%; height: 6px; border-radius: 3px; background: var(--onizleme-vurgu); }
.tema-kart__ad { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; font-weight: 650; line-height: 1.2; }
@media (max-width: 980px) {
  .gorunum-ust { grid-template-columns: 1fr 1fr; }
  .gorunum-ust__oto { grid-column: 1 / -1; }
  .gorunum-temalar { grid-template-columns: 1fr; }
}
@media (max-width: 560px) { .gorunum-ust { grid-template-columns: 1fr; } .gorunum-eylem { flex-wrap: wrap; } }
.ds-sayfa--gomulu .gorunum-bolum > h2 { display: none; }
.ds-sayfa--gomulu .gorunum-sayfa { padding: 0; }
.gorunum-bolum.subeler-bolum { padding: var(--ds-pencere-bosluk); margin-bottom: 0; }
.gorunum-sayfa { padding: var(--ds-pencere-bosluk); }
.gorunum-sayfa .tam-form-bolum { width: min(1180px, 100%); max-width: none; margin: 0 auto; box-sizing: border-box; }

/* ---- STANDART: pencere içi kenar boşluğu [27-10-2026] ----
   Pencerede (?gomulu=1 / iframe) açılan her sayfa aynı dar kenar boşluğunu kullanır: --ds-pencere-bosluk.
   İçerik pencere genişliğini doldurur ve yukarıdan başlar (ortalanıp çevresinde büyük boşluk kalmaz). */
.ds-sayfa--gomulu .ds-govde { padding: var(--ds-pencere-bosluk); }
.ds-sayfa--gomulu .ds-ortala { padding: var(--ds-pencere-bosluk); align-items: flex-start; }
.ds-sayfa--gomulu .ds-ortala__icerik { width: 100%; margin: 0 auto; }

/* ---- STANDART SAYFA TİPİ: AYAR SAYFASI (ds-ortala + ds-kart) [27-10-2026] ----
   Pencerede açılan ayar sayfalarında kartlar pencere genişliğine göre yan yana dizilir (2 sütun, 900px altı tek sütun);
   kart arası ve kenar boşluğu tek değerdir (--ds-pencere-bosluk). Geniş içerikli kart (tablo, uzun form) class="ds-ayar-tam" alır
   (b.kart(baslik, alt, "ds-ayar-tam")) ve tam satırı kaplar. Sayfa kendi grid/padding/margin yazmaz. */
.ds-sayfa--gomulu .ds-ortala__icerik { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ds-pencere-bosluk); align-items: start; }
@media (max-width: 900px) { .ds-sayfa--gomulu .ds-ortala__icerik { grid-template-columns: minmax(0, 1fr); } }
.ds-sayfa--gomulu .ds-ortala__icerik > * { min-width: 0; margin: 0; }
.ds-sayfa--gomulu .ds-ortala__icerik > .ds-uyari, .ds-sayfa--gomulu .ds-ortala__icerik > .ds-ayar-tam { grid-column: 1 / -1; }
.ds-sayfa--gomulu .ds-ortala__icerik .ds-kart { margin: 0; }
.ds-sayfa--gomulu .ds-ortala__icerik > :only-child, .ds-sayfa--gomulu .ds-ortala__icerik > .ds-kart:only-of-type, .ds-sayfa--gomulu .ds-ortala__icerik .ds-modal__alt { grid-column: 1 / -1; }
.ds-sayfa--gomulu .ds-ortala__icerik > form { display: contents; }

/* ---- STANDART SAYFA TİPİ: ortak yardımcılar [27-10-2026] ----
   .ds-ayar-sutunlar   : kartları 2 bağımsız sütuna böler (<div class="ds-ayar-sutunlar"><div class="ds-ayar-sutun">kartlar</div><div class="ds-ayar-sutun">kartlar</div></div>); farklı yüksekliklerde boşluk bırakmaz
   .ds-form-izgara--2  : yarım genişlikli kartlarda 2 sütunlu form (ds-x2/ds-xtam alanları tam satır)
   .ds-icerik--cift    : .ds-icerik içinde kartlar 2 sütun (ds-uyari ve .ds-ayar-tam tam satır); 900px altı tek sütun
   dl.ds-bilgi         : dt/dd çiftleri "etiket | değer" satırları
   Pencerede (gömülü) .ds-icerik tam genişlik ve tek boşluk değeri kullanır. */
.ds-form-izgara--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ds-ayar-sutunlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ds-pencere-bosluk, 12px); align-items: start; }
.ds-ayar-sutun { display: flex; flex-direction: column; gap: var(--ds-pencere-bosluk, 12px); min-width: 0; }
.ds-ayar-sutun > .ds-kart { margin: 0; }
.ds-ayar-sutunlar { grid-column: 1 / -1; }
@media (max-width: 900px) { .ds-ayar-sutunlar { grid-template-columns: minmax(0, 1fr); } }
.ds-icerik--cift { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.ds-icerik--cift > * { min-width: 0; }
.ds-icerik--cift > .ds-uyari, .ds-icerik--cift > .ds-ayar-tam, .ds-icerik--cift > :only-child { grid-column: 1 / -1; }
@media (max-width: 900px) { .ds-icerik--cift { grid-template-columns: minmax(0, 1fr); } }
dl.ds-bilgi { grid-template-columns: max-content minmax(0, 1fr); gap: 8px 16px; margin: 0; }
dl.ds-bilgi dt { color: var(--win-text-secondary); font-size: 12.5px; }
dl.ds-bilgi dd { margin: 0; }
.ds-sayfa--gomulu .ds-icerik { max-width: none; gap: var(--ds-pencere-bosluk); }
.ds-logo-onizleme { max-height: 72px; max-width: 220px; padding: 6px; border: 1px solid var(--win-border); border-radius: var(--ds-radius-kk); background: var(--win-surface); }
/* Sayfaların kendi kök kapları (max-width/margin/padding yazanlar) pencerede aynı kurala bağlanır: tam genişlik, tek boşluk değeri. */
.ds-sayfa--gomulu :is(.dk-sayfa, .bnk-sayfa, .cr-sayfa, .vd-sayfa, .ks-sayfa, .st-govde, .ak-govde) { max-width: none; width: 100%; margin: 0; padding: 0 0 var(--ds-bosluk-4); box-sizing: border-box; }
/* Merkez sayfaları (ayarlar/modül kutuları) pencerede: sıkı yerleşim, pencereye sığınca kaydırma çıkmaz [27-10-2026] */
.ds-sayfa--gomulu .mz-govde { width: 100%; padding: var(--ds-pencere-bosluk) 0; }
.ds-sayfa--gomulu .mz-tanim { margin-bottom: var(--ds-bosluk-3); }
.ds-sayfa--gomulu .mz-tanim h2 { font-size: 20px; margin-bottom: 4px; }
.ds-sayfa--gomulu .mz-izgara { max-width: none; gap: var(--ds-pencere-bosluk); }
.ds-sayfa--gomulu .mz-kart, .ds-sayfa--gomulu button.mz-kart { height: 164px; padding: 16px 14px; }
/* Pencerede geniş (tam satır) kart içindeki tablo: sıkı hücre, uzun değerler alt satıra sarar, boş durum kısa [27-10-2026] */
.ds-sayfa--gomulu .ds-ayar-tam .ds-tablo th, .ds-sayfa--gomulu .ds-ayar-tam .ds-tablo td { padding: 6px 8px; }
.ds-sayfa--gomulu .ds-ayar-tam .ds-tablo td.kod { white-space: normal; overflow-wrap: anywhere; }
.ds-sayfa--gomulu .ds-ayar-tam .ds-bos { min-height: 0; padding: var(--ds-bosluk-3); }
.ds-sayfa--gomulu .ds-ayar-tam h3.ds-kart__baslik { margin: var(--ds-bosluk-3) 0 var(--ds-bosluk-2); font-size: 14px; }
.ds-sayfa--gomulu .ds-ayar-tam .ds-tablo-sarmal { margin-bottom: var(--ds-bosluk-2); }

/* ---- Satır işlem menüsü ("...") [27-10-2026]: b.islem_menu() + ds_islem_menu.js ---- */
.ds-islem-menu { display: inline-block; }
.ds-islem-dugme { position: relative; width: 32px; height: 28px; padding: 0; border: 1px solid var(--win-border); border-radius: 7px; background: var(--win-surface); cursor: pointer; }
.ds-islem-dugme:hover { background: var(--win-surface-alt); border-color: var(--win-border-strong); }
.ds-islem-dugme:focus-visible { outline: 2px solid var(--win-accent); outline-offset: 2px; }
.ds-islem-dugme::before { content: ""; position: absolute; inset: 0; margin: auto; width: 18px; height: 4px; background: radial-gradient(circle at 2px 2px, var(--win-text) 1.7px, transparent 2.1px) 0 0 / 6px 4px repeat-x; }
.ds-islem-liste { position: fixed; z-index: 9000; min-width: 150px; display: flex; flex-direction: column; gap: 6px; padding: 6px; background: var(--win-surface); border: 1px solid var(--win-border-strong); border-radius: 10px; box-shadow: var(--win-shadow-card-hover); }
.ds-islem-liste[hidden] { display: none; }
.ds-islem-liste form { margin: 0; }
.ds-islem-liste .ds-btn { width: 100%; justify-content: flex-start; }

/* ---- STANDART: ayarlar.html bölüm penceresi (?gomulu=1&bolum=...) [27-10-2026] ----
   Tek bölüm gösteren her pencere ortalanmaz, daralmaz: pencereyi doldurur, sol/sağ/üst/alt boşluk eşit (--ds-pencere-bosluk). */
.ds-sayfa--gomulu .ayarlar-filtre { position: fixed; inset: 0; box-sizing: border-box; display: block; overflow: auto; min-height: 0; padding: var(--ds-pencere-bosluk); }
.ds-sayfa--gomulu .ayarlar-filtre .ayarlar-izgara { display: block; width: 100%; max-width: none; margin: 0; }
.ds-sayfa--gomulu .ayarlar-filtre .subeler-bolum { width: 100%; max-width: none; box-sizing: border-box; margin: 0; flex: none; }
.ds-sayfa--gomulu .ayarlar-filtre > section { width: 100%; max-width: none; margin: 0; }
.ds-sayfa--gomulu .ayarlar-filtre .subeler-bolum:is(#eposta, #ag, #yapay-zeka, #baglanti, #gorunum) { width: 100%; max-width: none; margin: 0; flex: none; }
.ds-sayfa--gomulu .ayarlar-filtre--eposta .ayarlar-izgara { justify-content: flex-start; }
.ds-sayfa--gomulu .ayarlar-filtre--gorunum .subeler-bolum#gorunum { width: min(1180px, 100%); max-width: 1180px; margin: 0 auto; }  /* Görünüm: geniş tema ızgarası, pencere 1180px içeriğe uyar */
.tam-form-alt { align-items: center; }

/* ---- STANDART: Kullanıcı Yönetimi / Aktif Oturumlar pencereleri [27-10-2026] ----
   Eski sayfa içi genişlik/kenar boşlukları (32px, 24px, 1080px sınırı) pencerede kalkar: tek boşluk --ds-pencere-bosluk; tablo pencereye sığar. */
.ds-sayfa--gomulu .ds-ust { padding: var(--ds-pencere-bosluk); min-height: 0; }
.ds-sayfa--gomulu .gomulu { padding: var(--ds-pencere-bosluk); }
.ds-sayfa--gomulu :is(.kullanici-listesi, .kullanici-bilgi-panosu, .adm-sekme-bar, .sekme-bar, .oturum-panosu, .oturum-tablo-kapsayici) { width: 100%; max-width: none; margin-left: 0; margin-right: 0; box-sizing: border-box; }
.ds-sayfa--gomulu :is(.kullanici-bilgi-panosu, .adm-sekme-bar, .sekme-bar, .oturum-panosu) { margin-bottom: var(--ds-pencere-bosluk); }
.ds-sayfa--gomulu :is(.oturum-tablosu, .kullanici-tablosu) :is(th, td) { padding: 8px 10px; }
.ds-sayfa--gomulu .oturum-tablosu { font-size: 12.5px; }
.ds-sayfa--gomulu .oturum-term-kod { font-size: 10px; word-break: break-all; }
.ds-sayfa--gomulu .oturum-tablosu td.td-sag, .ds-sayfa--gomulu .oturum-tablosu th.th-sag { width: 44px; text-align: center; }

/* ---- E-posta alanı uyarısı [27-10-2026]: ds_eposta.js ---- */
.ds-eposta-uyari { margin-top: 4px; font-size: 12px; font-weight: 600; color: var(--win-critical-fg, #b91c1c); }
.ds-eposta-uyari[hidden] { display: none; }
input[aria-invalid="true"] { border-color: var(--win-critical-fg, #b91c1c); }

/* ---- STANDART: ds-sayfa-sarici (tam sayfa içerik sarmalı) [27-10-2026] ---- */
.ds-sayfa-sarici { max-width: 1200px; margin: 0 auto; padding: var(--ds-bosluk-4); box-sizing: border-box; }
.ds-sayfa--gomulu .ds-sayfa-sarici { max-width: none; padding: 0; }

/* ================================================================================================
   DÜĞME STANDARDI (TEK KAYNAK) [27-10-2026]
   Boyut/biçim: tema.css --stil-btn-* jetonları (Sade/Yoğun/Yumuşak/Dar). Renk: tema jetonları (--win-*).
   1) .ds-btn ailesi jetonlara bağlanır. 2) Eski sayfa-içi düğme sınıfları (aşağıdaki liste) AYNI görünüme çekilir;
   renkli varyantlar (yesil/turuncu/mavi/mor) kaldırıldı: birincil / ikincil / tehlike. Yeni ekran: yalnız .ds-btn kullanır.
   ================================================================================================ */
.ds-btn { gap: var(--stil-btn-gap, 7px); height: var(--stil-btn-h, 32px); min-height: var(--stil-btn-h, 32px); padding: 0 var(--stil-btn-pad, 14px);
  border-radius: var(--stil-btn-radius, 7px); font-size: var(--stil-btn-font, 12.5px); box-shadow: var(--stil-btn-shadow, none); }
.ds-btn--kucuk { height: var(--stil-btn-h-k, 28px); min-height: var(--stil-btn-h-k, 28px); padding: 0 var(--stil-btn-pad-k, 10px); font-size: var(--stil-btn-font-k, 11.5px); }
.ds-btn--buyuk { height: var(--stil-btn-h-b, 38px); min-height: var(--stil-btn-h-b, 38px); padding: 0 var(--stil-btn-pad-b, 18px); font-size: var(--stil-btn-font-b, 13.5px); }
.ds-btn svg, .ds-btn .ds-ikon { width: var(--stil-btn-icon, 15px); height: var(--stil-btn-icon, 15px); flex: none; fill: none; stroke: currentColor; }
.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--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); }
.ds-btn--sessiz { background: var(--win-surface-alt); color: var(--win-text); border: 1px solid var(--win-border); }
.ds-btn--tehlike { background: var(--win-critical-bg, #fef2f2); color: var(--win-critical-fg, #dc2626); border: 1px solid color-mix(in srgb, var(--win-critical-fg, #dc2626) 45%, transparent); }
.ds-btn--tehlike:hover { background: color-mix(in srgb, var(--win-critical-fg, #dc2626) 14%, var(--win-critical-bg, #fef2f2)); border-color: var(--win-critical-fg, #dc2626); }

/* eski düğme sınıfları -> aynı standart (özgüllük bilerek yüksek: sayfa içi <style> kurallarını geçer) */
html body :is(.bnk-tool-btn,.mus-tool-btn,.ch-tool-btn,.hp-tool-btn,.cr-tool-btn,.stok-arac-btn,.srv-tablo-btn,.bnk-rehber-btn,.hp-islem-btn,.srv-islem-btn,.btn-top-nav,.iptal-buton,.tam-form-buton,.ekle-buton,.kaydet-buton,.sil-buton,.sil-buton-kucuk,.btn-primary,.btn-sil) { display: inline-flex; align-items: center; justify-content: center; gap: var(--stil-btn-gap, 7px); box-sizing: border-box;
  height: var(--stil-btn-h, 32px); min-height: var(--stil-btn-h, 32px); padding: 0 var(--stil-btn-pad, 14px); border-radius: var(--stil-btn-radius, 7px);
  font: inherit; font-size: var(--stil-btn-font, 12.5px); font-weight: 700; line-height: 1; text-decoration: none; cursor: pointer; transform: none;
  background: var(--win-surface); color: var(--win-text); border: 1px solid var(--win-border); box-shadow: var(--stil-btn-shadow, none);
  transition: background .12s ease, border-color .12s ease; }
html body :is(.bnk-tool-btn,.mus-tool-btn,.ch-tool-btn,.hp-tool-btn,.cr-tool-btn,.stok-arac-btn,.srv-tablo-btn,.bnk-rehber-btn,.hp-islem-btn,.srv-islem-btn,.btn-top-nav,.iptal-buton,.tam-form-buton,.ekle-buton,.kaydet-buton,.sil-buton,.sil-buton-kucuk,.btn-primary,.btn-sil):hover { background: var(--win-surface-alt); border-color: var(--win-border-strong); color: var(--win-text); transform: none; }
html body :is(.bnk-tool-btn,.mus-tool-btn,.ch-tool-btn,.hp-tool-btn,.cr-tool-btn,.stok-arac-btn,.srv-tablo-btn,.bnk-rehber-btn,.hp-islem-btn,.srv-islem-btn,.btn-top-nav,.iptal-buton,.tam-form-buton,.ekle-buton,.kaydet-buton,.sil-buton,.sil-buton-kucuk,.btn-primary,.btn-sil):is(.yesil,.turuncu,.mavi,.mor,.vurgulu,.srv-btn-vurgu-mor) { background: var(--win-surface); color: var(--win-text); border: 1px solid var(--win-border); }
html body :is(.bnk-tool-btn,.mus-tool-btn,.ch-tool-btn,.hp-tool-btn,.cr-tool-btn,.stok-arac-btn,.srv-tablo-btn,.bnk-rehber-btn,.hp-islem-btn,.srv-islem-btn,.btn-top-nav,.iptal-buton,.tam-form-buton,.ekle-buton,.kaydet-buton,.sil-buton,.sil-buton-kucuk,.btn-primary,.btn-sil):is(.kucuk,.sil-buton-kucuk,.sa-btn-kucuk,.sa-btn-mini) { height: var(--stil-btn-h-k, 28px); min-height: var(--stil-btn-h-k, 28px); padding: 0 var(--stil-btn-pad-k, 10px); font-size: var(--stil-btn-font-k, 11.5px); }
html body :is(.bnk-tool-btn,.mus-tool-btn,.ch-tool-btn,.hp-tool-btn,.cr-tool-btn,.stok-arac-btn,.srv-tablo-btn,.bnk-rehber-btn,.hp-islem-btn,.srv-islem-btn,.btn-top-nav,.iptal-buton,.tam-form-buton,.ekle-buton,.kaydet-buton,.sil-buton,.sil-buton-kucuk,.btn-primary,.btn-sil):is(.birincil,.ana,.kaydet-buton,.ekle-buton,.btn-primary,.tam-form-buton:not(.tam-form-buton--ikincil)) { background: var(--win-accent); color: var(--win-accent-fg, #fff); border-color: var(--win-accent); }
html body :is(.bnk-tool-btn,.mus-tool-btn,.ch-tool-btn,.hp-tool-btn,.cr-tool-btn,.stok-arac-btn,.srv-tablo-btn,.bnk-rehber-btn,.hp-islem-btn,.srv-islem-btn,.btn-top-nav,.iptal-buton,.tam-form-buton,.ekle-buton,.kaydet-buton,.sil-buton,.sil-buton-kucuk,.btn-primary,.btn-sil):is(.birincil,.ana,.kaydet-buton,.ekle-buton,.btn-primary,.tam-form-buton:not(.tam-form-buton--ikincil)):hover { background: var(--win-accent-hover); border-color: var(--win-accent-hover); color: var(--win-accent-fg, #fff); }
html body :is(.bnk-tool-btn,.mus-tool-btn,.ch-tool-btn,.hp-tool-btn,.cr-tool-btn,.stok-arac-btn,.srv-tablo-btn,.bnk-rehber-btn,.hp-islem-btn,.srv-islem-btn,.btn-top-nav,.iptal-buton,.tam-form-buton,.ekle-buton,.kaydet-buton,.sil-buton,.sil-buton-kucuk,.btn-primary,.btn-sil):is(.tehlike,.tehlikeli,.sil-buton,.sil-buton-kucuk,.btn-sil) { background: var(--win-critical-bg, #fef2f2); color: var(--win-critical-fg, #dc2626); border-color: color-mix(in srgb, var(--win-critical-fg, #dc2626) 45%, transparent); }
html body :is(.bnk-tool-btn,.mus-tool-btn,.ch-tool-btn,.hp-tool-btn,.cr-tool-btn,.stok-arac-btn,.srv-tablo-btn,.bnk-rehber-btn,.hp-islem-btn,.srv-islem-btn,.btn-top-nav,.iptal-buton,.tam-form-buton,.ekle-buton,.kaydet-buton,.sil-buton,.sil-buton-kucuk,.btn-primary,.btn-sil):is(.tehlike,.tehlikeli,.sil-buton,.sil-buton-kucuk,.btn-sil):hover { background: color-mix(in srgb, var(--win-critical-fg, #dc2626) 14%, var(--win-critical-bg, #fef2f2)); border-color: var(--win-critical-fg, #dc2626); }
html body :is(.bnk-tool-btn,.mus-tool-btn,.ch-tool-btn,.hp-tool-btn,.cr-tool-btn,.stok-arac-btn,.srv-tablo-btn,.bnk-rehber-btn,.hp-islem-btn,.srv-islem-btn,.btn-top-nav,.iptal-buton,.tam-form-buton,.ekle-buton,.kaydet-buton,.sil-buton,.sil-buton-kucuk,.btn-primary,.btn-sil):disabled { opacity: .55; cursor: not-allowed; }
html body :is(.bnk-tool-btn,.mus-tool-btn,.ch-tool-btn,.hp-tool-btn,.cr-tool-btn,.stok-arac-btn,.srv-tablo-btn,.bnk-rehber-btn,.hp-islem-btn,.srv-islem-btn,.btn-top-nav,.iptal-buton,.tam-form-buton,.ekle-buton,.kaydet-buton,.sil-buton,.sil-buton-kucuk,.btn-primary,.btn-sil) svg { width: var(--stil-btn-icon, 15px); height: var(--stil-btn-icon, 15px); flex: none; }