/* KAYNAK: wmwebdemuhasebe/src/app/shared/veri-grid/veri-grid.css
   ELLE DÜZENLEMEYİN — scripts/wmweb-css-esitle.mjs ile yenilenir.
   WMOfis'e özgü kurallar: wwwroot/css/wm-uyum.css */

/* Veri giriş datagrid (DevExpress tarzı) — form sekmeleri / satır tabloları
   Sınıf öneki: wm-dg
   Kural: .cursor/rules/form-veri-grid.mdc
*/

.wm-dg-liste{display:flex;flex-direction:column;gap:12px;padding-bottom:1.25rem}
.wm-dg-kart{--font-size-sm:12px;--app-kontrol-pad-x:9px;display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--app-border);border-radius:4px;background:var(--app-surface);box-shadow:none}
.wm-dg-kart-baslik{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:10px;padding:var(--app-grup-header-pad);border-bottom:1px solid var(--app-grup-header-cizgi);background:var(--app-grup-header-bg);box-shadow:none;position:relative;z-index:3}
.wm-dg-kart-baslik-metin{display:flex;flex:1;min-width:0;align-items:center;flex-wrap:wrap;gap:6px 10px}
.wm-dg-kart-baslik-metin>.material-symbols-outlined{display:block;flex-shrink:0;width:auto;height:auto;border-radius:0;background:transparent;color:var(--app-grup-header-yazi);font-size:16px;line-height:1}
.wm-dg-kart-baslik h2{margin:0;font-size:var(--app-grup-header-baslik);font-weight:var(--font-weight-medium);color:var(--app-grup-header-yazi)}
.wm-dg-kart-baslik p{margin:.1rem 0 0;font-size:var(--font-size-xs);color:var(--app-text-muted)}
.wm-dg-excel{position:relative;z-index:4}
.wm-dg-excel__ok{font-size:16px!important;transition:transform .12s ease}
.wm-dg-excel:has([aria-expanded="true"]) .wm-dg-excel__ok{transform:rotate(180deg)}
.wm-dg-excel__liste{
  position:absolute;top:calc(100% + 4px);right:0;z-index:20;
  min-width:13.5rem;padding:4px;
  border:1px solid var(--app-border);border-radius:var(--app-kontrol-radius);
  background:var(--app-surface);box-shadow:none
}
.wm-dg-excel__oge{
  display:flex;align-items:center;gap:8px;width:100%;
  height:var(--app-kontrol-yukseklik);padding:0 8px;
  border:0;border-radius:var(--app-kontrol-radius);background:transparent;
  color:var(--app-text-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);
  text-align:left;cursor:pointer
}
.wm-dg-excel__oge .material-symbols-outlined{font-size:16px;color:var(--app-text-muted)}
.wm-dg-excel__oge:hover,
.wm-dg-excel__oge:focus-visible{
  background:var(--app-primary-soft);color:var(--app-primary)
}
.wm-dg-excel__oge:hover .material-symbols-outlined,
.wm-dg-excel__oge:focus-visible .material-symbols-outlined{color:var(--app-primary)}
.wm-dg-excel__oge:disabled{opacity:.45;cursor:not-allowed}
.wm-dg-excel__tus{
  display:inline-flex;align-items:center;margin-left:auto;gap:0;
  color:var(--app-text-muted);font-size:var(--font-size-xs)
}
.wm-dg-excel__tus kbd{
  display:inline-flex;min-width:1.2rem;height:16px;align-items:center;justify-content:center;
  border:1px solid var(--app-border);border-bottom-width:2px;border-radius:4px;
  background:var(--app-surface);padding:0 4px;font-family:inherit;font-size:var(--font-size-xs);
  font-weight:var(--font-weight-medium);color:var(--app-text-primary);line-height:1
}
.wm-dg-kisayol{
  display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;min-width:0;
  font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--app-text-muted)
}
.wm-dg-kisayol kbd{
  display:inline-flex;min-width:1.35rem;height:18px;align-items:center;justify-content:center;
  border:1px solid var(--app-border);border-bottom-width:2px;border-radius:4px;
  background:var(--app-surface);padding:0 5px;font-family:inherit;font-size:var(--font-size-xs);
  font-weight:var(--font-weight-medium);color:var(--app-text-primary);line-height:1
}
.wm-dg-kisayol-ayrac{margin:0 2px;color:var(--app-text-muted)}
.wm-dg-scroll{min-height:0;max-height:min(52vh,420px);overflow:auto;overscroll-behavior:contain;background:var(--app-surface)}

