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

/* stil.md design tokens → Tailwind v4 theme (runtime CSS variables) */
:root {
  --font-sans: "Inter", "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;

  --color-navy: #00215e;
  --color-primary: var(--app-primary);
  --color-primary-hover: var(--app-primary-hover);
  --color-primary-active: var(--app-primary-active);
  --color-primary-soft: var(--app-primary-soft);
  --color-accent: var(--app-accent);
  --color-accent-hover: var(--app-accent-hover);
  --color-accent-active: var(--app-accent-active);
  --color-accent-soft: var(--app-accent-soft);
  --color-blue-gray: var(--app-blue-gray);

  --color-bg: var(--app-bg);
  --color-surface: var(--app-surface);
  --color-surface-alt: var(--app-surface-alt);
  --color-border: var(--app-border);
  --color-border-strong: var(--app-border-strong);

  --color-text-primary: var(--app-text-primary);
  --color-text-body: var(--app-text-body);
  --color-text-muted: var(--app-text-muted);
  --color-text-inverse: var(--app-text-inverse);

  --color-success: var(--app-success);
  --color-success-light: var(--app-success-light);
  --color-success-text: var(--app-success-text);
  --color-error: var(--app-error);
  --color-error-light: var(--app-error-light);
  --color-error-text: var(--app-error-text);
  --color-warning: var(--app-warning);
  --color-warning-light: var(--app-warning-light);
  --color-warning-text: var(--app-warning-text);
  --color-warning-on: var(--app-warning-on);

  --radius-sm: 7px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --shadow-sm: var(--app-shadow-sm);
  --shadow-md: var(--app-shadow-md);
  --shadow-lg: var(--app-shadow-lg);
  --shadow-overlay: var(--app-shadow-overlay);
  --shadow-focus: var(--app-shadow-focus);
}

:root {
  color-scheme: light;
  --app-primary: #00215e;
  --app-primary-hover: #001a4d;
  --app-primary-active: #001440;
  --app-primary-soft: #eef1f8;
  --app-accent: #fc4100;
  --app-accent-hover: #e03a00;
  --app-accent-active: #c73300;
  --app-accent-soft: #fff1ea;
  --app-blue-gray: #8f99bd;
  --app-bg: #f6f6f9;
  --app-surface: #ffffff;
  --app-surface-alt: #fafbfd;
  --app-border: #e7e7e7;
  --app-border-strong: #8f99bd;
  --app-text-primary: #00215e;
  --app-text-body: #1f2a44;
  --app-text-muted: #6b7593;
  --app-text-inverse: #ffffff;
  --app-success: #07b57a;
  --app-success-light: #ecfdf5;
  --app-success-text: #055f40;
  --app-error: #f53737;
  --app-error-light: #fef2f2;
  --app-error-text: #8a1313;
  --app-bordo: #722f37;
  --app-warning: #fab60a;
  --app-warning-light: #fefaed;
  --app-warning-text: #7a5800;
  --app-warning-on: #3d2e00;
  --app-shadow-sm: 0 1px 2px rgb(0 33 94 / 0.06);
  --app-shadow-md: 0 4px 12px rgb(0 33 94 / 0.08);
  --app-shadow-lg: 0 12px 32px rgb(0 33 94 / 0.12);
  --app-shadow-overlay: 0 24px 64px rgb(0 33 94 / 0.22);
  --app-shadow-focus: 0 0 0 3px rgb(0 33 94 / 0.18);
  --app-on-primary: #ffffff;
  --app-ipucu-bg: #1a2744;
  --app-ipucu-fg: #ffffff;
  /* UI kontrol yüksekliği — form, filtre, yeni sayfalar (kural: ui-nesne-yukseklik.mdc) */
  --app-kontrol-yukseklik: 28px;
  --app-kontrol-radius: 7px;
  --app-kontrol-pad-x: 9px;
  --app-alan-etiket-genislik: 6.5rem;
  --app-grup-header-yukseklik: 24px;
  --app-grup-header-pad: 2px 8px;
  --app-grup-header-baslik: 11px;
  --app-grup-header-bg: color-mix(in srgb, var(--app-primary) 4%, var(--app-surface));
  --app-grup-header-cizgi: color-mix(in srgb, var(--app-primary) 10%, var(--app-border));
  --app-grup-header-yazi: color-mix(in srgb, var(--app-text-primary) 72%, var(--app-text-muted));
  --app-panel-islem: 24px;
  --app-dialog-btn-yukseklik: 36px;
  --app-dialog-baslik: 14px;
  --app-dialog-metin: 13px;
  --app-menu-sag-pay: 0px;
  --app-sekme-yukseklik: 48px;
  /* Tipografi — kural: ui-font-kalinlik.mdc */
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-menu: 13px;
  --font-size-base: 14px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --app-alan-etiket-boyut: var(--font-size-sm);
}

