/* Fiş Tara — mobil öncelikli. Kendi kendine yeter: mevcut değişkenlere
   bağlanmaz ki panelin geri kalanını etkilemesin. 10.08.2026 */

.fis-sayfa { display: flex; flex-direction: column; gap: 12px; padding-bottom: 80px; }

/* --- ay sonu paketi onay şeridi --- */
.fis-paket {
  border: 1px solid #e0a800; background: #fff8e1; border-radius: 10px;
  padding: 12px 14px; display: flex; flex-wrap: wrap; gap: 10px;
  align-items: center; justify-content: space-between;
}
.fis-paket.gonderildi { border-color: #2e7d32; background: #edf7ed; }
.fis-paket.reddedildi { border-color: #9e9e9e; background: #f5f5f5; }
.fis-paket-bilgi { display: flex; flex-direction: column; gap: 3px; font-size: 13px; }
.fis-paket-uyari { color: #8a6100; font-size: 12px; }
.fis-paket-not { font-size: 12px; color: #666; }
.fis-paket-dugme { display: flex; gap: 8px; }
.fis-paket-dugme button {
  border: 0; border-radius: 8px; padding: 10px 16px; font-size: 14px;
  font-weight: 600; cursor: pointer; min-height: 44px;   /* dokunma hedefi */
}
.fis-onayla { background: #2e7d32; color: #fff; }
.fis-reddet { background: #fff; color: #b00020; border: 1px solid #b00020 !important; }
.fis-paket-dugme button:disabled { opacity: .5; cursor: default; }

/* --- uyarılar --- */
.fis-uyari {
  border-radius: 8px; padding: 10px 12px; font-size: 13px;
  background: #eef4ff; border: 1px solid #b9cdf5;
}
.fis-uyari.hata { background: #fdecea; border-color: #f5c2bd; color: #8b1c13; }

/* --- özet --- */
.fis-ozet {
  display: grid; grid-template-columns: repeat(3, 1fr) auto; gap: 8px;
  align-items: center;
}
.fis-ozet > div {
  display: flex; flex-direction: column; align-items: center;
  background: #f6f7f9; border-radius: 10px; padding: 8px 4px; font-size: 11px; color: #666;
}
.fis-ozet > div span { font-size: 17px; font-weight: 700; color: #111; font-variant-numeric: tabular-nums; }
.fis-ozet input[type=month] {
  min-height: 44px; border: 1px solid #d5d8dd; border-radius: 10px; padding: 0 8px;
}

/* --- çekme formu --- */
.fis-form { display: flex; flex-direction: column; gap: 10px; }
.fis-cek {
  display: block; text-align: center; background: #1565c0; color: #fff;
  border-radius: 12px; padding: 18px; font-size: 17px; font-weight: 700;
  cursor: pointer; user-select: none;
}
.fis-cek:active { background: #0d47a1; }
.fis-alanlar { display: grid; grid-template-columns: 150px 1fr; gap: 8px; }
.fis-alanlar select, .fis-alanlar input {
  min-height: 44px; border: 1px solid #d5d8dd; border-radius: 10px;
  padding: 0 10px; font-size: 15px; background: #fff;
}
.fis-alanlar input#fis-not { grid-column: 1 / -1; }
.fis-durum { font-size: 13px; min-height: 18px; color: #555; }
.fis-durum.ok { color: #2e7d32; font-weight: 600; }
.fis-durum.hata { color: #b00020; font-weight: 600; }

/* --- liste --- */
.fis-liste { display: flex; flex-direction: column; gap: 8px; }
.fis-bos { text-align: center; color: #666; padding: 28px 0; font-size: 14px; }
.fis-kart {
  display: flex; gap: 10px; align-items: stretch;
  border: 1px solid #e6e8ec; border-radius: 10px; padding: 8px; background: #fff;
}
.fis-kucuk {
  width: 62px; height: 82px; object-fit: cover; border-radius: 6px;
  background: #f0f1f4; flex: 0 0 auto;
}
.fis-kucuk.bos { border: 1px dashed #cfd3da; }
.fis-govde { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.fis-ust { display: flex; align-items: center; gap: 8px; justify-content: space-between; }
.fis-orta { font-size: 13px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fis-alt { font-size: 11px; color: #666; }
.fis-hata-metin { display: block; color: #b00020; }
.fis-rozet { font-size: 11px; border-radius: 999px; padding: 2px 8px; font-weight: 600; }
.fis-rozet.ok { background: #edf7ed; color: #2e7d32; }
.fis-rozet.hata { background: #fdecea; color: #b00020; }
.fis-rozet.bekle { background: #fff8e1; color: #8a6100; }
.fis-islem { flex: 0 0 auto; display: flex; flex-direction: column; gap: 4px; }
.fis-duzenle, .fis-sil {
  width: 44px; min-height: 38px; border: 0; background: transparent;
  font-size: 17px; cursor: pointer; border-radius: 8px;
}
.fis-duzenle { color: #1565c0; }
.fis-duzenle:active { background: #eef4ff; }
.fis-sil { color: #b00020; }
.fis-sil:active { background: #fdecea; }

/* --- geniş ekran --- */
@media (min-width: 720px) {
  .fis-ozet { grid-template-columns: repeat(3, 140px) auto; justify-content: start; }
  .fis-alanlar input#fis-not { grid-column: auto; }
  .fis-cek { max-width: 320px; }
}

/* --- anında önizleme (çeker çekmez sonuç) --- */
.fis-onizleme {
  position: fixed; inset: 0; z-index: 9000; background: rgba(0,0,0,.55);
  display: flex; align-items: flex-end; justify-content: center;
}
.fis-onz-kutu {
  background: #fff; width: 100%; max-width: 560px; max-height: 92vh;
  border-radius: 16px 16px 0 0; display: flex; flex-direction: column; overflow: hidden;
}
.fis-onz-baslik {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 14px; border-bottom: 1px solid #e6e8ec; font-weight: 600; font-size: 14px;
}
.fis-onz-kapat { border: 0; background: transparent; font-size: 18px; cursor: pointer; min-height: 44px; width: 44px; }
.fis-onz-govde { display: flex; gap: 12px; padding: 12px 14px; overflow: auto; }
.fis-onz-gorsel {
  flex: 0 0 46%; min-height: 190px; background: #f4f5f7; border-radius: 10px;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.fis-onz-gorsel img { width: 100%; height: auto; display: block; }
.fis-onz-spin {
  width: 26px; height: 26px; border: 3px solid #cfd3da; border-top-color: #1565c0;
  border-radius: 50%; animation: fis-donder .8s linear infinite;
}
@keyframes fis-donder { to { transform: rotate(360deg); } }
.fis-onz-alanlar { flex: 1 1 auto; min-width: 0; font-size: 13px; }
.fis-onz-satir { color: #333; margin-bottom: 3px; word-break: break-word; }
.fis-onz-tutar { font-size: 24px; font-weight: 700; margin: 8px 0 4px; font-variant-numeric: tabular-nums; }
.fis-onz-bekle { color: #666; }
.fis-onz-hata { color: #b00020; text-align: center; font-size: 13px; padding: 10px; }
.fis-onz-uyari { margin-top: 8px; font-size: 11.5px; color: #8a6100; background: #fff8e1;
  border-radius: 6px; padding: 6px 8px; }
.fis-onz-ai { margin-top: 8px; font-size: 11.5px; border-radius: 6px; padding: 6px 8px; }
.fis-onz-ai.ok { background: #edf7ed; color: #2e7d32; }
.fis-onz-ai.red { background: #fdecea; color: #8b1c13; }
.fis-onz-dugme { display: flex; gap: 8px; padding: 10px 14px 14px; border-top: 1px solid #e6e8ec; }
.fis-onz-dugme button { flex: 1; min-height: 46px; border-radius: 10px; border: 0;
  font-size: 15px; font-weight: 600; cursor: pointer; }
.fis-onz-tamam { background: #1565c0; color: #fff; }
.fis-onz-sil { background: #fff; color: #b00020; border: 1px solid #b00020 !important; }
@media (min-width: 720px) {
  .fis-onizleme { align-items: center; }
  .fis-onz-kutu { border-radius: 16px; }
}

/* --- 10.08 elden gecirme: otomatik okuma odakli kart + duzenleme --- */
.fis-ipucu { font-size: 12px; color: #666; background: #f6f7f9; border-radius: 8px; padding: 8px 10px; }
.fis-chipler { display: flex; flex-wrap: wrap; gap: 6px; }
.fis-chip { font-size: 11.5px; background: #eef1f5; border-radius: 999px; padding: 4px 10px; color: #445; }
.fis-chip b { color: #111; }
.fis-kart.mukerrer { border-color: #f0b4ae; background: #fffaf9; }
.fis-kucuk { width: 66px; height: 88px; }
.fis-isletme { font-size: 13px; font-weight: 600; color: #1a1a1a; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.fis-tutar { font-size: 17px; font-variant-numeric: tabular-nums; }
.fis-orta { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.fis-kat { font-size: 12px; background: #eef4ff; border-radius: 6px; padding: 2px 8px; color: #1a3f77; }
.fis-kdv { font-size: 11.5px; color: #666; }
.fis-oto { font-size: 9.5px; background: #d7e7ff; border-radius: 4px; padding: 1px 4px; color: #14508f; }
.fis-ai-ok { display: block; color: #2e7d32; }
/* duzenleme formu */
.fis-dz-govde { padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; overflow: auto; }
.fis-dz-bilgi { font-weight: 600; font-size: 13px; color: #333; }
.fis-dz-govde label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: #555; }
.fis-dz-govde select, .fis-dz-govde input {
  min-height: 46px; border: 1px solid #d5d8dd; border-radius: 10px; padding: 0 10px;
  font-size: 15px; background: #fff; color: #111;
}
.fis-dz-hata { color: #b00020; font-size: 12.5px; min-height: 16px; }
.fis-uyari.firma { background: #fff4e5; border-color: #ffd399; color: #6b4700;
  display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.fis-firma-cek { background: #b35309; color: #fff; border-radius: 10px; padding: 10px 16px;
  font-weight: 600; cursor: pointer; min-height: 44px; display: inline-flex; align-items: center; }
.fis-pdf-gor {
  display: inline-flex; align-items: center; justify-content: center;
  background: #37474f; color: #fff; border-radius: 10px; padding: 10px 16px;
  font-size: 14px; font-weight: 600; text-decoration: none; min-height: 44px;
}
.fis-pdf-gor:active { background: #22303a; }
.fis-pdf-indir {
  display: inline-flex; align-items: center; justify-content: center;
  background: #fff; color: #37474f; border: 1px solid #90a4ae; border-radius: 10px;
  padding: 10px 16px; font-size: 14px; font-weight: 600; text-decoration: none; min-height: 44px;
}
.fis-pdf-indir:active { background: #eceff1; }