.wm-dg{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:12px;font-feature-settings:"tnum" 1,"cv11" 1}
.wm-dg thead th{
  position:sticky;top:0;z-index:2;box-sizing:border-box;height:32px;padding:0 8px;
  border:0;border-right:1px solid var(--app-border);border-bottom:1px solid var(--app-border);
  background:var(--app-surface-alt);color:var(--app-text-muted);font-size:12px;font-weight:500;letter-spacing:0;
  text-align:left;text-transform:none;white-space:nowrap;
  box-shadow:none;text-shadow:none
}
.wm-dg thead th:last-child{border-right:0}
.wm-dg tbody td{
  box-sizing:border-box;height:36px;padding:3px 6px;
  border-right:1px solid var(--app-border);border-bottom:1px solid var(--app-border);
  background:var(--app-surface);color:var(--app-text-body);vertical-align:middle;white-space:nowrap;
  transition:background .1s ease
}
.wm-dg tbody td:last-child{border-right:0}
.wm-dg tbody tr.wm-dg-satir:nth-child(even) td{background:var(--app-surface-alt)}
.wm-dg tbody tr.wm-dg-satir:hover td{background:color-mix(in srgb,var(--app-primary) 12%,var(--app-surface));box-shadow:none}
.wm-dg tbody tr.wm-dg-satir:focus-within td{background:color-mix(in srgb,var(--app-primary) 18%,var(--app-surface));box-shadow:none}
.wm-dg tbody tr.wm-dg-satir--hata td{
  background:color-mix(in srgb,var(--app-error) 10%,var(--app-surface))
}
.wm-dg tbody tr.wm-dg-satir--hata:nth-child(even) td{
  background:color-mix(in srgb,var(--app-error) 12%,var(--app-surface-alt))
}
.wm-dg tbody tr.wm-dg-satir--hata:hover td,
.wm-dg tbody tr.wm-dg-satir--hata:focus-within td{
  background:color-mix(in srgb,var(--app-error) 16%,var(--app-surface))
}
.wm-dg__girdi--hata,
.wm-dg tbody tr.wm-dg-satir--hata .wm-dg__girdi--hata,
select.wm-dg__girdi--hata{
  border-color:var(--app-error)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--app-error) 35%,transparent)
}
.wm-dg__lookup--hata{
  border-color:var(--app-error)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--app-error) 35%,transparent)
}

.wm-dg-sira{width:2.75rem;min-width:2.75rem;max-width:2.75rem;text-align:center!important;font-variant-numeric:tabular-nums;font-weight:600;color:var(--app-text-muted)!important}
.wm-dg-genis{min-width:9.5rem;width:9.5rem}
.wm-dg-barkod{min-width:8.5rem;width:8.5rem}
.wm-dg-tarih{min-width:9.75rem;width:9.75rem}
.wm-dg-dar{width:4.75rem;min-width:4.75rem;max-width:4.75rem}
.wm-dg-tutar{width:8.75rem;min-width:8.75rem;max-width:10rem;text-align:right!important;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}
.wm-dg-birim{width:8.75rem;min-width:8.75rem}
.wm-dg-check{width:4.25rem;min-width:4.25rem;max-width:4.25rem;text-align:center!important;padding-left:4px!important;padding-right:4px!important}
.wm-dg-check input[type="checkbox"]{display:block;width:16px;height:16px;margin:0 auto;accent-color:var(--app-primary);cursor:pointer}
.wm-dg-islem{width:2.5rem;min-width:2.5rem;max-width:2.5rem;text-align:center!important;padding:2px!important}
.wm-dg-bos td{height:72px;text-align:center;color:var(--app-text-muted);background:var(--app-surface-alt)!important;border-right:0!important}