html.dark {
  color-scheme: dark;
  --app-primary: #5b86f0;
  --app-primary-hover: #4a74dc;
  --app-primary-active: #3b63c7;
  --app-primary-soft: #1c2a4a;
  --app-accent: #fc4100;
  --app-accent-hover: #ff6a33;
  --app-accent-active: #e03a00;
  --app-accent-soft: #3a1c12;
  --app-blue-gray: #8f99bd;
  --app-bg: #0c1220;
  --app-surface: #141c2e;
  --app-surface-alt: #1a2438;
  --app-border: #2a3550;
  --app-border-strong: #8f99bd;
  --app-text-primary: #f0f4fc;
  --app-text-body: #d2dbea;
  --app-text-muted: #8f9bb3;
  --app-text-inverse: #ffffff;
  --app-on-primary: #0c1220;
  --app-ipucu-bg: #eef2fa;
  --app-ipucu-fg: #0c1220;
  --app-success: #1fd196;
  --app-success-light: #0f2e24;
  --app-success-text: #7ee0b8;
  --app-error: #ff6b6b;
  --app-error-light: #3a1a1a;
  --app-error-text: #f5a8a8;
  --app-bordo: #e7b4c0;
  --app-warning: #fab60a;
  --app-warning-light: #3a2e0c;
  --app-warning-text: #f5d889;
  --app-warning-on: #3d2e00;
  --app-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.35);
  --app-shadow-md: 0 4px 12px rgb(0 0 0 / 0.35);
  --app-shadow-lg: 0 12px 32px rgb(0 0 0 / 0.4);
  --app-shadow-overlay: 0 24px 64px rgb(0 0 0 / 0.5);
  --app-shadow-focus: 0 0 0 3px rgb(91 134 240 / 0.28);
}

