/* BM Program — onaylanan tasarım (14.10.2026)
   Siyah menü + açık çalışma alanı, BM sarısı vurgu, açık gri çerçeveli kutular. */

:root {
  --sari: #F5B800;
  --siyah: #0E0E0E;
  --koyu: #141414;
  --zemin: #F4F3EF;
  --beyaz: #FFFFFF;
  --cerceve: #DAD7CF;
  --cizgi: #E4E2DC;
  --metin: #141414;
  --metin-2: #3F3D39;
  --soluk: #5C5A55;
  --input: #8C8A84;
  --yesil: #1F6B43; --yesil-z: #E2F2E8;
  --mavi: #1D5FBF; --mavi-z: #E3ECFA;
  --kirmizi: #A12A21; --kirmizi-z: #FBE6E3; --kirmizi-2: #C0362C;
  --turuncu: #7A5300; --turuncu-z: #FDF0D5;
  --gri-z: #ECEAE4;
  --baslik: 'Montserrat', system-ui, sans-serif;
  --govde: 'IBM Plex Sans', system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--zemin); color: var(--metin);
  font-family: var(--govde); font-size: 16px; line-height: 1.5;
  font-variant-numeric: tabular-nums;
}
a { color: #7A5A00; }
a:hover { color: #4D3800; }
h1, h2, h3 { font-family: var(--baslik); margin: 0; }
h1 { font-size: 28px; font-weight: 700; }
h2 { font-size: 19px; font-weight: 700; }
:focus-visible { outline: 2px solid var(--sari); outline-offset: 2px; }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Yerleşim ---------- */
.uygulama { min-height: 100vh; display: flex; }
.menu {
  width: 300px; flex: none; background: var(--siyah); color: #EDEBE6;
  display: flex; flex-direction: column; gap: 24px; padding: 20px 16px;
  position: sticky; top: 0; height: 100vh; overflow-y: auto;
}
.menu-ust { display: flex; flex-direction: column; gap: 14px; }
/* Üst banner: tır + biçerdöver (PDF başlığıyla aynı görsel), sol altta logo ve unvan, altta sarı şerit */
.menu-banner { position: relative; height: 112px; border-radius: 10px; overflow: hidden; background: #000 url('../img/menu-banner.jpg') center / cover; border-bottom: 3px solid var(--sari); }
.menu-banner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,0) 100%); }
.menu-banner-ic { position: absolute; left: 10px; bottom: 9px; z-index: 1; display: flex; align-items: center; gap: 7px; }
.menu-logo { width: 40px; height: 26px; object-fit: contain; flex: none; }
.menu-logo-dar { display: none; width: 44px; height: 28px; object-fit: contain; }
.menu-kim { display: flex; align-items: center; gap: 10px; padding: 0 2px 0 4px; min-width: 0; }
.menu-avatar { width: 34px; height: 34px; flex: none; border-radius: 50%; background: #E8A317; color: #111; font-weight: 800; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; }
.menu-kim-ad { display: flex; flex-direction: column; min-width: 0; }
.menu-kim-ad b { color: #E8A317; font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.menu-kim-ad span { color: #A8A59C; font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.menu-marka { display: flex; flex-direction: column; min-width: 0; overflow: hidden; }
.menu-marka b { font-family: var(--baslik); font-weight: 800; font-size: 15px; letter-spacing: -.2px; color: #fff; white-space: nowrap; }
.menu-marka span { font-size: 9px; color: #ddd; white-space: nowrap; letter-spacing: .2px; }
.menu-daralt {
  margin-left: auto; width: 36px; height: 36px; flex: none; border: 1px solid #2A2A2A; background: transparent;
  color: #EDEBE6; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
}
.menu nav { display: flex; flex-direction: column; gap: 4px; }
.menu nav a {
  display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 12px; border-radius: 8px;
  text-decoration: none; color: #EDEBE6; font-size: 15px; font-weight: 500;
}
.menu nav a:hover { background: #1F1F1F; color: #fff; }
.menu nav a.aktif { background: var(--sari); color: var(--koyu); font-weight: 700; }
.menu nav a svg { width: 22px; height: 22px; flex: none; }
.menu nav a.yakinda { color: #8F8C84; }
.menu nav a.yakinda.aktif { color: var(--koyu); }
.menu-alt { margin-top: auto; border-top: 1px solid #2A2A2A; padding: 16px 8px 0; display: flex; flex-direction: column; gap: 8px; }
.menu-alt .kim b { display: block; color: #fff; }
.menu-alt .kim span { font-size: 13px; color: #A8A59C; }
.menu-alt a, .menu-alt button.bag {
  background: none; border: none; padding: 6px 0; color: #EDEBE6; font: inherit; font-size: 14px; text-align: left; cursor: pointer; text-decoration: none;
}
.menu-alt a:hover, .menu-alt button.bag:hover { color: var(--sari); }

.dar .menu { width: 84px; }
.dar .menu-banner, .dar .menu-kim-ad, .dar .menu nav a span, .dar .menu-alt { display: none; }
.dar .menu-logo-dar { display: block; margin: 0 auto; }
.dar .menu-kim { flex-direction: column; padding: 0; }
.dar .menu-daralt { margin-left: 0; transform: rotate(180deg); }
.dar .menu nav a { justify-content: center; padding: 0; }

.icerik { flex: 1; min-width: 0; padding: 28px 32px 48px; display: flex; flex-direction: column; gap: 20px; }
.ust-cubuk { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.ust-cubuk .baslik { margin-right: auto; display: flex; flex-direction: column; gap: 2px; }
.ust-cubuk .alt { font-size: 15px; color: var(--soluk); }

.mobil-ust { display: none; }

@media (max-width: 900px) {
  .uygulama { flex-direction: column; }
  .menu { display: none; position: fixed; inset: 0; z-index: 50; width: 100%; height: 100%; }
  .menu-acik .menu { display: flex; }
  .menu-daralt { display: none; }
  .mobil-ust {
    display: flex; align-items: center; gap: 12px; background: var(--siyah); color: #fff; padding: 12px 16px;
    position: sticky; top: 0; z-index: 40;
  }
  .mobil-ust b { font-family: var(--baslik); font-weight: 800; font-size: 16px; }
  .mobil-ust button { margin-left: auto; }
  .menu-kapat { display: inline-flex !important; }
  .icerik { padding: 20px 16px 40px; }
  h1 { font-size: 24px; }
}
.menu-kapat { display: none !important; }

/* ---------- Bileşenler ---------- */
.kutu { background: var(--beyaz); border: 1px solid var(--cerceve); border-radius: 12px; padding: 16px 18px; }
.kutu > h2 { margin-bottom: 12px; }
.izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.izgara-2 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.yan-yana { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }
.yan-yana > .genis { flex: 2 1 520px; min-width: 0; }
.yan-yana > .dar-kol { flex: 1 1 320px; min-width: 0; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; padding: 0 16px;
  border-radius: 8px; border: 1px solid var(--koyu); background: var(--beyaz); color: var(--koyu);
  font: 600 15px var(--govde); cursor: pointer; text-decoration: none; white-space: nowrap;
}
.btn:hover { background: #F7F6F2; color: var(--koyu); }
.btn-ana { background: var(--sari); border-color: var(--sari); font-family: var(--baslik); font-weight: 700; }
.btn-ana:hover { background: #E8AD00; }
.btn-koyu { background: var(--koyu); color: #fff; }
.btn-koyu:hover { background: #2A2A2A; color: #fff; }
.btn-tehlike { background: var(--kirmizi-2); border-color: var(--kirmizi-2); color: #fff; }
.btn-tehlike:hover { background: var(--kirmizi); color: #fff; }
.btn-sade { border-color: transparent; background: transparent; color: var(--metin-2); }
.btn-kucuk { min-height: 32px; padding: 0 12px; font-size: 14px; }
/* NTS'deki gibi: sarı "düzenle", turuncu "+ yeni" */
.btn-sari { background: #FFF6D6; border-color: var(--sari); }
.btn-sari:hover { background: #FFEDB0; }
.btn-turuncu { background: #F28C28; border-color: #F28C28; color: #fff; }
.btn-turuncu:hover { background: #DB7A1B; color: #fff; }
/* ✉ Gönder: müşteriye bilgi gittiyse yeşil */
.btn-gitti { background: var(--yesil); border-color: var(--yesil); color: #fff; }
.btn-gitti:hover { background: #17573A; color: #fff; }
.btn:disabled { opacity: .45; cursor: not-allowed; }

.alan { display: flex; flex-direction: column; gap: 6px; }
.alan label { font-size: 14px; font-weight: 600; }
.alan .ipucu { font-size: 13px; color: var(--soluk); }

/* Belge satırları: ad | bitiş tarihi | dosya */
.belge-satirlari { display: flex; flex-direction: column; }
.belge-satiri { display: grid; grid-template-columns: 170px minmax(0, 1fr) minmax(0, 1.4fr); gap: 12px 16px; align-items: start; padding: 12px 0; border-top: 1px solid var(--cizgi); }
.belge-satiri:first-child { border-top: 0; padding-top: 0; }
.belge-ad { padding-top: 6px; }
.belge-dosya { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 14px; }
@media (max-width: 720px) { .belge-satiri { grid-template-columns: 1fr; } }
.belge-simge { display: inline-block; font-size: 12px; font-weight: 700; padding: 2px 6px; border-radius: 5px; background: #E9F3EC; color: #1E6B3A; text-decoration: none; margin: 0 4px 4px 0; }
.belge-simge:hover { background: #D3EBDB; color: #1E6B3A; }
.alan .hata { font-size: 13px; color: var(--kirmizi); font-weight: 500; }
.alan .hata:empty { display: none; }
.ipucu { font-size: 13px; color: var(--soluk); }

/* Belge satırları: ad | bitiş tarihi | dosya */
.belge-satirlari { display: flex; flex-direction: column; }
.belge-satiri { display: grid; grid-template-columns: 170px minmax(0, 1fr) minmax(0, 1.4fr); gap: 12px 16px; align-items: start; padding: 12px 0; border-top: 1px solid var(--cizgi); }
.belge-satiri:first-child { border-top: 0; padding-top: 0; }
.belge-ad { padding-top: 6px; }
.belge-dosya { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 14px; }
@media (max-width: 720px) { .belge-satiri { grid-template-columns: 1fr; } }
.belge-simge { display: inline-block; font-size: 12px; font-weight: 700; padding: 2px 6px; border-radius: 5px; background: #E9F3EC; color: #1E6B3A; text-decoration: none; margin: 0 4px 4px 0; }
.belge-simge:hover { background: #D3EBDB; color: #1E6B3A; }

/* Yazdıkça arayan seçim kutusu (araç sayfasında sahip arama) */
.secici { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; }
.secici-arama { position: relative; flex: 1 1 280px; min-width: 0; }
.secici-liste { position: absolute; z-index: 20; top: 100%; left: 0; right: 0; margin: 4px 0 0; padding: 4px; list-style: none; background: #fff; border: 1px solid var(--cerceve); border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.12); max-height: 320px; overflow: auto; }
.secici-liste li { padding: 8px 10px; border-radius: 6px; cursor: pointer; }
.secici-liste li[aria-selected=true], .secici-liste li:hover { background: #FFF6D6; }
.secici-liste li small { display: block; color: var(--soluk); font-size: 13px; }
.secici-liste li.bos-satir { cursor: default; color: var(--soluk); background: none; }
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=search],
input[type=date], input[type=month], input[type=datetime-local], input[type=number], select, textarea {
  min-height: 38px; border: 1px solid var(--input); border-radius: 8px; padding: 0 12px;
  font: 16px var(--govde); color: var(--metin); background: var(--beyaz); width: 100%;
}
textarea { padding: 8px 12px; min-height: 72px; resize: vertical; }
.onay-kutusu { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 15px; }
.onay-kutusu input { width: 20px; height: 20px; accent-color: var(--koyu); }
/* NTS'deki gibi açma/kapama anahtarı */
.anahtar { display: inline-flex; align-items: center; gap: 10px; min-height: 40px; font-size: 15px; cursor: pointer; }
.anahtar input[type=checkbox] { appearance: none; -webkit-appearance: none; width: 38px; height: 22px; border-radius: 11px; background: #cfd3da; position: relative; cursor: pointer; transition: background .15s; flex: 0 0 auto; margin: 0; }
.anahtar input[type=checkbox]::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: left .15s; }
.anahtar input[type=checkbox]:checked { background: var(--yesil); }
.anahtar input[type=checkbox]:checked::after { left: 19px; }
.anahtar input[type=checkbox]:focus-visible { outline: 2px solid var(--koyu); outline-offset: 2px; }
fieldset { margin: 0; border: none; padding: 0; }

.uyari { border-radius: 10px; padding: 12px 16px; font-size: 15px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.uyari-basari { background: var(--yesil-z); color: var(--yesil); }
.uyari-hata { background: var(--kirmizi-z); color: var(--kirmizi); }
.uyari-bilgi { background: var(--mavi-z); color: var(--mavi); }
.uyari-dikkat { background: var(--turuncu-z); color: var(--turuncu); }
.bant { background: var(--koyu); color: #fff; border-radius: 10px; padding: 14px 18px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.bant a { color: var(--sari); font-weight: 600; margin-left: auto; }

.etiket { display: inline-block; font-size: 13px; font-weight: 600; border-radius: 6px; padding: 3px 10px; white-space: nowrap; }
.etiket-yesil { background: var(--yesil-z); color: var(--yesil); }
.etiket-mavi { background: var(--mavi-z); color: var(--mavi); }
.etiket-kirmizi { background: var(--kirmizi-z); color: var(--kirmizi); }
.etiket-gri { background: var(--gri-z); color: var(--metin-2); }
.etiket-sari { background: var(--turuncu-z); color: var(--turuncu); }
.etiket-koyu { background: var(--koyu); color: #fff; }

.tablo-kutu { background: var(--beyaz); border: 1px solid var(--cerceve); border-radius: 12px; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.35; }
thead tr { background: var(--koyu); color: #fff; text-align: left; }
th { padding: 8px 12px; font-weight: 600; font-size: 13px; white-space: nowrap; }
td { padding: 7px 12px; border-top: 1px solid var(--cizgi); vertical-align: top; }
td.sag, th.sag { text-align: right; }
td .ikincil { display: block; font-size: 12px; color: var(--soluk); }
tr.soluk td { opacity: .6; }

.ozet-kart { background: var(--beyaz); border: 1px solid var(--cerceve); border-radius: 12px; padding: 18px 20px; display: flex; flex-direction: column; gap: 6px; }
.ozet-kart .ad { font-size: 14px; color: var(--soluk); }
.ozet-kart .deger { font-family: var(--baslik); font-weight: 700; font-size: 26px; }
.ozet-kart .not { font-size: 13px; color: var(--soluk); }

.sayfalama { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.sayfalama a, .sayfalama span { padding: 8px 12px; border-radius: 8px; border: 1px solid var(--cerceve); background: #fff; text-decoration: none; color: var(--metin); }
.sayfalama .aktif { background: var(--koyu); color: #fff; border-color: var(--koyu); }

pre.kopya { background: #F7F6F2; border: 1px solid var(--cerceve); border-radius: 8px; padding: 14px; white-space: pre-wrap; word-break: break-word; font-size: 14px; margin: 0; }

dialog { border: 1px solid var(--cerceve); border-radius: 14px; padding: 0; width: min(520px, calc(100% - 32px)); max-height: calc(100vh - 32px); overflow: auto; }
dialog::backdrop { background: rgba(14,14,14,.55); }
dialog form { padding: 24px; display: flex; flex-direction: column; gap: 16px; }

/* ---------- Giriş ekranı ---------- */
.giris { min-height: 100vh; display: flex; flex-wrap: wrap; }
.giris-sol { flex: 1 1 560px; min-width: 0; background: var(--siyah); color: #fff; display: flex; flex-direction: column; justify-content: space-between; min-height: 560px; }
.giris-sol .ust { padding: 48px 64px 0; display: flex; flex-direction: column; gap: 28px; }
.giris-sol .ust img { width: 220px; height: 220px; object-fit: contain; margin-left: -14px; }
.giris-sol h1 { font-weight: 800; font-size: 38px; line-height: 1.1; letter-spacing: .5px; }
.giris-sol h1 span { color: var(--sari); }
.giris-sol p { margin: 12px 0 0; font-size: 17px; color: #C9C6BD; max-width: 520px; }
.giris-sol .gorsel { position: relative; height: 280px; margin-top: 36px; overflow: hidden; }
.giris-sol .gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.giris-sol .gorsel::before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 6px; background: var(--sari); }
.giris-sag { flex: 1 1 460px; min-width: 0; display: flex; align-items: center; justify-content: center; padding: 48px 20px; }
.giris-form { width: 100%; max-width: 420px; background: #fff; border: 1px solid var(--cerceve); border-radius: 14px; padding: 36px; display: flex; flex-direction: column; gap: 20px; }
.giris-form .btn-ana { height: 52px; font-size: 17px; }
@media (max-width: 700px) {
  .giris-sol { min-height: 0; }
  .giris-sol .ust { padding: 28px 20px 0; flex-direction: row; align-items: center; gap: 16px; }
  .giris-sol .ust img { width: 96px; height: 96px; margin: 0; }
  .giris-sol h1 { font-size: 24px; }
  .giris-sol p { display: none; }
  .giris-sol .gorsel { height: 150px; margin-top: 20px; }
  .giris-form { padding: 24px; }
}

.ortala { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; }
.tek-kutu { width: 100%; max-width: 520px; background: #fff; border: 1px solid var(--cerceve); border-radius: 14px; padding: 32px; display: flex; flex-direction: column; gap: 16px; }
.tek-kutu .logo { width: 64px; height: 40px; object-fit: contain; background: var(--siyah); border-radius: 8px; padding: 6px; }

/* ---------- 1. adım: liste süzgeçleri, bilgi kartları ---------- */
.sekmeler { display: flex; gap: 8px; flex-wrap: wrap; }
.sekmeler a { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border-radius: 999px;
  border: 1px solid var(--cerceve); background: var(--beyaz); color: var(--metin-2); text-decoration: none; font-size: 14px; font-weight: 600; }
.sekmeler a:hover { border-color: var(--koyu); color: var(--koyu); }
.sekmeler a.aktif { background: var(--koyu); border-color: var(--koyu); color: #fff; }
.sekmeler a .sayi { font-size: 12px; font-weight: 600; opacity: .75; }
.arama { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.arama input[type=search] { flex: 1 1 280px; max-width: 460px; }
.bilgiler { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px 24px; margin: 0; }
.bilgiler div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bilgiler dt { font-size: 13px; color: var(--soluk); }
.bilgiler dd { margin: 0; font-size: 15px; overflow-wrap: anywhere; }
.kutu-baslik { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.kutu-baslik h2 { margin: 0; }
.bos { color: var(--soluk); font-size: 15px; margin: 0; }
.secim-grubu { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.zorunlu::after { content: ' *'; color: var(--kirmizi); }
[hidden] { display: none !important; }
@media (max-width: 700px) {
  .bilgiler { grid-template-columns: 1fr 1fr; }
}
/* Geniş tablolar sayfayı taşırmasın: içerik kolonu çocukları daralabilsin, tablo kendi içinde kaysın. */
.icerik > *, .kutu { min-width: 0; }
.kutu .tablo-kutu { max-width: 100%; }
.tablo-kutu { position: relative; } /* .gizli (absolute) öğeler kaydırma kutusundan taşmasın */

/* Kara listedeki satır */
tr.kara-liste td { background: var(--kirmizi-z); }
/* WhatsApp düğmesi */
.wa-dugme { display: inline-block; font-size: 11px; font-weight: 700; line-height: 1; padding: 3px 5px; border-radius: 4px; background: #25D366; color: #fff; text-decoration: none; vertical-align: middle; }
.wa-dugme:hover { background: #128C7E; color: #fff; }
/* Satır sonu ≡ işlem menüsü */
.islem-menu { position: relative; display: inline-block; text-align: left; }
.islem-menu > summary { list-style: none; cursor: pointer; font-size: 20px; line-height: 1; padding: 6px 10px; border: 1px solid var(--cizgi, #ddd); border-radius: 6px; background: #fff; }
.islem-menu > summary::-webkit-details-marker { display: none; }
.islem-menu-liste { position: absolute; right: 0; top: calc(100% + 4px); z-index: 20; min-width: 200px; background: #fff; border: 1px solid var(--cizgi, #ddd); border-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,.12); padding: 4px 0; display: flex; flex-direction: column; }
.islem-menu-liste a, .islem-menu-liste button { display: block; width: 100%; text-align: left; padding: 9px 14px; font: inherit; font-size: 15px; color: inherit; background: none; border: 0; cursor: pointer; text-decoration: none; white-space: nowrap; }
.islem-menu-liste a:hover, .islem-menu-liste button:hover { background: var(--zemin, #f4f2ee); }
.bilgi-listesi { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0; }
.bilgi-listesi dt { color: var(--soluk); font-size: 14px; }
.bilgi-listesi dd { margin: 0; }

/* Sipariş sayfası: form solda, fiyat kutusu sağda (dar ekranda alta iner) */
.siparis-duzen { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }
.siparis-ana { flex: 2 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.fiyat-kutusu { flex: 1 1 300px; min-width: 0; position: sticky; top: 20px; display: flex; flex-direction: column; gap: 14px; }
.fiyat-satir { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid var(--cizgi); padding-top: 12px; font-size: 16px; }
.fiyat-satir strong { font-family: 'Montserrat', sans-serif; font-size: 22px; }
.secenek-dugmeleri { display: flex; flex-wrap: wrap; gap: 8px; }
.secenek-dugmeleri label { position: relative; }
.secenek-dugmeleri input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.secenek-dugmeleri span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid #8C8A84; border-radius: 8px; background: #fff; cursor: pointer; font-size: 16px; }
.secenek-dugmeleri input:checked + span { background: var(--koyu, #141414); border-color: var(--koyu, #141414); color: #fff; font-weight: 600; }
.secenek-dugmeleri input:focus-visible + span { outline: 2px solid var(--sari); outline-offset: 2px; }
.secici-liste li.ekle-satir { color: var(--yesil); font-weight: 600; }
fieldset:disabled .btn { opacity: .5; pointer-events: none; }
.siparis-ana .secici { align-items: flex-start; flex-wrap: nowrap; }
.siparis-ana .secici-arama { flex: 1 1 auto; }


/* 2b: sevkiyat penceresi daha geniş */
dialog.genis-pencere { width: min(720px, calc(100% - 32px)); }
dialog.genis-pencere > form + form { padding-top: 12px; }
.son-isler { margin-top: 12px; font-size: 14px; }
.son-isler summary { cursor: pointer; font-weight: 600; }
.son-isler ul { margin: 8px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; }

/* NTS görünümü (tüm program, Zafer Bey 15.10.2026): başlık kutunun hemen üstünde, küçük ve gri; kutular ince.
   Sadece etiketin hemen ardından yazı kutusu / seçim kutusu gelen alanlara uygulanır; onay kutusu, dosya, düğme grupları etkilenmez. */
.alan { gap: 2px; }
.alan > label:not(.gizli):has(+ :is(input[type=text], input[type=search], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=date], input[type=month], input[type=datetime-local], select, textarea, div:is([style*="display:flex"], .secici))) {
  font-size: 11px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; color: var(--soluk); line-height: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.alan > label + textarea { min-height: 56px; }
.nts .alan > .ipucu:not([data-secici-bilgi]):not([data-agirlik-karsilik]) { display: none; }
.alan > .ipucu:empty { display: none; }
.secici { align-items: flex-start; flex-wrap: nowrap; }
.secici-arama { flex: 1 1 auto; }
.secici > .btn { flex: 0 0 auto; }
.secici > .alan ~ .btn { margin-top: 15px; }
.btn.btn-ikon { width: 38px; padding: 0; font-size: 20px; line-height: 1; }
.nts-cizgi { border: 0; border-top: 1px solid var(--cerceve); margin: 4px 0; width: 100%; }
.nts-sag { margin: -4px 0; text-align: right; }
.nts-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.nts-izgara .nts-tam { grid-column: 1 / -1; }
.nts-tutar { display: flex; justify-content: space-between; align-items: center; padding: 0 13px; min-height: 38px; align-self: end; border-radius: 8px; background: #FFF6D6; }
.nts-tutar strong { font-family: 'Montserrat', sans-serif; font-size: 20px; }
.nts-detaylar > summary { cursor: pointer; font-weight: 600; text-align: right; padding: 6px 0; list-style: none; }
.nts-detaylar > summary::after { content: ' ⌄'; }
.nts-detaylar[open] > summary::after { content: ' ⌃'; }
.nts-detaylar > summary::-webkit-details-marker { display: none; }
.nts-ozet { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 12px 0 0; padding: 10px 14px; border-radius: 8px; background: #FFF6D6; }
.nts-ozet strong { margin-left: 6px; }
.nts-ozet .ikincil { margin-left: 6px; font-size: 12px; color: var(--soluk); }
.nts-ozet.sik { font-size: 14px; padding: 6px 12px; gap: 4px 20px; margin-top: 8px; }
@media (max-width: 640px) { .nts-izgara { grid-template-columns: 1fr; } }
.nts-ugramalar { display: flex; flex-direction: column; gap: 12px; }
.nts-ugramalar:not(:has(*)) { display: none; }

/* Tek panel formlar (cari, araç): bölüm kutuları tek kutuda birleşir, bölüm başlığı küçük çizgi başlık olur */
form.tek-panel { gap: 0 !important; background: var(--beyaz); border: 1px solid var(--cerceve); border-radius: 12px; padding: 4px 18px 16px; }
form.tek-panel > section.kutu { border: 0; border-radius: 0; background: none; padding: 14px 0; }
form.tek-panel > section.kutu + section.kutu { border-top: 1px solid var(--cerceve); }
form.tek-panel > section.kutu > h2 { font-size: 13px; text-transform: uppercase; letter-spacing: .03em; color: var(--soluk); margin-bottom: 10px; }
td .btn, td .btn-kucuk { min-height: 30px; padding: 0 10px; font-size: 13px; }
td { vertical-align: middle; }
.alan > legend, fieldset.alan > legend, .etiket { font-size: 11px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; color: var(--soluk); }
.alan > label:has(+ input[type=file]) { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .02em; color: var(--soluk); }
/* Formlar NTS gibi sabit genişlikte; sayfa ne kadar geniş olursa olsun baştan başa uzamaz (Zafer Bey, 15.10.2026) */
.nts-form, .nts-form ~ #sevkiyat { max-width: 860px; }
.nts-form .nts { display: flex; flex-direction: column; gap: 10px; border: 0; padding: 0; margin: 0; min-width: 0; }

/* Yönetim → Kullanıcılar: bölüm izin kutucukları */
.izin-kutulari{border:1px solid var(--cizgi);border-radius:8px;padding:12px 14px;margin:0}
.izin-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 16px}

/* "+" ile açılan yeni kayıt penceresi (iframe) */
dialog.pencere-cerceve{width:min(920px,96vw);height:min(88vh,1000px);padding:0;overflow:hidden}
dialog.pencere-cerceve iframe{width:100%;height:100%;border:0;display:block}

/* İşler listesi (16.10.2026): sık satırlar, bilgi eksik işte solda turuncu çizgi */
.tablo-sik th { padding: 6px 10px; }
.tablo-sik td { padding: 4px 10px; font-size: 14px; }
.tablo-sik td .btn, .tablo-sik td .btn-kucuk { min-height: 26px; padding: 0 8px; font-size: 12.5px; }
.tablo-sik td .btn-mini { min-height: 20px; padding: 0 6px; font-size: 11.5px; margin-left: 4px; vertical-align: 1px; }
.tablo-sik tr.bilgi-eksik td:first-child { box-shadow: inset 4px 0 0 #E08A1E; }

/* Menü grup başlıkları */
.menu-grup { margin: 10px 12px 2px; font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #8F8C84; }
.menu nav .menu-grup:first-child { margin-top: 0; }
.dar .menu-grup { display: none; }

/* Büyük harf (NTS gibi, Zafer 16.10.2026): bu alanlar kaydedilirken de büyük harfe çevrilir. lang="tr" ile i → İ doğru gösterilir. */
.yazim-buyuk :is(input, textarea):is([name="ad"], [name$="_ad"], [name$="[ad]"], [name="kisa_ad"], [name="unvan"], [name$="[unvan]"], [name="adres"], [name$="[adres]"], [name="acik_adres"],
  [name="notlar"], [name="ic_not"], [name="musteri_notu"], [name="sofor_notu"], [name="teslim_notu"], [name="musteri_ref"], [name="gorev"], [name="yetkili"],
  [name$="[kalkis]"], [name$="[varis]"], [name="sozlesme_no"], [name="irsaliye_no"]):not([type=email]):not([data-normal]) { text-transform: uppercase; }
.yazim-karma :is(input, textarea):is([name="unvan"], [name$="[unvan]"], [name="kisa_ad"], [name="musteri_ref"], [name$="[kalkis]"], [name$="[varis]"], [name="sozlesme_no"], [name="irsaliye_no"]) { text-transform: uppercase; }
:is(input, textarea)::placeholder { text-transform: none; }

/* Menü başlıkları büyük harf */
.menu nav a span { text-transform: uppercase; font-size: 13px; letter-spacing: .02em; }

/* ---------- Kurumsal görünüm (Zafer 16.10.2026): gün boyu ekranda göz yormasın ----------
   Saf siyah yerine koyu antrasit, yumuşak metin rengi, açık tablo başlıkları, hafif satır şeritleri. */
:root { --siyah: #1A1D22; --metin: #23262B; --zemin: #F5F4F0; --tablo-bas: #ECEAE4; }
body { font-size: 15px; color: var(--metin); }
.menu { background: var(--siyah); }
.menu nav a { color: #D6D9DE; }
.menu nav a:hover { background: #262A31; }
thead tr { background: var(--tablo-bas); color: #3A3833; }
th { font-size: 11.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; border-bottom: 1px solid var(--cerceve); }
tbody tr:nth-child(even) > td { background-color: #FAF9F6; }
tbody tr:hover > td { background-color: #FFF7DD; }
.kutu { box-shadow: 0 1px 2px rgba(20, 20, 20, .04); }

/* Giderler */
.gider-ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-bottom: 12px; }
.gider-ozet .ozet-kart { padding: 12px 16px; }
.gider-ozet .ozet-kart .deger { font-size: 22px; }
.gider-formu { display: flex; flex-direction: column; gap: 12px; }
.gider-genis { grid-column: span 2; }
@media (max-width: 640px) { .gider-genis { grid-column: auto; } }
.gider-seferler { border: 1px solid var(--cizgi); border-radius: 8px; padding: 8px 12px; margin: 0; max-height: 260px; overflow: auto; }
.gider-seferler legend { padding: 0 4px; font-weight: 600; }
.gider-sefer { display: flex; gap: 8px; align-items: center; padding: 3px 0; }
.gider-hesap { display: flex; gap: 20px; flex-wrap: wrap; background: var(--zemin); border-radius: 8px; padding: 8px 12px; font-size: 14px; }

/* Kamu işleri listesi: satırdan sevk / tesellüm tonajı */
.tonaj-dugme { background: none; border: 1px dashed transparent; border-radius: 6px; padding: 2px 6px; font: inherit; color: inherit; cursor: pointer; }
.tonaj-dugme:hover, .tonaj-dugme:focus-visible { border-color: var(--cerceve); background: #FFF7DD; }
.tonaj-bos { color: #B5650F; font-weight: 600; border-color: #F0B26B; }
/* Kasa ve bankalar */
.hesap-kartlari { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; margin-bottom: 12px; }
.hesap-karti { padding: 10px 14px; color: inherit; text-decoration: none; gap: 2px; }
.hesap-karti .deger { font-size: 20px; }
.hesap-karti:hover { border-color: var(--soluk); }
.hesap-karti.secili { border-color: var(--mavi); box-shadow: 0 0 0 1px var(--mavi); }
.etiket-turuncu { background: var(--turuncu-z); color: var(--turuncu); }
.izin-satir{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px dashed var(--cizgi);padding:2px 0}
.izin-salt{font-size:13px;white-space:nowrap}

/* İlerleme çubuğu (kredi taksitleri, kart limiti) */
.cubuk { display: block; height: 6px; margin-top: 4px; background: var(--cizgi); border-radius: 3px; overflow: hidden; }
.cubuk > span { display: block; height: 100%; background: var(--yesil); }
.cubuk.cubuk-borc > span { background: var(--kirmizi); }
.btn.btn-whatsapp { background: #25D366; border-color: #25D366; color: #fff; }
.btn.btn-whatsapp:hover { background: #1DA851; border-color: #1DA851; }
.cc-ac { background: none; border: 0; padding: 0; color: var(--mavi, #1d5fbf); font-size: 13px; cursor: pointer; text-decoration: underline; align-self: flex-start; }
.konum-yok { color: var(--turuncu); font-weight: 600; text-decoration: none; }
.wa-bildirim { position: fixed; right: 16px; bottom: 16px; z-index: 1000; max-width: 360px; background: #128C7E; color: #fff; padding: 10px 14px; border-radius: 8px; box-shadow: 0 4px 14px rgba(0,0,0,.2); font-size: 14px; }
/* Raporlar */
.rapor-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.rapor-kartlar .ozet-kart { padding: 14px 16px; }
.rapor-kartlar .deger { font-size: 22px; }
.artis { color: var(--yesil); font-weight: 700; }
.azalis { color: var(--kirmizi); font-weight: 700; }
tr.dusuk-kar td { background: #FDECEC; }
tr.dusuk-kar td:first-child { box-shadow: inset 3px 0 0 var(--kirmizi); }
tfoot .toplam-satiri td { border-top: 2px solid var(--koyu); background: #FAFAF7; }
.rapor-grafik { display: flex; align-items: flex-end; gap: 8px; height: 180px; padding: 12px 14px 6px; overflow-x: auto; }
.rapor-grafik .ay { flex: 1 0 34px; display: flex; flex-direction: column; align-items: center; height: 100%; }
.rapor-grafik .cubuklar { flex: 1; display: flex; align-items: flex-end; gap: 3px; width: 100%; justify-content: center; }
.rapor-grafik .cubuklar span { width: 40%; max-width: 18px; border-radius: 3px 3px 0 0; min-height: 1px; }
.rapor-grafik .etiket-ay { font-size: 12px; color: var(--soluk); margin-top: 4px; }
.cubuk-satis { background: #C9C2AE; }
.cubuk-kar { background: #F5B800; }
.cubuk-zarar { background: var(--kirmizi); }
.lejant { display: inline-block; width: 10px; height: 10px; border-radius: 2px; vertical-align: middle; margin: 0 2px 0 8px; }

/* İşler listesi: teslim evrakı */
.evrak-satir { display: flex; flex-wrap: wrap; gap: 2px 8px; align-items: center; }
.evrak-form { display: inline; margin: 0; }
.evrak-ekle { cursor: pointer; color: var(--mavi); text-decoration: underline; font-weight: 600; }
.evrak-ekle.evrak-yok { color: var(--turuncu); }
.evrak-ic { padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.evrak-kap { position: relative; margin: 0 auto; overflow: hidden; touch-action: none; user-select: none; cursor: crosshair; background: #333; }
.evrak-kap canvas { display: block; }
.evrak-cerceve { position: absolute; box-sizing: border-box; border: 3px solid var(--sari); box-shadow: 0 0 0 9999px rgba(0,0,0,.5); cursor: move; }
.evrak-cerceve i { position: absolute; width: 22px; height: 22px; background: var(--sari); border: 2px solid var(--siyah); }
.evrak-cerceve i[data-k="nw"] { left: -3px; top: -3px; cursor: nwse-resize; border-radius: 0 0 8px 0; }
.evrak-cerceve i[data-k="ne"] { right: -3px; top: -3px; cursor: nesw-resize; border-radius: 0 0 0 8px; }
.evrak-cerceve i[data-k="sw"] { left: -3px; bottom: -3px; cursor: nesw-resize; border-radius: 0 8px 0 0; }
.evrak-cerceve i[data-k="se"] { right: -3px; bottom: -3px; cursor: nwse-resize; border-radius: 8px 0 0 0; }
.evrak-kaldir { border: 0; background: none; color: var(--kirmizi); cursor: pointer; padding: 0 2px; font-size: 13px; }
.selam-ad { color: #E8A317; }
/* Bugün: düz siyah selam şeridi, altta sarı çizgi (görsel göz alıyordu, Zafer 18.10.2026) */
.selam-serit { background: #000; border-radius: 12px; border-bottom: 4px solid var(--sari); padding: 22px 28px; min-height: 104px; display: flex; align-items: center; }
.selam-serit h1 { color: #fff; margin: 0; }
.selam-serit .alt { color: #C9C6BE; font-size: 15px; }
.selam-serit .baslik { display: flex; flex-direction: column; gap: 4px; }

/* ---------- Müşteri portalı (18.10.2026) ---------- */
body.portal { display: flex; flex-direction: column; min-height: 100vh; }
.portal-ust { background: #000 url('../img/menu-banner.jpg') right center / auto 100% no-repeat; border-bottom: 4px solid var(--sari); }
.portal-ust-ic { background: linear-gradient(90deg, #000 0%, #000 45%, rgba(0,0,0,.55) 100%); display: flex; align-items: center; gap: 24px; flex-wrap: wrap; padding: 12px 24px; min-height: 76px; }
.portal-marka { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #fff; }
.portal-marka img { width: 46px; height: 30px; object-fit: contain; }
.portal-marka span { display: flex; flex-direction: column; line-height: 1.15; }
.portal-marka b { font-family: var(--baslik); font-size: 17px; letter-spacing: .5px; }
.portal-marka small { color: var(--sari); font-size: 12px; font-weight: 600; }
.portal-nav { display: flex; gap: 6px; flex-wrap: wrap; }
.portal-nav a { color: #E7E5DF; text-decoration: none; font-weight: 600; padding: 8px 14px; border-radius: 8px; }
.portal-nav a:hover { background: rgba(255,255,255,.12); color: #fff; }
.portal-nav a.aktif { background: var(--sari); color: #111; }
.portal-kim { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.portal-kim-ad { display: flex; flex-direction: column; line-height: 1.2; text-align: right; }
.portal-kim-ad b { color: #E8A317; }
.portal-kim-ad small { color: #CFCBC2; font-size: 12px; }
.portal-cikis { background: transparent; color: #fff; border-color: rgba(255,255,255,.4); }
.portal-icerik { flex: 1; width: 100%; max-width: 1180px; margin: 0 auto; padding: 24px 20px 40px; display: flex; flex-direction: column; gap: 16px; }
.portal-alt { text-align: center; font-size: 12.5px; color: var(--soluk); padding: 14px; border-top: 1px solid var(--cizgi); }
.portal-baslik { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.portal-ara { display: flex; gap: 6px; }
.portal-ara input { min-width: 240px; }
.portal-is { display: flex; flex-direction: column; gap: 12px; }
.portal-is-ust { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.portal-is-ust .etiket { margin-left: 6px; }
.portal-tutar { font-weight: 700; font-size: 17px; }
.portal-tutar small { font-weight: 400; font-size: 12px; color: var(--soluk); }
.portal-is-bilgi { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px 20px; }
.portal-is-bilgi > div { display: flex; flex-direction: column; }
.portal-is-bilgi span { font-size: 12px; color: var(--soluk); text-transform: uppercase; letter-spacing: .4px; }
.portal-is-bilgi small { color: var(--soluk); }
.portal-belgeler { display: flex; flex-direction: column; gap: 2px; font-size: 14px; }
@media (max-width: 700px) {
  .portal-ust-ic { padding: 10px 14px; gap: 10px; background: #000; }
  .portal-kim-ad small { display: none; }
  .portal-icerik { padding: 16px 12px 32px; }
  .portal-ara, .portal-ara input { width: 100%; min-width: 0; }
  .portal-tablo thead { display: none; }
  .portal-tablo table, .portal-tablo tbody, .portal-tablo tr, .portal-tablo td { display: block; width: 100%; }
  .portal-tablo tr { padding: 10px 12px; border-bottom: 1px solid var(--cizgi); display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; }
  .portal-tablo td { padding: 0; border: none; }
  .portal-tablo td::before { content: attr(data-e); display: block; font-size: 11px; color: var(--soluk); text-transform: uppercase; letter-spacing: .4px; }
  .portal-tablo td.portal-belgeler { grid-column: 1 / -1; }
}
.portal-form { display: flex; flex-direction: column; gap: 14px; max-width: 860px; }
.portal-form-ikili { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px 20px; }
.portal-form .alan input + input, .portal-form .alan select + input { margin-top: 6px; }
.portal-bakiye { display: flex; flex-direction: column; gap: 2px; }
.portal-bakiye span { font-size: 12px; color: var(--soluk); text-transform: uppercase; letter-spacing: .4px; }
.portal-bakiye strong { font-family: var(--baslik); font-size: 28px; }
.portal-bakiye small { color: var(--soluk); }

/* Muhasebe durumu seçimi (giderler listesi) */
select.kucuk-secim { padding: 2px 6px; font-size: .82rem; min-height: 0; width: auto; }
select.secim-yesil { background: #e6f4ea; border-color: #7cbf8e; }
select.secim-kirmizi { background: #fdeaea; border-color: #e09a9a; }

/* Kasa: seçili hesabın çubuğu (Ekstre yükle, Hesap bilgileri) */
.hesap-cubugu { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; background: #fff; border: 1px solid var(--cizgi, #e3e0d8); border-left: 4px solid #E8A317; border-radius: 10px; padding: 10px 14px; margin: 0 0 12px; }
.hesap-cubugu .ikincil { display: block; }

/* Üst çubuk: arama ve zil (Ebrar Hanım'ın tasarımı, 21.10.2026) */
.ust-serit { display: flex; align-items: center; gap: 16px; margin: -12px 0 -4px; }
.ust-ara { position: relative; flex: 0 1 560px; display: flex; align-items: center; gap: 8px; background: var(--beyaz); border: 1px solid var(--cerceve); border-radius: 10px; padding: 0 12px; color: var(--soluk); }
.ust-ara:focus-within { border-color: var(--sari); box-shadow: 0 0 0 3px rgba(245, 184, 0, .2); }
.ust-ara input { border: 0; outline: 0; background: transparent; flex: 1; min-width: 0; padding: 10px 0; font: inherit; font-size: 15px; color: var(--metin); box-shadow: none; }
.ust-sonuc { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 60; background: var(--beyaz); border: 1px solid var(--cerceve); border-radius: 10px; box-shadow: 0 8px 24px rgba(0, 0, 0, .12); max-height: 70vh; overflow: auto; padding: 6px 0; }
.ust-sonuc .grup { font-size: 11.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--soluk); padding: 8px 14px 4px; }
.ust-sonuc a { display: block; padding: 7px 14px; color: var(--metin); text-decoration: none; }
.ust-sonuc a span { display: block; font-size: 13px; color: var(--soluk); }
.ust-sonuc a:hover, .ust-sonuc a.secili { background: var(--turuncu-z); }
.ust-sonuc .yok { padding: 10px 14px; color: var(--soluk); }
.ust-zil { position: relative; margin-left: auto; }
.zil-dugme { position: relative; background: transparent; border: 0; padding: 8px; border-radius: 50%; color: var(--metin-2); cursor: pointer; display: flex; }
.zil-dugme:hover { background: var(--gri-z); }
.zil-sayi { position: absolute; top: 2px; right: 0; min-width: 18px; height: 18px; border-radius: 9px; background: #E8A317; color: #000; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; padding: 0 4px; }
.zil-sayi.kirmizi { background: var(--kirmizi-2); color: #fff; }
.zil-liste { position: absolute; right: 0; top: calc(100% + 6px); z-index: 60; width: min(420px, 90vw); background: var(--beyaz); border: 1px solid var(--cerceve); border-radius: 10px; box-shadow: 0 8px 24px rgba(0, 0, 0, .12); max-height: 70vh; overflow: auto; }
.zil-liste .satir { padding: 10px 14px; border-bottom: 1px solid var(--cizgi); font-size: 14px; border-left: 4px solid var(--sari); }
.zil-liste .satir.hata { border-left-color: var(--kirmizi-2); }
.zil-liste .satir a { display: inline-block; margin-top: 4px; font-weight: 600; }
.zil-liste .bos { padding: 14px; color: var(--soluk); }

/* Menüde hava durumu */
.menu-hava { margin: auto 8px 0; padding: 12px 8px; display: flex; align-items: center; gap: 10px; color: #E8E6E0; }
.menu-hava b { display: block; font-size: 17px; color: #fff; }
.menu-hava span { font-size: 13px; color: #A8A59C; }
.menu-hava .simge { font-size: 28px; line-height: 1; }
.menu-hava:not([hidden]) + .menu-alt { margin-top: 0; }
.dar .menu-hava div { display: none; }

/* Bugün özet kartı */
.ozet-kart { padding: 0; }
.ozet-ust { display: flex; flex-wrap: wrap; }
.ozet-ust > * { padding: 18px 20px; border-right: 1px solid var(--cizgi); }
.ozet-ust > *:last-child { border-right: 0; }
.ozet-vurgu { flex: 1 1 260px; display: flex; flex-direction: column; gap: 4px; }
.ozet-ad { font-size: 14px; color: var(--metin-2); }
.ozet-tutar { font-family: var(--baslik); font-size: 28px; font-weight: 700; color: var(--metin); }
.ozet-not { font-size: 13px; color: var(--soluk); }
.ozet-not.kirmizi, .ozet-kutu strong.kirmizi { color: var(--kirmizi-2); }
.ozet-git { font-size: 14px; color: #B87A00; font-weight: 600; }
.ozet-kutu { flex: 1 1 150px; display: flex; align-items: flex-start; gap: 12px; color: var(--metin-2); text-decoration: none; }
.ozet-kutu:hover { background: #FBFAF6; }
.ozet-kutu > span { display: flex; flex-direction: column; gap: 2px; }
.ozet-kutu strong { font-family: var(--baslik); font-size: 26px; color: var(--metin); }
.ozet-alt { display: flex; align-items: center; gap: 16px; border-top: 1px solid var(--cizgi); padding: 0 20px 0 0; }
.ozet-alt .ozet-kutu { flex: 0 1 auto; padding: 14px 20px; }
.ozet-yeni { margin-left: auto; padding: 10px 22px; font-size: 16px; }

/* Ferah tablo ve yuvarlak durum etiketi */
table.tablo-ferah thead tr { background: #E9EEF5; color: #2F3B4C; }
table.tablo-ferah th, table.tablo-ferah td { padding: 12px 16px; }
table.tablo-ferah tbody tr:hover { background: #FAFAF7; }
.etiket-hap { border-radius: 999px; padding: 5px 14px; text-transform: uppercase; font-size: 12px; letter-spacing: .03em; }

@media (max-width: 760px) {
  .ust-serit { margin: 0; }
  .ozet-ust > * { border-right: 0; border-bottom: 1px solid var(--cizgi); }
  .ozet-alt { flex-wrap: wrap; padding: 0 16px 14px 0; }
}

/* Belge önizleme penceresi */
.belge-onizleme { width: min(1000px, 96vw); padding: 16px 18px; }
.belge-onizleme-ic { height: min(78vh, 900px); display: flex; align-items: center; justify-content: center; background: #F2F1ED; border-radius: 8px; overflow: auto; }
.belge-onizleme-ic iframe { width: 100%; height: 100%; border: 0; background: #fff; }
.belge-onizleme-ic img { max-width: 100%; max-height: 100%; object-fit: contain; }

/* Pencere köşesindeki kapat düğmesi */
.pencere-kapat { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; border-radius: 50%; border: 0; background: transparent; color: var(--soluk); font-size: 18px; cursor: pointer; z-index: 2; }
.pencere-kapat:hover { background: var(--gri-z); color: var(--metin); }
.secim-satiri { display: flex; gap: 8px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--cizgi, #e5e7eb); font-weight: 400; }