.wm-dg__girdi{
  width:100%;min-width:0;min-height:28px;height:28px;
  border:1px solid var(--app-border);border-radius:2px;
  padding:0 var(--app-kontrol-pad-x);
  appearance:none;-webkit-appearance:none;
  background-color:var(--app-surface);background-image:none;
  color:var(--app-text-body);-webkit-text-fill-color:var(--app-text-body);
  font:inherit;font-size:12px;color-scheme:inherit;
  opacity:1;
  transition:border-color .1s ease,background-color .1s ease,box-shadow .1s ease
}
select.wm-dg__girdi{
  background-image:linear-gradient(45deg,transparent 50%,var(--app-text-muted) 50%),linear-gradient(135deg,var(--app-text-muted) 50%,transparent 50%);
  background-position:calc(100% - 11px) 50%,calc(100% - 7px) 50%;
  background-size:4px 4px,4px 4px;
  background-repeat:no-repeat;
  padding-right:18px
}
.wm-dg__girdi--tutar{text-align:right;font-variant-numeric:tabular-nums}
.wm-dg-tarih .wm-dg__girdi[type="date"]{
  min-width:0;width:100%;padding-right:4px;cursor:pointer
}
.wm-dg-dar .wm-dg__girdi{max-width:100%}
.wm-dg tbody tr.wm-dg-satir:hover .wm-dg__girdi,
.wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__girdi{background-color:var(--app-surface);border-color:color-mix(in srgb,var(--app-border-strong) 45%,var(--app-border))}
.wm-dg__girdi:focus{outline:none;border-color:var(--app-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--app-primary) 35%,transparent)}
.wm-dg__girdi:disabled,
.wm-dg__girdi:read-only,
.wm-dg__girdi[readonly]{
  opacity:1!important;cursor:default;
  background-color:var(--app-surface-alt)!important;
  color:var(--app-text-muted)!important;
  -webkit-text-fill-color:var(--app-text-muted)!important;
  border-color:var(--app-border)!important
}

/* Textbox + yan büyüteç (fiyat cari kodu vb.) — Tab dışı buton */
.wm-dg__lookup{
  display:flex;overflow:hidden;width:100%;min-width:0;
  min-height:28px;height:28px;
  border:1px solid var(--app-border);border-radius:2px;background:var(--app-surface);color-scheme:inherit
}
.wm-dg__lookup .wm-dg__girdi{
  flex:1 1 auto;min-width:0;width:auto;height:100%;min-height:0;
  border:0;border-radius:0;box-shadow:none;padding:0 6px
}
.wm-dg__lookup button{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  width:28px;min-width:28px;height:100%;margin:0;padding:0;
  border:0;border-left:1px solid var(--app-border);border-radius:0;
  background:var(--app-surface-alt);color:var(--app-text-muted);cursor:pointer
}
.wm-dg__lookup button .material-symbols-outlined{font-size:16px;line-height:1}
.wm-dg__lookup button:hover:not(:disabled){background:var(--app-primary-soft);color:var(--app-primary)}
.wm-dg__lookup button:disabled{opacity:.55;cursor:default}
.wm-dg__lookup-temizle{width:22px;min-width:22px}
.wm-dg__lookup-temizle:disabled{opacity:.35;pointer-events:none}
.wm-dg__lookup-temizle:hover:not(:disabled){color:#c62828;background:color-mix(in srgb,#c62828 10%,var(--app-surface))}
.wm-dg__lookup--kilit{opacity:1;pointer-events:none}
.wm-dg__lookup--kilit,
.wm-dg__lookup--kilit .wm-dg__girdi,
.wm-dg__lookup--kilit button{
  background-color:var(--app-surface-alt)!important;
  color:var(--app-text-muted)!important;
  -webkit-text-fill-color:var(--app-text-muted)!important
}
.wm-dg tbody tr.wm-dg-satir:hover .wm-dg__lookup,
.wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__lookup{border-color:color-mix(in srgb,var(--app-border-strong) 45%,var(--app-border))}
.wm-dg__lookup:focus-within{border-color:var(--app-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--app-primary) 35%,transparent)}
.wm-dg-cari{min-width:7.5rem}

