/* Ünal Çiftliği Yönetim Platformu — tasarım dili
   Renkler belirteç (token) olarak tanımlı; açık/koyu tema sistem ayarından. Dış yazı tipi yüklenmez. */
:root {
  --zemin: #F6F4F0; --yuzey: #FFFFFF; --yuzey-2: #F1EDE6;
  --yazi: #1F1813; --yazi-2: #5F5045; --yazi-3: #77695C;   /* soluk yazı ≥ 4,5:1 (kart 5,3 · zemin 4,8 · satır üstü 4,6) */
  --cizgi: #E7E0D5; --cizgi-guclu: #D3C7B6;
  --kenar-girdi: #958473;                                      /* form kutusu kenarı ≥ 3:1 (WCAG 1.4.11) */
  --sure-kisa: 120ms;                                          /* üstüne gelme / seçim geçişi */
  --vurgu: #3A1F16; --vurgu-2: #7A4A33; --vurgu-yumusak: #EFE5D6;
  --iyi: #2B6B37; --iyi-yumusak: #E3EFE3;
  --uyari: #9A5A00; --uyari-yumusak: #F7EDDA;
  --kotu: #A1281F; --kotu-yumusak: #F7E4E1;
  --y1: #E6C27A; --y2: #D68A3C; --y3: #B9532B; --y4: #7E2418;
  --golge: 0 1px 2px rgba(31,24,19,.04), 0 4px 14px -8px rgba(31,24,19,.12);
  --tablo-baslik: #FAF7F3;
  /* sol menü (A · Modern marka, 11.10.2026) — koyu kahve zemin; tüm yazılar ≥ 4,5:1 (çoğu ≥ 7:1) */
  --kenar-genislik: 236px;
  --kenar-zemin: #2B1B13; --kenar-yazi: #D9C8B4; --kenar-guclu: #FFF7EC; --kenar-soluk: #B8A28B;
  --kenar-secili: #4A3222; --kenar-ustu: #3A271B; --kenar-cizgi: #3E2A1E; --kenar-secici: #EFDDC4; --kenar-odak: #E9CDA9;
  --yazi-tipi: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  --rakam: ui-monospace, "SF Mono", Menlo, monospace;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root {
    --zemin: #13100D; --yuzey: #1C1713; --yuzey-2: #251E18;
    --yazi: #EFE7DB; --yazi-2: #BBA792; --yazi-3: #958371;
    --cizgi: #2F261E; --cizgi-guclu: #44382C; --kenar-girdi: #76675A;
    --vurgu: #DDBB93; --vurgu-2: #E9CDA9; --vurgu-yumusak: #2B2018;
    --iyi: #6CBF73; --iyi-yumusak: #16281A; --uyari: #D9A042; --uyari-yumusak: #2D2312;
    --kotu: #E5736A; --kotu-yumusak: #301816;
    --golge: 0 1px 2px rgba(0,0,0,.35), 0 4px 14px -8px rgba(0,0,0,.6);
    --tablo-baslik: #211A15;
    --kenar-zemin: #0E0B09; --kenar-yazi: #BBA792; --kenar-guclu: #F2E8DA; --kenar-soluk: #9C8875;
    --kenar-secili: #2A2018; --kenar-ustu: #1C1612; --kenar-cizgi: #2A221B; --kenar-secici: #DDBB93;
  }
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--zemin); color: var(--yazi); font: 15px/1.5 var(--yazi-tipi);
  -webkit-font-smoothing: antialiased; }
h1, h2 { margin: 0; font-weight: 650; letter-spacing: -.01em; }
h1 { font-size: 26px; }
h2 { font-size: 14px; color: var(--yazi-2); font-weight: 600; }
code { font-family: var(--rakam); font-size: .92em; }

/* üst çubuk */
.ust-cubuk { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
  padding: 12px 28px; background: color-mix(in srgb, var(--yuzey) 88%, transparent);
  backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--cizgi); }
.marka { display: flex; align-items: center; gap: 10px; line-height: 1.2; color: inherit; text-decoration: none; }
.marka-yazi { display: flex; flex-direction: column; }
.marka-logo { width: 39px; height: 40px; }
.ana-menu { display: flex; gap: 4px; margin-right: auto; }
.ana-menu a { padding: 7px 12px; border-radius: 8px; color: var(--yazi-2); text-decoration: none; font-weight: 550; }
.ana-menu a:hover { background: var(--yuzey-2); }
.ana-menu a[aria-current] { color: var(--yazi); background: var(--yuzey-2); }
.guncelleme { font-size: 12.5px; color: var(--yazi-3); white-space: nowrap; }
.marka-ad { font-weight: 700; font-size: 16px; }
.marka-alt { font-size: 12px; color: var(--yazi-3); }
.sirket-secici { display: inline-flex; padding: 3px; background: var(--yuzey-2); border-radius: 10px; }
.sirket-secici a { padding: 6px 14px; border-radius: 8px; color: var(--yazi-2); text-decoration: none; font-weight: 550; }
.sirket-secici a[aria-current] { background: var(--vurgu); color: var(--zemin); }
.durum { display: flex; gap: 8px; flex-wrap: wrap; }
.hap { padding: 4px 11px; border-radius: 999px; font-size: 12.5px; background: var(--yuzey-2); color: var(--yazi-2);
  border: 1px solid var(--cizgi); white-space: nowrap; }
.hap.yesil { background: var(--iyi-yumusak); color: var(--iyi); border-color: transparent; }
.hap.sari { background: var(--uyari-yumusak); color: var(--uyari); border-color: transparent; }
.hap.kirmizi { background: var(--kotu-yumusak); color: var(--kotu); border-color: transparent; }

main { max-width: 1240px; margin: 0 auto; padding: 26px 28px 40px; }
.sayfa-ust { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; }
.alt-yazi { margin: 4px 0 0; color: var(--yazi-3); }
/* muhasebe alanı (Emre 11.10.2026): sayfanın yalnız bir alanı kapsadığı açıkça yazılır */
.alan-notu { display: inline-block; margin: 8px 0 0; padding: 3px 10px; border-radius: 999px; font-size: 12.5px;
  background: var(--vurgu-yumusak); color: var(--vurgu-2); }
