/* Envanter degerleme. Cip, ikon ve rozet bicimleri item-pazari.css'ten
   geliyor; burada yalniz bu sayfaya ozel olanlar duruyor. */

.env-sunucu-sar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.env-sunucu-et { font-size: .8rem; color: var(--ucuz-sonuk); }

.env-ara-sar { position: relative; margin-bottom: 12px; }

.env-ara-sar > .bi {
  position: absolute;
  left: 12px;
  top: 19px;
  transform: translateY(-50%);
  color: var(--ucuz-sonuk2);
  pointer-events: none;
  z-index: 2;
}

.env-ara { padding-left: 36px; }

.env-oneri {
  position: absolute;
  z-index: 20;
  inset-inline: 0;
  top: calc(100% + 4px);
  max-height: 320px;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--ucuz-panel);
  border: 1px solid var(--ucuz-border-guc);
  border-radius: var(--r-lg);
  box-shadow: var(--g-2);
}

.env-oneri-sat {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 7px 11px;
  background: none;
  border: 0;
  border-bottom: 1px solid var(--ucuz-border);
  color: var(--ucuz-metin);
  text-align: left;
  cursor: pointer;
}

.env-oneri-sat:last-child { border-bottom: 0; }
.env-oneri-sat:hover, .env-oneri-sat.vurgu { background: var(--ucuz-yukselti); }

.env-oneri-ad {
  flex: 1 1 auto;
  min-width: 0;
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.2;
}

.env-oneri-fiyat {
  flex: 0 0 auto;
  font-family: var(--yt-sayi);
  font-size: .8rem;
  font-weight: 700;
  color: var(--ucuz-gold);
  font-variant-numeric: tabular-nums;
}

.env-oneri-bos { padding: 12px; font-size: .84rem; color: var(--ucuz-sonuk); }

.env-ikon { width: 28px; height: 28px; margin-top: 0; }

.env-liste-kutu { margin-top: 4px; }
.env-liste { width: 100%; }
.env-liste td, .env-liste th { vertical-align: middle; }
.env-liste .num { font-variant-numeric: tabular-nums; white-space: nowrap; }

.env-esya {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 170px;
  font-weight: 600;
  line-height: 1.2;
}

/* Adet, artiya basildikca degisen tek sey. Duz bir sayi kutusunda degisim
   goze carpmiyordu; eksi/arti dugmeleriyle birlikte duruyor. */
.env-sayac {
  display: inline-flex;
  align-items: center;
  gap: 0;
  border: 1px solid var(--ucuz-border);
  border-radius: var(--r-md);
  background: var(--ucuz-dark);
  overflow: hidden;
}

.env-adim {
  width: 26px;
  padding: 3px 0 4px;
  border: 0;
  background: none;
  color: var(--ucuz-sonuk);
  font-size: .95rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.env-adim:hover:not(:disabled) { background: var(--ucuz-yukselti); color: var(--ucuz-gold); }
.env-adim:disabled { opacity: .3; cursor: default; }

.env-adet {
  width: 46px;
  padding: 3px 4px;
  border: 0;
  border-inline: 1px solid var(--ucuz-border);
  border-radius: 0;
  background: none;
  font-family: var(--yt-sayi);
  font-size: .88rem;
  font-weight: 700;
  color: var(--ucuz-metin);
  text-align: center;
}

.env-adet:focus { box-shadow: none; background: var(--ucuz-yukselti); }

/* Firefox ve WebKit'in kendi ok tuslarini gizliyoruz, kendi dugmelerimiz var. */
.env-adet::-webkit-outer-spin-button,
.env-adet::-webkit-inner-spin-button { appearance: none; margin: 0; }
.env-adet { -moz-appearance: textfield; appearance: textfield; }

/* Eklenen ya da adedi degisen satir bir an icin parliyor. */
@keyframes env-parla {
  from { background: var(--ucuz-gold-zayif); }
  to { background: transparent; }
}

.env-yeni td { animation: env-parla 1.1s ease-out; }

@media (prefers-reduced-motion: reduce) {
  .env-yeni td { animation: none; box-shadow: inset 0 0 0 1px var(--ucuz-gold-cizgi); }
}

.env-birim-h { line-height: 1.15; }
.env-birim { display: block; font-family: var(--yt-sayi); color: var(--ucuz-metin2); }
.env-kaynak { display: block; font-size: .66rem; color: var(--ucuz-sonuk2); }

.env-tutar b { font-family: var(--yt-sayi); color: var(--ucuz-gold); }

.env-yok { color: var(--ucuz-pasif); }
.env-satir-yok .env-esya { color: var(--ucuz-sonuk); }

.env-sil {
  padding: 2px 6px;
  border: 0;
  border-radius: var(--r-sm);
  background: none;
  color: var(--ucuz-sonuk2);
  cursor: pointer;
  line-height: 1;
}

.env-sil:hover { background: rgba(242, 88, 94, .14); color: var(--ucuz-red); }

.env-bos {
  padding: 22px 14px;
  text-align: center;
  font-size: .86rem;
  color: var(--ucuz-sonuk);
  border: 1px dashed var(--ucuz-border);
  border-radius: var(--r-lg);
  margin-top: 4px;
}

.env-toplam {
  font-family: var(--yt-sayi);
  font-size: 2rem;
  font-weight: 700;
  color: var(--ucuz-gold);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}

.env-toplam-alt { font-size: .78rem; color: var(--ucuz-sonuk); margin-top: 3px; }

.env-uyari {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin-top: 12px;
  padding: 8px 11px;
  border-radius: var(--r-md);
  background: rgba(242, 179, 61, .09);
  border: 1px solid var(--ucuz-gold-cizgi);
  font-size: .76rem;
  color: var(--ucuz-metin2);
}

.env-eylem { margin-top: 14px; }

.env-btn {
  padding: 6px 16px;
  border: 1px solid var(--ucuz-border-guc);
  border-radius: var(--r-tam);
  background: var(--ucuz-panel);
  color: var(--ucuz-metin2);
  font-size: .84rem;
  font-weight: 600;
}

.env-btn:hover { background: var(--ucuz-yukselti); color: var(--ucuz-red); }

@media (max-width: 575.98px) {
  .env-toplam { font-size: 1.6rem; }
  .env-esya { min-width: 130px; font-size: .84rem; }
  .env-adet { width: 38px; }
  .env-adim { width: 22px; }
  .env-kaynak { display: none; }
}