.wm-dg button.wm-dg__sil,
.wm-dg .wm-dg__sil{
  display:inline-flex;align-items:center;justify-content:center;gap:0;
  box-sizing:border-box;
  width:26px;min-width:26px;max-width:26px;
  height:26px;min-height:26px;max-height:26px;
  margin:0;padding:0;
  border:1px solid var(--app-border);border-radius:4px;
  background:var(--app-surface);color:var(--app-text-muted);
  font:inherit;line-height:1;cursor:pointer;opacity:1;
  appearance:none;-webkit-appearance:none;
  transition:color .1s ease,background .1s ease,border-color .1s ease
}
.wm-dg button.wm-dg__sil .material-symbols-outlined,
.wm-dg .wm-dg__sil .material-symbols-outlined{
  display:block;font-size:18px;line-height:1;color:inherit
}
.wm-dg button.wm-dg__sil:hover:not(:disabled),
.wm-dg .wm-dg__sil:hover:not(:disabled){
  color:var(--app-error);border-color:color-mix(in srgb,var(--app-error) 35%,var(--app-border));
  background:var(--app-error-light)
}
.wm-dg button.wm-dg__sil:disabled,
.wm-dg .wm-dg__sil:disabled{
  opacity:.45;cursor:default;color:var(--app-text-muted);background:var(--app-surface-alt);border-color:var(--app-border)
}

.wm-dg tbody tr.wm-dg-satir:hover .wm-dg__girdi:disabled,
.wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__girdi:disabled,
.wm-dg tbody tr.wm-dg-satir:hover .wm-dg__girdi:read-only,
.wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__girdi:read-only,
.wm-dg tbody tr.wm-dg-satir:hover .wm-dg__girdi[readonly],
.wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__girdi[readonly],
.wm-dg tbody tr.wm-dg-satir:hover .wm-dg__lookup--kilit,
.wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__lookup--kilit,
.wm-dg tbody tr.wm-dg-satir:hover .wm-dg__lookup--kilit .wm-dg__girdi,
.wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__lookup--kilit .wm-dg__girdi,
.wm-dg tbody tr.wm-dg-satir:hover .wm-dg__lookup--kilit button,
.wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__lookup--kilit button{
  background-color:var(--app-surface-alt)!important;
  color:var(--app-text-muted)!important;
  -webkit-text-fill-color:var(--app-text-muted)!important
}

.wm-dg__girdi option{
  background:var(--app-surface);
  color:var(--app-text-body)
}