@media (max-width: 1100px) {
  :root {
    --app-alan-etiket-genislik: 5.75rem;
  }
}
@media (max-width: 720px) {
  :root {
    --app-alan-etiket-genislik: 5.5rem;
  }
}


  html,
  body {
    margin: 0;
    padding: 0;
    min-height: 100%;
  }

  body {
    font-family: var(--font-sans);
    color: var(--app-text-body);
    background: var(--app-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  button {
    font-family: inherit;
    cursor: pointer;
  }

  input {
    font-family: inherit;
  }


@keyframes login-step-in {
  from {
    opacity: 0;
    transform: translateX(16px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.login-step-enter {
  animation: login-step-in 260ms cubic-bezier(0.2, 0, 0, 1);
}

@keyframes dialog-overlay-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes dialog-in {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.dialog-overlay {
  animation: dialog-overlay-in 180ms cubic-bezier(0.2, 0, 0, 1);
}

.dialog-enter {
  animation: dialog-in 180ms cubic-bezier(0.2, 0, 0, 1);
}

#app-dialog-cancel,
#app-dialog-confirm {
  box-sizing: border-box;
  display: inline-flex;
  height: var(--app-dialog-btn-yukseklik);
  min-height: var(--app-dialog-btn-yukseklik);
  max-height: var(--app-dialog-btn-yukseklik);
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  line-height: 1;
  font-size: var(--app-dialog-metin);
  font-weight: var(--font-weight-medium);
}

.login-gate {
  background: #000000;
}

.login-gate-card {
  background: #111111;
  border: 1px solid rgb(255 255 255 / 0.1);
  box-shadow: 0 24px 64px rgb(0 0 0 / 0.45);
  animation: dialog-in 220ms cubic-bezier(0.2, 0, 0, 1);
}

.login-gate-logo {
  animation: spin 2.4s linear infinite;
}

.login-gate-bar {
  transition: width 240ms cubic-bezier(0.2, 0, 0, 1);
}

.login-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #ffffff;
  opacity: 0.35;
  animation: login-dot-pulse 1s ease-in-out infinite;
}

.login-dot-delay {
  animation-delay: 0.16s;
}

.login-dot-delay-2 {
  animation-delay: 0.32s;
}

.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  direction: ltr;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  -webkit-font-smoothing: antialiased;
  user-select: none;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes login-dot-pulse {
  0%,
  80%,
  100% {
    opacity: 0.28;
    transform: scale(0.85);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}

/* —— Global form zorunlu badge / hata çerçevesi (tüm sayfalar) —— */
.wm-zorunlu-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.35rem;
  padding: 0.1rem 0.4rem;
  border-radius: 999px;
  background: var(--app-error, #f53737);
  color: #fff;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
  vertical-align: middle;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(245, 55, 55, 0.28);
}

.wm-zorunlu-yildiz {
  color: var(--app-error, #f53737);
  font-style: normal;
  font-weight: 700;
  margin-left: 2px;
}

/* Kayıt formu alan etiketleri — cari / stok / fatura (kapsülleme dışı, kesin uygulanır) */
.wm-ckart__etiket,
.wm-ckart__alan > span:not(.wm-ckart__tutamac):not(.wm-ckart__boyut),
.wm-skart__alan > span:not(.wm-skart__tutamac):not(.wm-skart__boyut),
.wm-skart__ust-alan label:not(.wm-skart__ust-check) > span,
.wm-skart__ust-baslik span,
.wm-skart__resimler-alan,
.wm-fat__alan > span,
.wm-fat__nakit > span {
  font-size: var(--app-alan-etiket-boyut);
  font-weight: var(--font-weight-normal);
}

.wm-zorunlu-alan--hata input:not([type='checkbox']),
.wm-zorunlu-alan--hata select,
.wm-zorunlu-alan--hata textarea,
.wm-zorunlu-alan--hata button.wm-ckart__arama,
.wm-zorunlu-alan--hata button.wm-skart__arama,
.wm-zorunlu-alan--hata .wm-ckart__arama,
.wm-zorunlu-alan--hata .wm-skart__arama,
.wm-zorunlu-alan--hata .wm-ckart__lookup,
.wm-zorunlu-alan--hata .wm-skart__lookup {
  border-color: var(--app-error, #f53737) !important;
  box-shadow: 0 0 0 1px rgba(245, 55, 55, 0.2);
}

/* —— İpucu (tooltip) — data-ipucu="metin"  data-ipucu-konum="alt|ust|sol|sag" —— */
[data-ipucu] {
  position: relative;
}

[data-ipucu]::before,
[data-ipucu]::after {
  position: absolute;
  z-index: 90;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 140ms ease,
    transform 140ms ease;
}

[data-ipucu]::after {
  content: attr(data-ipucu);
  max-width: 220px;
  padding: 5px 9px;
  border-radius: 7px;
  background: var(--app-ipucu-bg);
  color: var(--app-ipucu-fg);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.01em;
  white-space: normal;
  text-align: center;
  box-shadow: var(--app-shadow-md, 0 4px 12px rgb(0 33 94 / 0.12));
}

[data-ipucu]::before {
  content: '';
  width: 8px;
  height: 8px;
  background: var(--app-ipucu-bg);
  transform: rotate(45deg);
}

/* Varsayılan: alt */
[data-ipucu]::after {
  top: calc(100% + 8px);
  left: 50%;
  transform: translate(-50%, 4px);
}

[data-ipucu]::before {
  top: calc(100% + 4px);
  left: 50%;
  margin-left: -4px;
  transform: translateY(4px) rotate(45deg);
}

[data-ipucu-konum='ust']::after {
  top: auto;
  bottom: calc(100% + 8px);
  transform: translate(-50%, -4px);
}

[data-ipucu-konum='ust']::before {
  top: auto;
  bottom: calc(100% + 4px);
  transform: translateY(-4px) rotate(45deg);
}

[data-ipucu-konum='sol']::after {
  top: 50%;
  left: auto;
  right: calc(100% + 8px);
  transform: translate(-4px, -50%);
}

[data-ipucu-konum='sol']::before {
  top: 50%;
  left: auto;
  right: calc(100% + 4px);
  margin-left: 0;
  margin-top: -4px;
  transform: translateX(-4px) rotate(45deg);
}

[data-ipucu-konum='sag']::after {
  top: 50%;
  left: calc(100% + 8px);
  transform: translate(4px, -50%);
}

[data-ipucu-konum='sag']::before {
  top: 50%;
  left: calc(100% + 4px);
  margin-left: 0;
  margin-top: -4px;
  transform: translateX(4px) rotate(45deg);
}

[data-ipucu]:hover::before,
[data-ipucu]:hover::after,
[data-ipucu]:focus-visible::before,
[data-ipucu]:focus-visible::after {
  opacity: 1;
}

[data-ipucu='']::before,
[data-ipucu='']::after {
  display: none;
}

[data-ipucu]:hover::after,
[data-ipucu]:focus-visible::after {
  transform: translate(-50%, 0);
}

[data-ipucu-konum='ust']:hover::after,
[data-ipucu-konum='ust']:focus-visible::after {
  transform: translate(-50%, 0);
}

[data-ipucu-konum='sol']:hover::after,
[data-ipucu-konum='sol']:focus-visible::after {
  transform: translate(0, -50%);
}

[data-ipucu-konum='sag']:hover::after,
[data-ipucu-konum='sag']:focus-visible::after {
  transform: translate(0, -50%);
}

[data-ipucu]:hover::before,
[data-ipucu]:focus-visible::before {
  transform: rotate(45deg);
}

[data-ipucu-konum='ust']:hover::before,
[data-ipucu-konum='ust']:focus-visible::before {
  transform: rotate(45deg);
}

[data-ipucu-konum='sol']:hover::before,
[data-ipucu-konum='sol']:focus-visible::before,
[data-ipucu-konum='sag']:hover::before,
[data-ipucu-konum='sag']:focus-visible::before {
  transform: rotate(45deg);
}

@media (prefers-reduced-motion: reduce) {
  [data-ipucu]::before,
  [data-ipucu]::after {
    transition: none;
  }
}

/* Liste üst arama + birincil Yeni (kullanici-dostu-islem) */
.wm-stok__ara {
  display: flex;
  min-width: 0;
  flex: 1 1 12rem;
  max-width: 22rem;
  align-items: center;
  gap: 6px;
  height: var(--app-kontrol-yukseklik);
  margin: 0 8px 0 auto;
  border: 1px solid var(--app-border);
  border-radius: var(--app-kontrol-radius);
  background: var(--app-surface);
  padding: 0 var(--app-kontrol-pad-x);
}

.wm-stok__ara .material-symbols-outlined {
  flex-shrink: 0;
  font-size: 18px;
  color: var(--app-text-muted);
}

.wm-stok__ara input {
  min-width: 0;
  flex: 1;
  height: 100%;
  border: 0;
  background: transparent;
  color: var(--app-text-body);
  font: inherit;
  font-size: 12px;
  outline: none;
}

.wm-stok__ara-sil {
  display: inline-flex;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 4px;
  background: transparent;
  padding: 0;
  color: var(--app-text-muted);
  cursor: pointer;
}

.wm-stok__ara-sil:hover {
  background: var(--app-surface-alt);
  color: var(--app-text-primary);
}

.wm-arama-girdi {
  display: inline-flex;
  align-items: center;
  height: var(--app-kontrol-yukseklik);
  min-height: var(--app-kontrol-yukseklik);
  border-radius: var(--app-kontrol-radius);
  padding-inline: var(--app-kontrol-pad-x);
  box-sizing: border-box;
}

.wm-stok__btn--birincil {
  background: var(--app-primary-soft);
  color: var(--app-primary);
  font-weight: 600;
}

.wm-stok__btn--birincil .material-symbols-outlined {
  color: var(--app-primary);
}

.wm-stok__btn--birincil:hover {
  background: color-mix(in srgb, var(--app-primary-soft) 65%, var(--app-surface));
  color: var(--app-primary);
}

.wm-harama__oge-yakinda {
  margin-left: 6px;
  border-radius: 4px;
  background: var(--app-surface-alt);
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 500;
  color: var(--app-text-muted);
  letter-spacing: 0.02em;
}

.wm-ph__git {
  display: inline-flex;
  height: var(--app-kontrol-yukseklik);
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  border: 1px solid color-mix(in srgb, var(--app-primary) 40%, var(--app-border));
  border-radius: var(--app-kontrol-radius);
  background: var(--app-primary-soft);
  padding: 0 12px;
  color: var(--app-primary);
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

/* Tanımlar → Filtre tanımları (adım + sürükle kaydır) */
.wm-stok__tanim-form {
  gap: 10px;
}

.wm-stok__tanim-adimlar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  color: var(--app-text-primary);
}

.wm-stok__tanim-adimlar > span {
  display: inline-flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--app-primary);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
}

.wm-stok__tanim-ipucu {
  margin: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--app-text-muted);
}

.wm-stok__tanim-ince {
  border: 1px solid var(--app-border);
  border-radius: var(--app-kontrol-radius);
  background: var(--app-surface);
  padding: 0 8px 8px;
}

.wm-stok__tanim-ince summary {
  cursor: pointer;
  list-style: none;
  padding: 8px 2px;
  font-size: 11px;
  font-weight: 500;
  color: var(--app-text-muted);
}

.wm-stok__tanim-ince summary::-webkit-details-marker {
  display: none;
}

.wm-stok__ekle:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.wm-stok__tanim-liste-baslik,
.wm-stok__tanim-bos-baslik {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 500;
  color: var(--app-text-muted);
}

.wm-stok__tanim-bos {
  padding: 12px 8px;
}

/* Sol filtre paneli — tanımlı filtre ara */
.wm-stok__filtre-ara {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  height: var(--app-kontrol-yukseklik);
  margin: 8px 10px 0;
  border: 1px solid var(--app-border);
  border-radius: var(--app-kontrol-radius);
  background: var(--app-surface);
  padding: 0 var(--app-kontrol-pad-x);
}

.wm-stok__filtre-ara .material-symbols-outlined {
  flex-shrink: 0;
  font-size: 18px;
  color: var(--app-text-muted);
}

.wm-stok__filtre-ara input {
  min-width: 0;
  flex: 1;
  height: 100%;
  border: 0;
  background: transparent;
  color: var(--app-text-body);
  font: inherit;
  font-size: 12px;
  outline: none;
}

.wm-stok__filtre-ara-bos {
  margin: 0;
  padding: 18px 8px;
  text-align: center;
  font-size: 12px;
  color: var(--app-text-muted);
}

.wm-stok__filtre-ara-bos button {
  display: inline-flex;
  height: var(--app-kontrol-yukseklik);
  align-items: center;
  margin-top: 8px;
  border: 1px solid var(--app-border);
  border-radius: var(--app-kontrol-radius);
  background: var(--app-surface);
  padding: 0 12px;
  font-size: 12px;
  color: var(--app-text-primary);
  cursor: pointer;
}

/* Çoklu filtre — kapalı combobox, açık listeden çoklu seç */
.wm-stok__combo {
  display: grid;
  gap: 6px;
}

.wm-stok__combo-tetik {
  display: flex;
  width: 100%;
  height: var(--app-kontrol-yukseklik);
  align-items: center;
  gap: 6px;
  border: 1px solid var(--app-border);
  border-radius: var(--app-kontrol-radius);
  background: var(--app-surface-alt);
  padding: 0 var(--app-kontrol-pad-x);
  font-size: 12px;
  font-weight: 400;
  color: var(--app-text-body);
  cursor: pointer;
  text-align: left;
}

.wm-stok__combo-tetik:focus {
  outline: none;
  border-color: var(--app-primary);
  box-shadow: var(--app-shadow-focus);
}

.wm-stok__combo--acik .wm-stok__combo-tetik {
  border-color: var(--app-primary);
}

.wm-stok__combo-ozet {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wm-stok__combo-sayac {
  display: inline-flex;
  min-width: 1.15rem;
  height: 1.1rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--app-primary);
  padding: 0 5px;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
}

.wm-stok__combo-tetik > .material-symbols-outlined {
  flex-shrink: 0;
  font-size: 18px;
  color: var(--app-text-muted);
}

.wm-stok__combo--acik .wm-stok__combo-tetik > .material-symbols-outlined {
  transform: rotate(180deg);
}

.wm-stok__combo-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--app-border);
  border-radius: var(--app-kontrol-radius);
  background: var(--app-surface);
}

.wm-stok__combo-ara {
  flex-shrink: 0;
  margin: 6px;
  width: calc(100% - 12px);
}

.wm-stok__combo-liste {
  max-height: 168px;
  overflow: auto;
  padding: 0 4px 6px;
}

.wm-stok__combo-oge {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 400;
  color: var(--app-text-body);
  cursor: pointer;
}

.wm-stok__combo-oge:hover {
  background: var(--app-surface-alt);
}

.wm-stok__combo-oge:has(input:checked) {
  background: color-mix(in srgb, var(--app-primary-soft) 80%, var(--app-surface));
}

.wm-stok__combo-oge input {
  width: 15px;
  height: 15px;
  accent-color: var(--app-primary);
}

.wm-stok__combo-bos {
  margin: 0;
  padding: 10px 8px;
  font-size: 12px;
  color: var(--app-text-muted);
}