.etiket-gizlilik { font-size: 12px; font-weight: 700; letter-spacing: .08em; padding: 4px 9px; border-radius: 6px;
  color: var(--uyari); background: var(--uyari-yumusak); }
.serit { padding: 12px 16px; border-radius: 12px; margin-bottom: 18px; font-weight: 550; }
.serit.kirmizi { background: var(--kotu-yumusak); color: var(--kotu); }

/* kartlar */
.kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin-bottom: 18px; }
.kart { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: 16px 18px;
  box-shadow: var(--golge); }
.kart.dikkat { border-top: 3px solid var(--kotu); }
.kart.grup-ici { background: var(--vurgu-yumusak); }
.deger { margin: 6px 0 4px; font-size: 27px; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.not { margin: 2px 0 0; color: var(--yazi-2); font-size: 13.5px; }
.ince { color: var(--yazi-3); font-size: 12.5px; }
.rozet { display: inline-block; margin-left: 4px; padding: 1px 8px; border-radius: 999px; font-size: 12px;
  font-weight: 650; background: var(--yuzey-2); color: var(--yazi-2); vertical-align: 1px; }
.rozet.iyi { background: var(--iyi-yumusak); color: var(--iyi); }
.rozet.kotu { background: var(--kotu-yumusak); color: var(--kotu); }

/* paneller */
.panel { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: 18px 20px;
  margin-bottom: 18px; box-shadow: var(--golge); }
.panel-ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 10px;
  flex-wrap: wrap; }
.lejant { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--yazi-2); }
.lejant span { width: 10px; height: 10px; border-radius: 3px; display: inline-block; margin-left: 8px; }
.l-bu { background: var(--vurgu); } .l-gecen { background: var(--cizgi-guclu); }

/* grafik */
.grafik { width: 100%; height: auto; display: block; }
.g-izgara { stroke: var(--cizgi); stroke-width: 1; }
.g-eksen { fill: var(--yazi-3); font-size: 12px; font-family: var(--yazi-tipi); }
.g-eksen-bugun { fill: var(--vurgu); font-weight: 700; }
.g-bu { fill: var(--vurgu); }
.g-bugun { fill: var(--vurgu-2); }
.g-gecen { fill: var(--cizgi-guclu); }

/* alacak yaşı */
.yas-cubuk { display: block; width: 100%; height: 14px; border-radius: 7px; overflow: hidden; background: var(--yuzey-2); }
.y1 { background: var(--y1); fill: var(--y1); } .y2 { background: var(--y2); fill: var(--y2); }
.y3 { background: var(--y3); fill: var(--y3); } .y4 { background: var(--y4); fill: var(--y4); }
.yas-lejant { list-style: none; padding: 0; margin: 14px 0 0; display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; }
.yas-lejant li { display: flex; align-items: center; gap: 8px; color: var(--yazi-2); font-size: 13.5px; }
.yas-lejant strong { margin-left: auto; color: var(--yazi); font-variant-numeric: tabular-nums; }
.nokta { width: 10px; height: 10px; border-radius: 3px; flex: none; }

.alt-bilgi { max-width: 1240px; margin: 0 auto; padding: 0 28px 28px; color: var(--yazi-3); font-size: 12.5px; }

@media (max-width: 720px) {
  .ust-cubuk { padding: 10px 16px; gap: 10px; }
  main { padding: 18px 16px 32px; }
  .deger { font-size: 23px; }
}

/* satış: dönem seçimi ve alt görünüm */
.donem { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; }
.cipler { display: flex; gap: 6px; flex-wrap: wrap; }
.cipler a { padding: 6px 12px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--yuzey);
  color: var(--yazi-2); text-decoration: none; font-size: 13.5px; }
.cipler a:hover { border-color: var(--cizgi-guclu); }
.cipler a[aria-current] { background: var(--vurgu); color: var(--zemin); border-color: transparent; }
.tarih-sec { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 13px; color: var(--yazi-2); }
.tarih-sec input { font: inherit; padding: 5px 8px; border: 1px solid var(--kenar-girdi); border-radius: 8px;
  background: var(--yuzey); color: var(--yazi); }
.tarih-sec button { font: inherit; padding: 6px 14px; border: 0; border-radius: 8px; background: var(--vurgu);
  color: var(--zemin); cursor: pointer; }
/* sayfa sekmeleri — düğme kutusu (Emre 16.10.2026: "sekmeler belirgin değil, tıklanabildiği belli olsun") */
.alt-gorunum { display: flex; flex-wrap: wrap; gap: 4px; width: fit-content; max-width: 100%; padding: 4px;
  margin-bottom: 18px; background: var(--yuzey-2); border: 1px solid var(--cizgi); border-radius: 12px; }
.alt-gorunum a { padding: 8px 16px; border-radius: 9px; color: var(--yazi-2); text-decoration: none; font-weight: 600;
  border: 1px solid transparent; }
.alt-gorunum a:hover { background: var(--yuzey); border-color: var(--cizgi-guclu); color: var(--yazi); }
.alt-gorunum a[aria-current] { background: var(--vurgu); color: var(--zemin); border-color: transparent;
  box-shadow: 0 1px 2px rgb(0 0 0 / .12); }
.alt-gorunum a[aria-current] .rozet { background: var(--zemin); color: var(--vurgu); }
.deger-ek { font-size: 15px; font-weight: 550; color: var(--yazi-2); letter-spacing: 0; }
.ozet-satiri { margin: 0 0 16px; color: var(--yazi-2); }
.kapsam { color: var(--yazi-3); font-size: 12.5px; margin: 4px 2px 18px; }
.ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.ikili > * { min-width: 0; }   /* dar ekranda tablo kendi kabında kaysın, sayfa taşmasın */
@media (max-width: 860px) { .ikili { grid-template-columns: 1fr; } }

/* pay listesi */
.liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.liste li { display: grid; grid-template-columns: minmax(130px, 1.3fr) 2fr auto 48px; align-items: center; gap: 12px; font-size: 14px; }
.liste strong { font-variant-numeric: tabular-nums; text-align: right; }
.liste .ince { text-align: right; }
.liste-ad .ince { display: block; text-align: left; }
.pay { display: block; width: 100%; height: 6px; }
.pay-zemin { fill: var(--yuzey-2); } .pay-dolu { fill: var(--vurgu); }