/* Dark — token zaten akar; native input/select beyazını kırmak için pekiştirilir */
html.dark .wm-dg,
html.dark .wm-dg__girdi,
html.dark .wm-dg__lookup{
  color-scheme:dark
}
html.dark .wm-dg-kart{border-color:var(--app-border);background:var(--app-surface)}
html.dark .wm-dg-kart-baslik{background:var(--app-grup-header-bg);border-bottom-color:var(--app-grup-header-cizgi)}
html.dark .wm-dg-kart-baslik-metin>.material-symbols-outlined{
  background:transparent;color:var(--app-grup-header-yazi)
}
html.dark .wm-dg-kart-baslik h2{color:var(--app-grup-header-yazi)}
html.dark .wm-dg-kart-baslik p{color:var(--app-text-muted)}
html.dark .wm-dg-excel__liste{border-color:var(--app-border);background:var(--app-surface)}
html.dark .wm-dg-excel__oge{color:var(--app-text-body)}
html.dark .wm-dg-excel__oge:hover,
html.dark .wm-dg-excel__oge:focus-visible{background:var(--app-primary-soft);color:var(--app-primary)}
html.dark .wm-dg-excel__tus kbd{border-color:var(--app-border);background:var(--app-surface);color:var(--app-text-primary)}
html.dark .wm-dg-scroll{background:var(--app-surface)}
html.dark .wm-dg thead th{
  background:var(--app-surface-alt);border-right-color:var(--app-border);border-bottom-color:var(--app-border);color:var(--app-text-muted);box-shadow:none
}
html.dark .wm-dg tbody td{
  background-color:var(--app-surface);border-right-color:var(--app-border);border-bottom-color:var(--app-border);color:var(--app-text-body)
}
html.dark .wm-dg tbody tr.wm-dg-satir:nth-child(even) td{background:var(--app-surface-alt)}
html.dark .wm-dg tbody tr.wm-dg-satir:hover td{background:color-mix(in srgb,var(--app-primary) 16%,var(--app-surface))}
html.dark .wm-dg tbody tr.wm-dg-satir:focus-within td{background:color-mix(in srgb,var(--app-primary) 22%,var(--app-surface))}
html.dark .wm-dg tbody tr.wm-dg-satir--hata td{
  background:color-mix(in srgb,var(--app-error) 14%,var(--app-surface))
}
html.dark .wm-dg tbody tr.wm-dg-satir--hata:nth-child(even) td{
  background:color-mix(in srgb,var(--app-error) 16%,var(--app-surface-alt))
}
html.dark .wm-dg tbody tr.wm-dg-satir--hata:hover td,
html.dark .wm-dg tbody tr.wm-dg-satir--hata:focus-within td{
  background:color-mix(in srgb,var(--app-error) 20%,var(--app-surface))
}
html.dark .wm-dg-sira{color:var(--app-text-muted)!important}
html.dark .wm-dg-bos td{background:var(--app-surface-alt)!important;color:var(--app-text-muted)}
html.dark .wm-dg input:not([type="checkbox"]):not([type="radio"]),
html.dark .wm-dg select,
html.dark .wm-dg textarea,
html.dark .wm-dg__girdi,
html.dark .wm-dg tbody tr.wm-dg-satir:hover .wm-dg__girdi,
html.dark .wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__girdi{
  color-scheme:dark;
  appearance:none;-webkit-appearance:none;
  border-color:var(--app-border);
  background-color:var(--app-surface)!important;
  color:var(--app-text-body)!important;
  -webkit-text-fill-color:var(--app-text-body)!important;
  opacity:1
}
html.dark .wm-dg select.wm-dg__girdi,
html.dark .wm-dg tbody tr.wm-dg-satir:hover select.wm-dg__girdi,
html.dark .wm-dg tbody tr.wm-dg-satir:focus-within select.wm-dg__girdi{
  background-image:linear-gradient(45deg,transparent 50%,var(--app-text-muted) 50%),linear-gradient(135deg,var(--app-text-muted) 50%,transparent 50%)!important;
  background-position:calc(100% - 11px) 50%,calc(100% - 7px) 50%;
  background-size:4px 4px,4px 4px;
  background-repeat:no-repeat
}
html.dark .wm-dg__girdi:focus{
  border-color:var(--app-primary);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--app-primary) 40%,transparent)
}
html.dark .wm-dg input:not([type="checkbox"]):not([type="radio"]):disabled,
html.dark .wm-dg select:disabled,
html.dark .wm-dg textarea:disabled,
html.dark .wm-dg input:not([type="checkbox"]):not([type="radio"]):read-only,
html.dark .wm-dg input:not([type="checkbox"]):not([type="radio"])[readonly],
html.dark .wm-dg__girdi:disabled,
html.dark .wm-dg__girdi:read-only,
html.dark .wm-dg__girdi[readonly],
html.dark .wm-dg tbody tr.wm-dg-satir:hover .wm-dg__girdi:disabled,
html.dark .wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__girdi:disabled,
html.dark .wm-dg tbody tr.wm-dg-satir:hover .wm-dg__girdi:read-only,
html.dark .wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__girdi:read-only,
html.dark .wm-dg tbody tr.wm-dg-satir:hover .wm-dg__girdi[readonly],
html.dark .wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__girdi[readonly]{
  background-color:var(--app-bg)!important;
  color:var(--app-text-muted)!important;
  -webkit-text-fill-color:var(--app-text-muted)!important;
  border-color:var(--app-border)!important;
  opacity:1!important
}
html.dark .wm-dg input[type="date"]::-webkit-calendar-picker-indicator{
  filter:invert(.75);opacity:.75;cursor:pointer
}
html.dark .wm-dg__girdi option{
  background-color:var(--app-surface);
  color:var(--app-text-body)
}
html.dark .wm-dg__lookup{border-color:var(--app-border);background-color:var(--app-surface)}
html.dark .wm-dg__lookup button{border-left-color:var(--app-border);background-color:var(--app-surface-alt);color:var(--app-text-muted)}
html.dark .wm-dg__lookup--kilit,
html.dark .wm-dg__lookup--kilit .wm-dg__girdi,
html.dark .wm-dg__lookup--kilit button,
html.dark .wm-dg tbody tr.wm-dg-satir:hover .wm-dg__lookup--kilit,
html.dark .wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__lookup--kilit,
html.dark .wm-dg tbody tr.wm-dg-satir:hover .wm-dg__lookup--kilit .wm-dg__girdi,
html.dark .wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__lookup--kilit .wm-dg__girdi,
html.dark .wm-dg tbody tr.wm-dg-satir:hover .wm-dg__lookup--kilit button,
html.dark .wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__lookup--kilit button{
  background-color:var(--app-bg)!important;
  color:var(--app-text-muted)!important;
  -webkit-text-fill-color:var(--app-text-muted)!important
}
html.dark .wm-dg tbody tr.wm-dg-satir:hover .wm-dg__lookup,
html.dark .wm-dg tbody tr.wm-dg-satir:focus-within .wm-dg__lookup{border-color:color-mix(in srgb,var(--app-border-strong) 40%,var(--app-border))}
html.dark .wm-dg button.wm-dg__sil,
html.dark .wm-dg .wm-dg__sil{
  border-color:var(--app-border);background:var(--app-surface);color:var(--app-text-muted);opacity:1
}
html.dark .wm-dg button.wm-dg__sil:hover:not(:disabled),
html.dark .wm-dg .wm-dg__sil:hover:not(:disabled){
  color:var(--app-error);border-color:color-mix(in srgb,var(--app-error) 40%,var(--app-border));
  background:var(--app-error-light)
}
html.dark .wm-dg button.wm-dg__sil:disabled,
html.dark .wm-dg .wm-dg__sil:disabled{
  opacity:.45;color:var(--app-text-muted);background:var(--app-surface-alt);border-color:var(--app-border)
}

.wm-dg__boyut {
  position: absolute;
  top: 0;
  right: -4px;
  z-index: 6;
  width: 8px;
  height: 100%;
  cursor: col-resize;
  touch-action: none;
}

.wm-dg__boyut::after {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 3px;
  width: 2px;
  border-radius: 1px;
  background: var(--app-border-strong);
  opacity: 0;
}

.wm-dg__boyut:hover::after,
.wm-dg__boyut--aktif::after {
  opacity: 1;
  background: var(--app-primary);
}

.wm-dg thead th.wm-dg__th--tasinir{
  cursor:grab;user-select:none
}
.wm-dg thead th.wm-dg__th--tasinir .wm-dg__tutamac{
  display:inline-block;margin-right:4px;vertical-align:-3px;font-size:14px;color:var(--app-text-muted);opacity:.7
}
.wm-dg thead th.wm-dg__th--tasiniyor{
  opacity:.55;cursor:grabbing
}
.wm-dg-scroll{cursor:grab;user-select:none}
.wm-dg-scroll:has(input:hover),
.wm-dg-scroll:has(select:hover),
.wm-dg-scroll:has(button:hover),
.wm-dg-scroll:has(thead:hover){cursor:auto;user-select:auto}
.wm-dg-scroll--surukle,
.wm-dg-scroll--surukle *{cursor:grabbing!important;user-select:none}
.wm-dg-scroll input,
.wm-dg-scroll select,
.wm-dg-scroll textarea,
.wm-dg-scroll button{user-select:auto;cursor:auto}