/* tablo */
.tablo-kap { overflow-x: auto; }
.tablo { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.tablo th { text-align: left; font-weight: 600; font-size: 12px; color: var(--yazi-3); padding: 8px 10px;
  border-bottom: 1px solid var(--cizgi); white-space: nowrap; }
.tablo td { padding: 10px; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.tablo tbody tr:hover td { background: var(--yuzey-2); }
.tablo .sayi { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tablo .sira { color: var(--yazi-3); width: 28px; }
.tablo .pay-hucre { min-width: 110px; }
.tablo .pay-hucre .pay { margin: 6px 0 3px; }
.tablo .bos { text-align: center; color: var(--yazi-3); padding: 24px; }
.tumu { display: inline-block; margin-top: 12px; color: var(--vurgu-2); font-weight: 550; }
.satir-bag { color: inherit; text-decoration: none; border-bottom: 1px dotted var(--cizgi-guclu); }
.satir-bag:hover { border-bottom-color: var(--vurgu); }
.cip-kapat { padding: 5px 12px; border-radius: 999px; background: var(--vurgu-yumusak); color: var(--yazi);
  text-decoration: none; font-size: 13px; }
.uyari-yazi { color: var(--kotu); }
.tablo .ad-hucre { min-width: 220px; }
@media (max-width: 1000px) { .tablo .pay-hucre { display: none; } }

/* alacak: cari durum kutuları */
.rozet.uyari { background: var(--uyari-yumusak); color: var(--uyari); }
.durum-satiri { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.durum-kutu { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border-radius: 12px; text-decoration: none;
  color: var(--yazi); border: 1px solid var(--cizgi); background: var(--yuzey); border-left-width: 4px; }
.durum-kutu strong { font-size: 24px; font-variant-numeric: tabular-nums; }
.durum-kutu span { color: var(--yazi-2); font-size: 13.5px; }
.durum-kutu:hover { background: var(--yuzey-2); }
.durum-kutu.kirmizi { border-left-color: var(--kotu); }
.durum-kutu.sari { border-left-color: var(--uyari); }
.durum-kutu.yesil { border-left-color: var(--iyi); }

/* alış & gider */
.suzgec-satiri { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: -6px 0 16px; }
.suzgec-satiri .tumu { margin: 0 0 0 6px; }
.tumu-kucuk { color: var(--vurgu-2); font-size: 12.5px; font-weight: 550; text-decoration: none; white-space: nowrap; }
.tumu-kucuk:hover { text-decoration: underline; }
.tablo tr.secili td { background: var(--vurgu-yumusak); }
.tablo tr.soluk td { color: var(--yazi-3); }
.tablo tr.soluk strong { font-weight: 500; }
.fatura-listesi { font-size: 14px; }
.fatura-baslik, .fatura-satiri { display: grid; grid-template-columns: 96px minmax(200px, 2fr) minmax(150px, 1.2fr) 140px;
  gap: 14px; align-items: center; padding: 11px 12px; }
.fatura-baslik { font-size: 12px; font-weight: 600; color: var(--yazi-3); border-bottom: 1px solid var(--cizgi); }
.fatura-baslik .sayi, .fatura-satiri .sayi { text-align: right; font-variant-numeric: tabular-nums; }
.fatura-satiri { color: inherit; text-decoration: none; border-bottom: 1px solid var(--cizgi); border-radius: 8px; }
.fatura-satiri:hover { background: var(--yuzey-2); }
.fatura-satiri small { display: block; color: var(--yazi-3); font-size: 12px; font-family: var(--rakam); margin-top: 2px; }
@media (max-width: 760px) {
  .fatura-baslik { display: none; }
  .fatura-satiri { grid-template-columns: 1fr auto; }
  .fatura-satiri .ince { grid-column: 1 / -1; }
}

#kalemler { scroll-margin-top: 90px; }

/* geri dönüş düğmesi (özetten inilen listede) */
.geri-dugme { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 14px; padding: 7px 14px; border-radius: 999px;
  border: 1px solid var(--cizgi-guclu); background: var(--yuzey); color: var(--yazi); text-decoration: none; font-weight: 550; font-size: 13.5px; }
.geri-dugme:hover { background: var(--yuzey-2); }

/* yaş tablosu */
.yas-tablo td .nokta { display: inline-block; margin-right: 8px; vertical-align: -1px; }
.yas-tablo tfoot td { font-weight: 650; border-bottom: 0; border-top: 2px solid var(--cizgi); padding-top: 12px; }

/* fatura arama */
.fatura-ara { display: flex; gap: 8px; margin: 2px 0 14px; }
.fatura-ara input[type=search] { flex: 1; min-width: 0; font: inherit; padding: 8px 12px; border: 1px solid var(--kenar-girdi);
  border-radius: 10px; background: var(--yuzey); color: var(--yazi); }
.fatura-ara button { font: inherit; padding: 8px 18px; border: 0; border-radius: 10px; background: var(--vurgu); color: var(--zemin); cursor: pointer; }
.ara-tum { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: -4px 0 10px; color: var(--yazi-3); font-size: 13px; }
.tablo small.kod { display: block; color: var(--yazi-3); font-size: 12px; font-weight: 400; margin-top: 2px; }
/* aramada faturanın eşleşen kalemleri */
.fatura-kalemleri { grid-column: 2 / -1; display: grid; gap: 3px; margin-top: -4px; font-size: 13px; color: var(--yazi-2); }
.fatura-kalemi { display: grid; grid-template-columns: minmax(0, 1fr) auto 140px; gap: 14px; }
.fatura-kalemi .hesap { color: var(--yazi-3); font-variant-numeric: tabular-nums; }
@media (max-width: 760px) {
  .fatura-kalemleri { grid-column: 1 / -1; }
  .fatura-kalemi { grid-template-columns: 1fr auto; }
  .fatura-kalemi .hesap { grid-row: 2; }
}

/* fatura görünümü (Logo kaydından, sade) */
.belge-ust { display: flex; justify-content: space-between; align-items: center; max-width: 760px; margin: 0 auto 6px; }
.belge-ust .geri-dugme { margin: 0; }
.dugme-yazdir { font: inherit; padding: 7px 16px; border-radius: 999px; border: 1px solid var(--cizgi-guclu); background: var(--yuzey);
  color: var(--yazi); cursor: pointer; font-weight: 550; }
.belge { max-width: 760px; margin: 12px auto 30px; background: #fff; color: #1F1813; border: 1px solid var(--cizgi);
  border-radius: 8px; padding: 36px 40px; box-shadow: var(--golge); font-size: 15px; }
.belge-baslik { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-bottom: 26px; }
.belge-baslik h1 { font-size: 22px; margin: 6px 0 4px; line-height: 1.25; }
.belge-tur { margin: 0; font-size: 13px; color: #7A4A33; font-weight: 600; }
.belge-yer { margin: 0; color: #7a6a5c; font-size: 14px; }
.belge-kunye { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; white-space: nowrap; }
.belge-kunye span { font-size: 16px; font-weight: 650; }
.belge-kunye code { color: #7a6a5c; font-size: 13px; }
.belge-tablo { width: 100%; border-collapse: collapse; }
.belge-tablo th { text-align: left; font-size: 12.5px; font-weight: 600; color: #7a6a5c; padding: 8px 0; border-bottom: 2px solid #1F1813; }
.belge-tablo td { padding: 12px 0; border-bottom: 1px solid #ece6dd; vertical-align: top; }
.belge-tablo .sayi { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; padding-left: 18px; }
.belge-toplam { margin: 20px 0 0 auto; border-collapse: collapse; min-width: 300px; }
.belge-toplam th { text-align: left; font-weight: 500; color: #5F5045; padding: 5px 24px 5px 0; }
.belge-toplam td { text-align: right; font-variant-numeric: tabular-nums; padding: 5px 0; }
.belge-toplam tr.genel th, .belge-toplam tr.genel td { font-weight: 750; font-size: 19px; color: #1F1813; border-top: 2px solid #1F1813; padding-top: 12px; }
.belge-not { margin: 30px 0 0; font-size: 12px; color: #a08f80; }
.belge-ac { display: inline-block; margin: 6px 10px 2px; }
@media print {
  .ust-cubuk, .ekranda, .serit { display: none !important; }
  body { background: #fff; }
  main { padding: 0; max-width: none; }
  .belge { border: 0; box-shadow: none; margin: 0; padding: 0; max-width: none; }
}

/* genel bakış: ay içi birikimli satış çizgisi */
.grafik-ozet { margin: 0 0 6px; color: var(--yazi-2); font-size: 14px; }
.l-cizgi { width: 18px !important; height: 0 !important; border-top: 2px dashed var(--yazi-3); border-radius: 0 !important; }
.k-gecen { fill: none; stroke: var(--yazi-3); stroke-width: 2; stroke-dasharray: 6 5; }
.k-bu { fill: none; stroke: var(--vurgu); stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
.k-alan { fill: var(--vurgu); opacity: .09; }
.k-bugun { stroke: var(--cizgi-guclu); stroke-dasharray: 3 4; }
.k-nokta { fill: var(--vurgu); stroke: var(--yuzey); stroke-width: 2.5; }
.k-etiket { font-size: 12.5px; font-weight: 700; fill: var(--yazi); font-family: var(--yazi-tipi); }
.k-etiket-gecen { fill: var(--yazi-3); font-weight: 600; }
.k-dilim { fill: var(--vurgu); fill-opacity: 0; }
.k-dilim:hover { fill-opacity: .05; }

/* genel bakış: alacak yaşı yatay çubuklar */
.yas-cubuklar { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 14px; }
.yas-cubuklar li { display: grid; grid-template-columns: 110px 1fr 140px 52px; align-items: center; gap: 14px; font-size: 14px; }
.yas-cubuklar strong { text-align: right; font-variant-numeric: tabular-nums; }
.yas-cubuklar .ince { text-align: right; }
.yas-cubugu { display: block; width: 100%; height: 12px; border-radius: 6px; overflow: hidden; }
@media (max-width: 640px) { .yas-cubuklar li { grid-template-columns: 90px 1fr auto; } .yas-cubuklar .ince { display: none; } }

/* giriş ve kullanıcı */
.kullanici { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--yazi-2); }
.kullanici button { font: inherit; font-size: 12.5px; padding: 5px 11px; border-radius: 999px; border: 1px solid var(--cizgi-guclu);
  background: var(--yuzey); color: var(--yazi-2); cursor: pointer; }
.kullanici button:hover { color: var(--yazi); background: var(--yuzey-2); }
.giris-sayfasi { min-height: 100vh; display: grid; place-items: center; }
.giris-kutu { width: min(380px, calc(100vw - 32px)); background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 16px;
  padding: 30px 28px; box-shadow: var(--golge); }
.giris-kutu .marka-ad { font-size: 20px; font-weight: 700; margin: 0; }
.giris-kutu .marka-alt { margin: 2px 0 22px; color: var(--yazi-3); font-size: 13px; }
.giris-form { display: grid; gap: 14px; }
.giris-form label { display: grid; gap: 6px; font-size: 13px; color: var(--yazi-2); font-weight: 550; }
.giris-form input { font: inherit; padding: 10px 12px; border: 1px solid var(--kenar-girdi); border-radius: 10px; background: var(--yuzey); color: var(--yazi); }
.giris-form button { font: inherit; font-weight: 600; padding: 11px; border: 0; border-radius: 10px; background: var(--vurgu); color: var(--zemin); cursor: pointer; }
.giris-hata { margin: 0; padding: 9px 12px; border-radius: 10px; background: var(--kotu-yumusak); color: var(--kotu); font-size: 13.5px; }
.giris-kutu > .ince { margin: 16px 0 0; }
.giris-cikis { margin-top: 18px; justify-content: flex-end; }
.giris-logo { display: block; width: 96px; height: auto; margin: 0 auto 18px; }
/* koyu temada kahverengi logo kaybolmasın: krem yuvarlak zemin */
@media (prefers-color-scheme: dark) {
  .marka-logo, .giris-logo { background: #F2EAD9; border-radius: 50%; padding: 4px; box-sizing: content-box; }
}
.giris-kutu > .marka-ad, .giris-kutu > .marka-alt { text-align: center; }

/* bayi ekranı ve sipariş */
.itici { margin-right: auto; }
.onizleme-serit { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 10px 28px; font-size: 13.5px;
  background: var(--uyari-yumusak); color: var(--uyari); border-bottom: 1px solid var(--cizgi); }
.onizleme-serit a { color: inherit; }
.bildirim { margin: 0 0 16px; padding: 11px 14px; border-radius: 10px; font-size: 14px; }
.bildirim.kotu { background: var(--kotu-yumusak); color: var(--kotu); }
.bildirim.iyi { background: var(--iyi-yumusak); color: var(--iyi); }
.tablo .grup-satiri td { padding: 14px 10px 6px; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--yazi-3); background: transparent; border-bottom: 1px solid var(--cizgi-guclu); }
.tablo tbody tr.grup-satiri:hover td { background: transparent; }
.miktar-girdi { width: 96px; font: inherit; text-align: right; padding: 6px 9px; border: 1px solid var(--kenar-girdi);
  border-radius: 8px; background: var(--yuzey); color: var(--yazi); font-variant-numeric: tabular-nums; }
.miktar-girdi:focus, .siparis-alt input:focus, .islem-form input:focus, .islem-form select:focus { outline: 2px solid var(--vurgu-2); outline-offset: 1px; }
.siparis-alt, .islem-form { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; }
.siparis-alt label, .islem-form label { display: grid; gap: 6px; font-size: 13px; color: var(--yazi-2); font-weight: 550; }
.siparis-alt .genis, .islem-form .genis { flex: 1 1 260px; }
.siparis-alt input, .islem-form input, .islem-form select { font: inherit; padding: 8px 11px; border: 1px solid var(--kenar-girdi);
  border-radius: 9px; background: var(--yuzey); color: var(--yazi); }
.ana-dugme, .ikincil-dugme { font: inherit; font-weight: 600; padding: 9px 18px; border-radius: 10px; cursor: pointer; }
.ana-dugme { border: 0; background: var(--vurgu); color: var(--zemin); }
.ikincil-dugme { border: 1px solid var(--cizgi-guclu); background: var(--yuzey); color: var(--yazi-2); }
.ana-dugme:disabled, .ikincil-dugme:disabled, .miktar-girdi:disabled { opacity: .5; cursor: not-allowed; }
.siparis-kart { margin-bottom: 14px; }
.siparis-kart .tablo { margin: 8px 0 10px; }
.kucuk-tablo td, .kucuk-tablo th { padding: 7px 10px; }
.tablo .toplam-satiri td { font-weight: 650; border-bottom: 0; }
.satir-form { margin-top: 4px; }
.diger-kartlar { margin-top: 6px; }
.diger-kartlar summary { cursor: pointer; padding: 8px 10px; color: var(--yazi-2); font-size: 13.5px; font-weight: 550; }
.bolum-baslik { margin: 26px 0 12px; }
.donem .cipler + .cipler { margin-left: 12px; }
/* tahsilat önerileri (muhasebe genel bakışı) */
.oneri-panel { margin-bottom: 18px; border-left: 3px solid var(--vurgu-2); }
.oneri-listesi { list-style: none; margin: 4px 0 10px; padding: 0; }
.oneri-listesi li { display: grid; grid-template-columns: 150px 1fr auto; gap: 14px; align-items: start; padding: 11px 0;
  border-bottom: 1px solid var(--cizgi); }
.oneri-listesi li:last-child { border-bottom: 0; }
.oneri-listesi .rozet { margin: 2px 0 0; justify-self: start; }
.oneri-govde strong { margin-right: 6px; }
.oneri-govde .not { margin-top: 2px; }
.oneri-tutar { font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.oneri-listesi .bos { display: block; color: var(--yazi-3); }
@media (max-width: 640px) { .oneri-listesi li { grid-template-columns: 1fr auto; } .oneri-listesi .rozet { grid-column: 1 / -1; } }
/* üretim ve stok */
.gun-gezgini { align-items: center; gap: 12px; flex-wrap: wrap; }
.gun-gezgini .geri-dugme { margin: 0; }
.tablo .iptal-satir td { opacity: .55; }
.tablo .iptal-satir td:first-child { text-decoration: line-through; }
.kucuk-dugme { padding: 4px 10px; font-size: 12.5px; }
.uretim-girisi select, .uretim-girisi input[type=date] { font: inherit; padding: 6px 9px; border: 1px solid var(--kenar-girdi);
  border-radius: 8px; background: var(--yuzey); color: var(--yazi); max-width: 280px; }
.uretim-girisi .miktar-girdi { width: 90px; }
.uretim-girisi .kucuk-girdi { width: 66px; }
.ad-girdi { width: 170px; font: inherit; padding: 6px 9px; border: 1px solid var(--kenar-girdi); border-radius: 8px;
  background: var(--yuzey); color: var(--yazi); }
.ad-girdi:focus { outline: 2px solid var(--vurgu-2); outline-offset: 1px; }
.foy-tablo td { padding: 6px 6px; }
.foy-tablo select { max-width: 90px; }
.stok-ekle summary { cursor: pointer; font-weight: 600; color: var(--yazi-2); }
.stok-ekle[open] summary { margin-bottom: 12px; }
.stok-ekle select { max-width: 320px; }
.urun-adi { font-weight: 550; margin-right: 6px; }
.siparis-alt select { font: inherit; padding: 8px 11px; border: 1px solid var(--kenar-girdi); border-radius: 9px; background: var(--yuzey); color: var(--yazi); }
/* sipariş sevki */
.sevk-form { margin: 10px 0 4px; }
.sevk-form > summary { list-style: none; display: inline-block; }
.sevk-form > summary::-webkit-details-marker { display: none; }
.sevk-form[open] > summary { margin-bottom: 10px; }

/* erişilebilirlik ve etkileşim — ortak (ui-ux-pro-max kuralları, 11.10.2026; içerik değişmez)
   · klavye odağı: her bağlantı, düğme, açılır kutu, girdi ve özet satırında görünür halka (focus-states)
   · yapışkan üst çubuk odaklanan öğeyi örtmesin (focus-not-obscured, WCAG 2.2)
   · üstüne gelme / seçim geçişleri anlık değil kısa; hareket azaltma tercihi varsa hiç yok (reduced-motion) */
html { scroll-padding-top: 96px; }
:where(a, button, summary, select, input, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--vurgu-2); outline-offset: 2px; }
:where(.ana-menu a, .sirket-secici a, .cipler a, .alt-gorunum a, .geri-dugme, .ana-dugme, .ikincil-dugme, .kullanici button,
       .durum-kutu, .fatura-satiri, .dugme-yazdir, .satir-bag, .tumu-kucuk) {
  transition: background-color var(--sure-kisa) ease-out, color var(--sure-kisa) ease-out,
              border-color var(--sure-kisa) ease-out; }
.tablo tbody td { transition: background-color var(--sure-kisa) ease-out; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* ===== A · Modern marka (Emre 11.10.2026) — kahve-krem kimlik, koyu kahve sol menü, beyaz kartlar, ferah boşluk,
   belirgin rakamlar. Yalnız görünüm: içerik, sıra ve metinler aynı. ===== */

/* başlık hiyerarşisi ve rakamlar */
h1 { font-size: 28px; font-weight: 700; letter-spacing: -.02em; }
.panel-ust h2, .panel > h2 { font-size: 15px; color: var(--yazi); font-weight: 650; letter-spacing: -.005em; }
.sayfa-ust { margin-bottom: 24px; }
.kartlar { gap: 16px; margin-bottom: 22px; }
.kart { border-radius: 12px; padding: 18px 20px; }
.kart h2 { font-size: 13px; color: var(--yazi-3); font-weight: 600; letter-spacing: 0; }
.deger { font-size: clamp(22px, 2.1vw, 30px); font-weight: 700; margin: 8px 0 4px; }   /* dar kartta “TL” alt satıra düşmesin */
.panel { border-radius: 12px; padding: 20px 22px; margin-bottom: 20px; }
.serit { border-radius: 10px; }

/* tablolar: başlık şeridi, ferah satır */
.tablo thead th { background: var(--tablo-baslik); padding: 9px 12px; border-bottom: 1px solid var(--cizgi); }
.tablo thead th:first-child { border-radius: 8px 0 0 0; } .tablo thead th:last-child { border-radius: 0 8px 0 0; }
.tablo td { padding: 11px 12px; }
.kucuk-tablo td, .kucuk-tablo th { padding: 8px 12px; }

/* sol menü: renkler her genişlikte (dar ekranda üst şerit olur) */
.kenar-menu { background: var(--kenar-zemin); border-bottom: 1px solid var(--kenar-cizgi); backdrop-filter: none; }
.kenar-menu .marka-ad { color: var(--kenar-guclu); }
.kenar-menu .marka-alt { color: var(--kenar-soluk); }
.kenar-menu .marka-logo { background: #F2EAD9; border-radius: 50%; padding: 3px; box-sizing: content-box; }
.kenar-menu .ana-menu a { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 9px;
  color: var(--kenar-yazi); font-weight: 550; }
.kenar-menu .ana-menu a:hover { background: var(--kenar-ustu); color: var(--kenar-guclu); }
.kenar-menu .ana-menu a[aria-current] { background: var(--kenar-secili); color: var(--kenar-guclu); }
.kenar-menu .ana-menu .rozet { margin-left: auto; }
.kenar-menu .ikon { flex: none; }
.kenar-menu .sirket-secici { background: var(--kenar-ustu); }
.kenar-menu .sirket-secici a { flex: 1; text-align: center; color: var(--kenar-yazi); }
.kenar-menu .sirket-secici a[aria-current] { background: var(--kenar-secici); color: #2B1B13; }
.kenar-menu .guncelleme { color: var(--kenar-soluk); }
.kenar-menu .kullanici { color: var(--kenar-yazi); }
.kenar-menu .kullanici button { background: transparent; color: var(--kenar-yazi); border-color: var(--kenar-cizgi); }
.kenar-menu .kullanici button:hover { background: var(--kenar-ustu); color: var(--kenar-guclu); }
.kenar-menu :focus-visible { outline-color: var(--kenar-odak); }

/* geniş ekran: menü solda sabit sütun */
@media (min-width: 1024px) {
  html { scroll-padding-top: 24px; }
  body.kenarli { padding-left: var(--kenar-genislik); }
  .kenar-menu { position: fixed; inset: 0 auto 0 0; width: var(--kenar-genislik); z-index: 20; flex-direction: column;
    align-items: stretch; flex-wrap: nowrap; gap: 18px; padding: 22px 14px 18px; border-bottom: 0;
    border-right: 1px solid var(--kenar-cizgi); overflow-y: auto; }
  .kenar-menu .marka { order: 0; padding: 0 8px 6px; }
  .kenar-menu .sirket-secici { order: 1; }
  .kenar-menu .ana-menu { order: 2; flex-direction: column; margin-right: 0; gap: 2px; }
  .kenar-menu .guncelleme { order: 3; margin-top: auto; white-space: normal; padding: 0 8px; }
  .kenar-menu .kullanici { order: 4; padding: 0 8px; flex-wrap: wrap; }
  body.kenarli main { max-width: 1280px; padding: 32px 40px 48px; }
}
/* dar ekran: üst şerit; menü kendi satırında yana kayar */
@media (max-width: 1023.98px) {
  .kenar-menu .marka { margin-right: auto; }
  .kenar-menu .ana-menu { order: 5; flex: 1 0 100%; margin-right: 0; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }
  .kenar-menu .ana-menu a { white-space: nowrap; padding: 7px 10px; }
  .kenar-menu .guncelleme { display: none; }
}
/* telefon: logo · şirket seçici · çıkış tek satır, menü altında (üst şerit ekranı kaplamasın) */
@media (max-width: 640px) {
  .kenar-menu { gap: 8px 10px; padding: 8px 12px; }
  .kenar-menu .marka-yazi, .kenar-menu .kullanici > span { display: none; }
  .kenar-menu .marka-logo { width: 32px; height: 33px; }
}
@media print { body.kenarli { padding-left: 0; } }

/* ürün arama ve grup süzgeci — sipariş ve stok ekranları (Emre 12.10.2026); betik yoksa görünmez (urun-ara.js açar) */
.urun-arac { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap;
  margin: 0 0 14px; padding: 12px 14px; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--yuzey);
  box-shadow: var(--golge); }
.urun-arac[hidden], .secim-ara [hidden] { display: none; }
.urun-arac input[type=search], .secim-ara input[type=search] { flex: 1 1 260px; min-width: 0; font: inherit; padding: 9px 12px;
  border: 1px solid var(--kenar-girdi); border-radius: 10px; background: var(--zemin); color: var(--yazi); }
.urun-arac .cipler button { font: inherit; font-size: 13.5px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--cizgi);
  background: var(--yuzey); color: var(--yazi-2); cursor: pointer;
  transition: background-color var(--sure-kisa) ease-out, color var(--sure-kisa) ease-out, border-color var(--sure-kisa) ease-out; }
.urun-arac .cipler button:hover { border-color: var(--cizgi-guclu); }
.urun-arac .cipler button[aria-pressed="true"] { background: var(--vurgu); color: var(--zemin); border-color: transparent; }
.urun-arac [data-urun-sayi] { margin-left: auto; white-space: nowrap; }
.secim-ara { display: flex; align-items: center; gap: 10px; }
.secim-ara [data-urun-sayi] { white-space: nowrap; }
tr[hidden], details[hidden], .panel[hidden] { display: none; }
@media (max-width: 640px) {
  .urun-arac { padding: 10px; }
  .urun-arac [data-urun-sayi] { margin-left: 0; }
}

/* prim dökümü (Emre 12.10.2026) */
.prim-dokum > summary { cursor: pointer; line-height: 1.5; }
.prim-dokum[open] > summary { margin-bottom: 14px; }
.prim-dokum h3 { font-size: 13.5px; margin: 0 0 8px; color: var(--yazi-2); }
.tablo tfoot th { border-top: 2px solid var(--cizgi-guclu); padding-top: 10px; }

/* yönetici tavsiyesi (Emre 12.10.2026) — tahsilat önerisi kalıbı; rozet sütunu biraz geniş, gövde iki satır */
.tavsiye-panel .oneri-listesi li { grid-template-columns: 170px 1fr auto; }
.tavsiye-panel .oneri-govde .not { margin: 3px 0 0; }
.tavsiye-diger > summary { cursor: pointer; padding: 6px 0; color: var(--yazi-2); font-weight: 550; }
@media (max-width: 640px) { .tavsiye-panel .oneri-listesi li { grid-template-columns: 1fr auto; } }

/* Excel yükleme ve fabrikanın stok raporu (Emre 12.10.2026) */
.excel-turleri { margin: 6px 0 14px; padding-left: 18px; color: var(--yazi-2); font-size: 13.5px; line-height: 1.7; }
.islem-form input[type=file] { padding: 7px 9px; background: var(--zemin); }
.rapor-ozet { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 4px 0 16px; }
.rapor-ozet div { display: grid; gap: 2px; }
.rapor-ozet strong { font-size: 22px; font-variant-numeric: tabular-nums; }
.stok-raporu h3 { font-size: 13.5px; margin: 0 0 8px; color: var(--yazi-2); }

/* stok giriş / çıkış sekmesi (Emre 12.10.2026: "daha belirgin hale getir ya da yeni sekmeye koyalım") */
.alt-gorunum a.sekme-vurgu { font-weight: 650; }
.yer-cipler { margin: 0 0 14px; }
.hareket-formu { border-left: 3px solid var(--vurgu-2); }
.tur-secim { flex: 1 1 100%; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; border: 0; }
.tur-secim legend { flex: 1 1 100%; font-size: 13px; color: var(--yazi-2); font-weight: 550; margin-bottom: 6px; padding: 0; }
.tur-secim label { position: relative; display: grid; gap: 2px; min-width: 130px; padding: 10px 16px; border: 1px solid var(--kenar-girdi);
  border-radius: 12px; background: var(--yuzey); cursor: pointer; color: var(--yazi); font-size: 15px; font-weight: 650;
  transition: background-color var(--sure-kisa) ease-out, border-color var(--sure-kisa) ease-out; }
.tur-secim label small { font-size: 12px; font-weight: 450; color: var(--yazi-3); }
.tur-secim input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.tur-secim label:hover { border-color: var(--cizgi-guclu); }
.tur-secim label:has(input:checked) { background: var(--vurgu); border-color: var(--vurgu); color: var(--zemin); }
.tur-secim label:has(input:checked) small { color: var(--zemin); opacity: .85; }
.tur-secim label:has(input:focus-visible) { outline: 2px solid var(--vurgu-2); outline-offset: 2px; }
.islem-form:not(:has(input[name=tip][value=transfer]:checked)) .transfer-alani { display: none; }
.islem-form .miktar-buyuk { font-size: 18px; font-weight: 650; width: 160px; text-align: right; }
.kaydet-buyuk { padding: 11px 28px; font-size: 15px; }
@media (max-width: 640px) { .tur-secim label { flex: 1 1 calc(50% - 8px); min-width: 0; } }

/* borçlar (Emre 12.10.2026) */
.bildirim.uyari { background: var(--uyari-yumusak); color: var(--uyari); }
.tablo tr.satir-dikkat td { background: var(--kotu-yumusak); }
.panel-ust .cipler { justify-content: flex-end; }

/* Maliyet › Hesaplama (15.10.2026): bağlantı biçimli ikincil düğme, ay çipleri ve kapalı gider kalemleri */
a.ikincil-dugme { display: inline-block; text-decoration: none; }
.maliyet-ay { margin: 14px 0 0; }
.maliyet-detay > summary { cursor: pointer; font-weight: 600; color: var(--yazi-2); }
.maliyet-detay[open] > summary { margin-bottom: 12px; }
.maliyet-urun .ad-hucre { min-width: 140px; }
.maliyet-urun td, .maliyet-urun th { padding-left: 8px; padding-right: 8px; }
/* Maliyet tabloları: sütun ayracı, satır şeridi; tablo kendi içinde kayar, başlık ve toplam satırı sabit kalır */
.tablo-kap.kaydir { max-height: 72vh; overflow: auto; border: 1px solid var(--cizgi); border-radius: 10px; }
.kaydir .tablo thead th { position: sticky; top: 0; z-index: 2; background: var(--yuzey); box-shadow: inset 0 -1px 0 var(--cizgi-guclu); }
.kaydir .tablo tfoot th { position: sticky; bottom: 0; z-index: 2; background: var(--yuzey); box-shadow: inset 0 1px 0 var(--cizgi-guclu); }
.ayracli td + td, .ayracli th + th { border-left: 1px solid var(--cizgi); }
.ayracli tbody tr:not(.grup-satiri):nth-child(even) td { background: color-mix(in srgb, var(--yuzey-2) 60%, transparent); }
.ayracli tbody tr:not(.grup-satiri):hover td { background: var(--vurgu-yumusak); }
.ayracli tr.grup-satiri td { background: var(--yuzey-2); }
.kaydir:has(.maliyet-urun) { max-width: 640px; }

/* süt analizi (Emre 16.10.2026): bu haftanın sırası, giriş alanları, ayın düzeni */
.analiz-sira { margin: 0; padding-left: 22px; display: grid; gap: 8px; }
.analiz-sira li { padding: 4px 0; }
.analiz-sira li > span { margin-right: 10px; }
.analiz-alanlari { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin: 16px 0; }
.analiz-alanlari label { display: grid; gap: 6px; font-size: 13px; color: var(--yazi-2); font-weight: 550; }
.analiz-alanlari .miktar-girdi { width: 100%; }
.analiz-alanlari select { font: inherit; padding: 8px 11px; border: 1px solid var(--kenar-girdi); border-radius: 8px;
  background: var(--yuzey); color: var(--yazi); }
.analiz-aylar { margin: 0 0 12px; }
.analiz-duzen td, .analiz-duzen th { white-space: nowrap; }
.analiz-sonuc td, .analiz-sonuc th { white-space: nowrap; padding-left: 8px; padding-right: 8px; }

/* satınalma talebi (Emre 16.10.2026) */
.talep-kalem input:not(.miktar-girdi) { width: 100%; min-width: 200px; }
.talep-kalem input, .talep-kalem select { font: inherit; padding: 7px 10px; border: 1px solid var(--kenar-girdi); border-radius: 8px;
  background: var(--yuzey); color: var(--yazi); }
.talep-islem { margin-top: 12px; }
.talep-kalem tr[hidden] { display: none; }
.kalem-ekle { margin-top: 10px; }

/* ay seçici (Emre 16.10.2026: "Ekim Eylül Ağustos çiplerini profesyonel formata al") — ‹ ay ▾ › */
.ay-secici { position: relative; display: inline-flex; align-items: stretch; background: var(--yuzey);
  border: 1px solid var(--cizgi-guclu); border-radius: 10px; font-size: 14px; }
.ay-ok { display: grid; place-items: center; width: 34px; color: var(--yazi-2); text-decoration: none; font-size: 18px; line-height: 1; }
a.ay-ok:hover { background: var(--yuzey-2); color: var(--yazi); }
a.ay-ok:first-child { border-radius: 9px 0 0 9px; }
a.ay-ok:last-child { border-radius: 0 9px 9px 0; }
span.ay-ok { color: var(--cizgi-guclu); }
.ay-acilir > summary { list-style: none; display: flex; align-items: center; gap: 8px; min-width: 150px; justify-content: center;
  padding: 7px 14px; cursor: pointer; font-weight: 650; color: var(--yazi); border-inline: 1px solid var(--cizgi); }
.ay-acilir > summary::-webkit-details-marker { display: none; }
.ay-acilir > summary:hover { background: var(--yuzey-2); }
.ay-acilir .ay-ucgen { color: var(--yazi-3); transition: transform var(--sure-kisa) ease-out; }
.ay-acilir[open] .ay-ucgen { transform: rotate(180deg); }
.ay-acilir > ul { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 30; margin: 0; padding: 6px; list-style: none;
  background: var(--yuzey); border: 1px solid var(--cizgi-guclu); border-radius: 10px; box-shadow: 0 10px 28px rgb(0 0 0 / .22); }
.ay-acilir li a { display: block; padding: 8px 12px; border-radius: 7px; color: var(--yazi); text-decoration: none; }
.ay-acilir li a:hover { background: var(--yuzey-2); }
.ay-acilir li a[aria-current] { background: var(--vurgu-yumusak); color: var(--vurgu-2); font-weight: 650; }

/* süt analizi Excel sonucu · son ürün analizi raporu */
.excel-satirlari { margin: 8px 0 0; padding-left: 18px; font-size: 13px; line-height: 1.6; }
.excel-satirlari .ince { color: inherit; opacity: .75; }
.sayfa-adi { margin: 14px 0 8px; font-size: 14px; font-weight: 600; color: var(--yazi-2); }
.rapor-tablo td { white-space: nowrap; font-variant-numeric: tabular-nums; }
.rapor-tablo tr:first-child td { font-weight: 600; color: var(--yazi-2); }

/* tedarikçiler ve teklifler (Emre 16.10.2026) */
.cari-alanlari { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px 14px; margin: 4px 0 14px; }
.cari-alanlari label { display: grid; gap: 6px; font-size: 13px; color: var(--yazi-2); font-weight: 550; }
.cari-alanlari label.genis { grid-column: span 2; }
.cari-alanlari input { font: inherit; padding: 8px 11px; border: 1px solid var(--kenar-girdi); border-radius: 10px;
  background: var(--yuzey); color: var(--yazi); min-width: 0; }
.cari-kart { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px 20px; margin: 4px 0 12px; }
.cari-kart dt { font-size: 12px; color: var(--yazi-3); }
.cari-kart dd { margin: 2px 0 0; font-size: 14px; }
.yeni-firma[hidden] { display: none; }
.yeni-firma { margin-top: 14px; }
.teklif-ozet { margin: 0; padding-left: 18px; font-size: 13.5px; line-height: 1.8; }
@media (max-width: 560px) { .cari-alanlari label.genis { grid-column: auto; } }