@media (max-width:720px){
  .wm-dg-kart-baslik{flex-wrap:wrap}
  .wm-dg-kart-baslik p{display:none}
  .wm-dg-kisayol{flex:1 1 100%}
  .wm-dg-scroll{max-height:min(60vh,360px)}
  .wm-dg-kart--satir .wm-dg-scroll{
    max-height:none;
    overflow:visible;
    cursor:auto;
    user-select:auto;
  }
  .wm-dg-kart--satir .wm-dg{
    display:block;
    width:100%;
    min-width:0;
  }
  .wm-dg-kart--satir thead{display:none}
  .wm-dg-kart--satir tbody{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:8px;
  }
  .wm-dg-kart--satir tbody tr.wm-dg-satir{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px 10px;
    height:auto;
    padding:10px;
    border:1px solid var(--app-border);
    border-radius:8px;
    background:var(--app-surface);
  }
  .wm-dg-kart--satir tbody tr.wm-dg-satir td,
  .wm-dg-kart--satir tbody tr.wm-dg-satir:nth-child(even) td,
  .wm-dg-kart--satir tbody tr.wm-dg-satir:hover td,
  .wm-dg-kart--satir tbody tr.wm-dg-satir:focus-within td{
    background:transparent;
    box-shadow:none;
  }
  .wm-dg-kart--satir tbody td{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    box-sizing:border-box;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto;
    padding:0;
    border:0;
    white-space:normal;
    text-align:left !important;
  }
  .wm-dg-kart--satir tbody td::before{
    content:attr(data-label);
    font-size:var(--font-size-xs);
    font-weight:var(--font-weight-normal);
    color:var(--app-text-muted);
  }
  .wm-dg-kart--satir tbody td:not([data-label])::before,
  .wm-dg-kart--satir tbody td[data-label=""]::before{display:none}
  .wm-dg-kart--satir tbody td.wm-dg-sira,
  .wm-dg-kart--satir tbody td.wm-dg-genis,
  .wm-dg-kart--satir tbody td.wm-dg-barkod,
  .wm-dg-kart--satir tbody td.wm-dg-birim,
  .wm-dg-kart--satir tbody td.wm-dg-tarih,
  .wm-dg-kart--satir tbody td.wm-dg-islem{
    grid-column:1 / -1;
  }
  .wm-dg-kart--satir tbody td.wm-dg-sira{
    flex-direction:row;
    align-items:center;
    gap:6px;
    padding-bottom:6px;
    border-bottom:1px solid var(--app-border);
    font-weight:var(--font-weight-medium);
    color:var(--app-text-primary) !important;
  }
  .wm-dg-kart--satir tbody td.wm-dg-islem{
    flex-direction:row;
    justify-content:flex-end;
    padding-top:6px;
    border-top:1px solid var(--app-border);
  }
  .wm-dg-kart--satir tbody tr.wm-dg-bos{
    display:block;
    border:1px dashed var(--app-border);
    border-radius:8px;
    background:var(--app-surface-alt);
  }
  .wm-dg-kart--satir tbody tr.wm-dg-bos td{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:auto;
    min-height:64px;
    padding:12px;
    white-space:normal;
    text-align:center !important;
  }
}

html.dark .wm-dg-kart--satir tbody tr.wm-dg-satir{
  background:var(--app-surface);
  border-color:var(--app-border);
}
html.dark .wm-dg-kart--satir tbody tr.wm-dg-satir td,
html.dark .wm-dg-kart--satir tbody tr.wm-dg-satir:nth-child(even) td,
html.dark .wm-dg-kart--satir tbody tr.wm-dg-satir:hover td,
html.dark .wm-dg-kart--satir tbody tr.wm-dg-satir:focus-within td{
  background:transparent;
}