/* =========================================================================
   Sahabaşı tasarım sistemi — 3/3: EKRANA ÖZEL KURALLAR
   sohbet · puantaj · pano karşılama · görünüm ekranı · küçük yardımcılar
   Yeni modül ekranları mümkün olduğunca bilesenler.css sınıflarını kullanır;
   gerçekten ekrana özel olan kurallar buraya eklenir.
   ========================================================================= */

/* ------------------------------------------------------------------ YARDIMCILAR */
.yatay { display: flex; align-items: center; gap: .625rem; }
.yatay.ara { justify-content: space-between; }
.yatay.sar { flex-wrap: wrap; }
.dikey { display: flex; flex-direction: column; gap: .75rem; }
.soluk { color: var(--metin-2); }
.kucuk-yazi { font-size: .8125rem; }
.kalin { font-weight: 600; }
.sag-hiza { text-align: right; }
.bosluk-ust { margin-top: 1rem; }
.metin-kes { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rakam { font-variant-numeric: tabular-nums; font-weight: 600; }

/* ------------------------------------------------------------------ BUGÜN (ana ekran) */
.bugun-tarih { margin: 0 0 1rem; font-size: var(--t-etiket); color: var(--metin-3); }
.bugun-izgara { display: flex; flex-direction: column; }
.bugun-ana, .bugun-ray { display: contents; }          /* telefonda bölümler tek sütunda, order ile sıralanır (Durum · Dikkat · Görevler · Göstergeler) */
.bugun-bolum { margin-bottom: 1.75rem; }
#bDurum { margin-bottom: 1.5rem; }
#bDurum .serit { margin-bottom: 0; }
.bugun-bolum > .bolum-baslik { margin-top: 0; }
.bugun-ek { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin: -.25rem 0 .75rem; font-size: var(--t-etiket); color: var(--metin-3); }
.gorev-bas { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .625rem; }
.gorev-bas .bolum-baslik { margin: 0; }
.gorev-ara { display: flex; flex-wrap: wrap; gap: .5rem .75rem; align-items: center; margin-bottom: .75rem; }
.gorev-ara .sekmeler, .gorev-ara .filtre { margin: 0; width: auto; }
.satir-meta .gecikti { color: var(--kirmizi); font-weight: 500; }
@media (min-width: 1100px) {
  .bugun-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 21rem; gap: 2rem; align-items: start; }
  .bugun-ana, .bugun-ray { display: block; min-width: 0; }
  .bugun-ray { position: sticky; top: calc(var(--ust-yukseklik) + 1.5rem); }
  .bugun-ray .serit { --kol: 2; }
  .bugun-ray .liste { margin-bottom: 0; }
}

/* ------------------------------------------------------------------ SOHBET */
.sohbet-govde { display: flex; flex-direction: column; gap: .125rem; padding-bottom: .5rem; max-width: 52rem; margin: 0 auto; }
.sohbet-govde > :last-child { scroll-margin-bottom: calc(var(--alt-yukseklik) + var(--guvenli-alt) + var(--yc-yuk, 4rem) + .5rem); }
.sohbet-baslik { display: flex; align-items: center; gap: .75rem; max-width: 52rem; margin: 0 auto 1rem; }
.sohbet-baslik[hidden] { display: none; }
.sohbet-metin { display: flex; flex-direction: column; min-width: 0; }
.sohbet-ad { font-size: var(--t-satir); font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; }
.sohbet-alt { font-size: var(--t-etiket); color: var(--metin-3); }
@media (min-width: 1024px) { .sohbet-baslik:not(.grup) { display: none; } }   /* ofiste ad üst çubukta zaten yazar; grup başlığı bilgi düğmesi olarak kalır */
.sohbet-baslik.grup { cursor: pointer; border-radius: var(--r-l); padding: .25rem .5rem; }
.sohbet-baslik.grup:hover { background: var(--yuzey-3); }
.sohbet-baslik.grup:focus-visible { outline: 2px solid var(--vurgu-yazi); outline-offset: 2px; }
.grup-kart { display: flex; align-items: center; gap: .875rem; margin-bottom: 1rem; }
.grup-foto { width: 4.5rem; height: 4.5rem; border-radius: 50%; object-fit: cover; flex: none; }
.grup-ad { display: flex; flex-direction: column; min-width: 0; font-size: var(--t-satir); overflow-wrap: anywhere; }
.sohbet-gun { align-self: center; margin: 1rem 0 .5rem; font-size: var(--t-meta); color: var(--metin-3); }
.sohbet-gun:first-child { margin-top: 0; }
.sohbet-gun span { display: inline-block; padding: .125rem .75rem; background: var(--yuzey-3); border-radius: var(--r-hap); }
.balon { max-width: min(82%, 34rem); padding: .5rem .75rem .375rem; border-radius: var(--r-l); font-size: var(--t-govde); line-height: 1.4; word-break: break-word; }
.balon.ilk { margin-top: .5rem; }
.balon .kim { font-size: var(--t-meta); font-weight: 600; color: var(--metin-2); margin-bottom: .125rem; }
.balon .an { font-size: var(--t-meta); color: var(--metin-3); text-align: right; margin-top: .125rem; font-variant-numeric: tabular-nums; }
.balon-metin { white-space: pre-wrap; }
.balon.benim { align-self: flex-end; background: var(--vurgu); color: var(--vurgu-ust); border-bottom-right-radius: var(--r-s); }
.balon.benim .an { color: inherit; opacity: .78; }
.balon.karsi { align-self: flex-start; background: var(--yuzey); border: var(--kenar) solid var(--cizgi); border-bottom-left-radius: var(--r-s); }
.balon-ek {
  display: inline-flex; align-items: center; gap: .375rem; margin-top: .375rem; min-height: var(--hedef); padding: 0 .75rem;
  border: var(--kenar) solid color-mix(in srgb, currentColor 40%, transparent); border-radius: var(--r-m);
  background: transparent; color: inherit; font-size: var(--t-etiket); font-weight: 500;
}
.balon-ek svg { width: 1.125rem; height: 1.125rem; }
.yazma-cubuk {
  position: fixed; left: 0; right: 0; z-index: 41;
  bottom: calc(var(--alt-yukseklik) + var(--guvenli-alt));
  display: flex; flex-direction: column; gap: .5rem; padding: .5rem .75rem;
  background: var(--yuzey); border-top: var(--kenar) solid var(--cizgi);
}
.yc-satir { display: flex; align-items: flex-end; gap: .5rem; width: 100%; max-width: 52rem; margin: 0 auto; }
.yc-satir textarea {
  flex: 1; min-width: 0; min-height: var(--hedef); max-height: 7.5rem; padding: .625rem .875rem; resize: none;
  border: var(--kenar) solid var(--cizgi-guclu); border-radius: 1.375rem; background: var(--zemin); color: var(--metin); outline: none;
  line-height: 1.35;
}
.yc-satir textarea:focus { border-color: var(--vurgu-yazi); box-shadow: 0 0 0 1px var(--vurgu-yazi); }
.yc-dugme { flex: 0 0 auto; width: var(--hedef); height: var(--hedef); display: grid; place-items: center; border: 0; border-radius: 50%; }
.yc-dugme svg { width: 1.375rem; height: 1.375rem; }
.yc-ek { background: transparent; color: var(--metin-2); }
.yc-ek:hover { background: var(--yuzey-3); }
.yc-gonder { background: var(--vurgu); color: var(--vurgu-ust); }
.yc-gonder:hover { filter: brightness(1.15); }
.yc-gonder[disabled] { opacity: .5; }
.yc-ekler { display: flex; flex-wrap: wrap; gap: .5rem; width: 100%; max-width: 52rem; margin: 0 auto; }
.yc-ekler[hidden] { display: none; }
.yc-cip {
  display: inline-flex; align-items: center; gap: .375rem; max-width: 100%; min-height: var(--hedef); padding: 0 0 0 .75rem;
  background: var(--yuzey-2); border: var(--kenar) solid var(--cizgi); border-radius: var(--r-hap); font-size: var(--t-etiket); color: var(--metin);
}
.yc-cip svg { width: 1rem; height: 1rem; flex: 0 0 auto; color: var(--metin-3); }
.yc-cip-ad { min-width: 0; max-width: 14rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yc-cip button { flex: 0 0 auto; width: var(--hedef); height: var(--hedef); display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--metin-2); }
.yc-cip button:hover { background: var(--yuzey-3); }
@media (min-width: 1024px) {
  .yazma-cubuk { left: var(--yan-genislik); bottom: 0; padding-left: 2rem; padding-right: 2rem; transition: left var(--sure) var(--egri); }
}

/* ------------------------------------------------------------------ PUANTAJ
   Şef sabah 30 saniyede ekibi işaretler: satır başına iki dokunuşluk segment (Geldi / Gelmedi),
   ad'a dokununca ayrıntı. Seçili segment dolu renkle + simgeyle söylenir (renk tek ipucu değil). */
.pu-bas { display: flex; align-items: center; justify-content: space-between; gap: .5rem; flex-wrap: nowrap; margin-bottom: 1rem; }
.pu-bas > #gEylem { flex: 0 0 auto; }
.pu-bas > #gEylem:empty { display: none; }
.pu-gun { position: relative; display: flex; align-items: center; gap: .25rem; min-width: 0; flex: 1 1 auto; }
.pu-gun .pu-tarih { flex: 1 1 auto; min-width: 0; }
.pu-tarih {
  display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; min-height: var(--hedef);
  position: relative; padding: 0 .5rem; border: 0; border-radius: var(--r-m); background: transparent; color: var(--metin); white-space: nowrap;
}
@media (min-width: 480px) { .pu-tarih { min-width: 9rem; } }
.pu-tarih:hover { background: var(--yuzey-3); }
.pu-tarih:focus-within { outline: 2px solid var(--vurgu-yazi); outline-offset: 2px; }
.pu-tarih-ad { font-size: var(--t-satir); font-weight: 600; line-height: 1.2; text-transform: capitalize; }
.pu-tarih-alt { font-size: var(--t-meta); color: var(--metin-3); }
.pu-tarih-girdi { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }   /* tarih metninin üstünde görünmez yerel seçici */
.pu-not { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: -.25rem 0 1rem; font-size: var(--t-etiket); color: var(--metin-2); }
.pu-grup-baslik .pu-grup-ad { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.pu-grup-baslik .sag { margin-left: auto; white-space: nowrap; }
.pu-grup-baslik .metin-baglanti { white-space: nowrap; }
.pu-grup-baslik .metin-baglanti { order: 4; margin-right: -.25rem; }
.pu-grup-baslik .metin-baglanti[hidden] { display: none; }

.pu-satir { gap: .5rem; padding-block: .5rem; }
/* Uzun listede ekran dışındaki satırların yerleşimi atlanır (telefonda kaydırma ve toplu işaretleme akıcı kalır) */
.pu-satir, .mj-satir, .bd-satir { content-visibility: auto; contain-intrinsic-size: auto 4.25rem; }
.pu-ad {
  flex: 1; min-width: 0; min-height: var(--hedef); display: flex; flex-direction: column; justify-content: center; gap: .125rem;
  padding: 0; border: 0; border-radius: var(--r-s); background: none; color: inherit; font: inherit; text-align: left; cursor: pointer;
}
.pu-ad:hover .satir-baslik { text-decoration: underline; text-underline-offset: 3px; }
.pu-bos { color: var(--metin-3); }
.pu-segment { flex: 0 0 auto; display: flex; gap: 2px; padding: 3px; background: var(--yuzey-3); border-radius: var(--r-hap); }
.pu-sec {
  display: inline-flex; align-items: center; justify-content: center; gap: .375rem; min-width: var(--hedef); min-height: var(--hedef);
  padding: 0 .75rem; border: 0; border-radius: var(--r-hap); background: transparent; color: var(--metin-2);
  font-size: var(--t-etiket); font-weight: 500; white-space: nowrap; transition: background var(--sure-hizli), color var(--sure-hizli);
}
.pu-sec svg { width: 1.25rem; height: 1.25rem; flex: 0 0 auto; }
.pu-sec:hover { color: var(--metin); }
.pu-sec-yazi { display: none; }
@media (min-width: 640px) { .pu-sec { padding: 0 .875rem; } .pu-sec-yazi { display: inline; } }
.pu-sec.geldi[aria-pressed="true"]   { background: var(--yesil);   color: var(--yesil-u); }
.pu-sec.gelmedi[aria-pressed="true"] { background: var(--kirmizi); color: var(--kirmizi-u); }
:root[data-tema="gunes"] .pu-segment { background: #fff; border: 2px solid #000; }
:root[data-tema="gunes"] .pu-sec { color: #000; font-weight: 600; }
:root[data-tema="gunes"] .pu-sec[aria-pressed="true"] { color: #fff; }

.pu-sheet-alt { margin: 0 0 1rem; color: var(--metin-2); font-size: var(--t-etiket); }
.pu-saatler { display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; }
.pu-saatler button {
  min-height: 3rem; border: var(--kenar) solid var(--cizgi-guclu); border-radius: var(--r-m); background: var(--yuzey); color: var(--metin);
  font-size: var(--t-satir); font-weight: 600; font-variant-numeric: tabular-nums;
}
.pu-saatler button:hover { background: var(--yuzey-3); }
.pu-saatler button.secili { background: var(--vurgu); border-color: var(--vurgu); color: var(--vurgu-ust); }
:root[data-tema="gunes"] .pu-saatler button { min-height: 3.25rem; border-width: 2px; }

/* ------------------------------------------------------------------ DEPO / FİYAT / ÇALIŞAN YARDIMCILARI */
.kisi-satir { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.kisi-satir .avatar { width: 2.5rem; height: 2.5rem; font-size: .875rem; }
.kisi-satir .metin { flex: 1; min-width: 0; }
.kisi-satir .metin b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kisi-satir .metin span { font-size: .8125rem; color: var(--metin-2); }


/* >>> SK-V3 BAŞLA (stok · irsaliye · fiyat · saha modülü; scratchpad/css-uygula-sk.py yönetir) */
/* =========================================================================
   STOK · TÜKENME · TESLİM ALMA · İRSALİYE · FİYAT LİSTESİ  (stok*.js, irsaliye.js, fiyatlar.js)
   Saha Defteri dili: kart ızgarası yok; .liste/.satir, yoğun tablo (≥1024), etiket/değer satırları, yapışkan eylem çubuğu.
   Bu blokta ORTAK parçalar da vardır (sk-* ve sh-*: saha modülü de kullanır): başlık satırı, yapışkan çubuk, özet, form grubu.
   ========================================================================= */

/* ---- Ortak: arama + açılır seçim (tek satır araç çubuğu) ---- */
.sk-arac { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: .75rem; }
.sk-arac .ara-kutu { flex: 1 1 14rem; margin: 0; max-width: none; }
.sk-arac .alan { margin: 0; flex: 1 1 100%; min-width: 0; }
@media (min-width: 640px) { .sk-arac .alan { flex: 0 1 16rem; } }

/* ---- Ortak: yardımcı (tablo yazısı) ---- */
.sh-hucre-yazi { margin-left: .25rem; }

/* ---- Ortak: sekme yanındaki sayı ("Tükenme · 3") ---- */
.sk-say { font-weight: 400; color: var(--metin-3); font-variant-numeric: tabular-nums; }
.sekmeler button[aria-selected="true"] .sk-say { color: var(--metin-2); }

/* ---- Ortak: uzun açıklamalı sakin bilgi satırı: 2 satıra kesilmez ---- */
.satir.satir-uzun .satir-baslik, .satir.satir-uzun .satir-meta { display: block; -webkit-line-clamp: unset; line-clamp: unset; overflow: visible; }
.sk-uyari-satir { margin: -.5rem 0 1rem; }

/* ---- Ortak: hareket geçmişi (zaman çizelgesi, kartsız) ---- */
.sk-zaman { margin-bottom: 1rem; }
.sk-zaman > li { padding-bottom: .5rem; }
.sk-hr { display: flex; flex-direction: column; gap: .125rem; padding: .25rem 0; }
.sk-hr-ust { display: flex; justify-content: space-between; align-items: baseline; gap: .75rem; font-weight: 500; }
.sk-hr-alt, .sk-hr-not { color: var(--metin-3); font-size: var(--t-etiket); overflow-wrap: anywhere; }
.sk-hr-not { color: var(--metin-2); }

/* ---- Stok: sayı renkleri, bilgi, sayfalama ---- */
.stok-eksi { color: var(--kirmizi); }
.stok-art { color: var(--yesil); }
.stok-cd-not { margin: 0 0 .75rem; color: var(--metin-3); font-size: var(--t-etiket); }
.stok-bos-not { padding: .75rem 1rem; margin: 0; }
.stok-tek-depo { display: flex; align-items: center; gap: .5rem; margin: 0 0 .75rem; color: var(--metin-2); }
.stok-tek-depo svg { width: 1.25rem; height: 1.25rem; }
.stok-sayfa { display: flex; align-items: center; justify-content: center; gap: 1rem; margin: .5rem 0 1rem; }
.stok-detay > .liste { margin-bottom: 1rem; }
.stok-detay > .bolum-baslik { margin-top: 1.25rem; }
.stok-uyari-liste { margin: .75rem 0 0; padding-left: 1.25rem; color: var(--metin-2); font-size: var(--t-govde); }

/* tedarik süresi satırı: etiket solda, sayı + Kaydet sağda */
.sk-tedarik { flex-wrap: wrap; }
.sk-tedarik-alan { display: flex; align-items: center; gap: .5rem; margin: 0; }
.sk-tedarik-alan input { width: 4.5rem; text-align: right; font-variant-numeric: tabular-nums; }
.sk-tedarik-alan .alan-hata { flex: 1 0 100%; }

/* ---- Stok: formlar (miktar girdileri; sahada büyük, eldivenle de basılır) ---- */
.stok-form > .ipucu { margin: 0 0 .75rem; color: var(--metin-3); font-size: var(--t-etiket); }
.stok-giris-liste { background: var(--yuzey); border: var(--kenar) solid var(--cizgi); border-radius: var(--r-l); overflow: hidden; margin-bottom: 1rem; }
.stok-giris-liste .iskelet { margin: .5rem; }
.stok-giris-satir {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .25rem .75rem; align-items: center;
  padding: .625rem 1rem; border-bottom: var(--kenar) solid var(--cizgi);
}
.stok-giris-satir:last-child { border-bottom: 0; }
.stok-giris-ad { display: flex; flex-direction: column; gap: .125rem; min-width: 0; font-size: var(--t-govde); cursor: pointer; overflow-wrap: anywhere; }
.stok-giris-ad b { font-weight: 500; }
.stok-giris-ad small { color: var(--metin-3); font-size: var(--t-etiket); }
.stok-giris-alan { display: flex; align-items: center; gap: .375rem; }
.stok-miktar {
  width: 7rem; min-height: 3.25rem; text-align: right; font-size: 1.25rem; font-weight: 500;
  font-variant-numeric: tabular-nums; padding: 0 .75rem; border-radius: var(--r-m); border: var(--kenar) solid var(--cizgi-guclu);
  background: var(--yuzey); color: var(--metin);
}
.stok-giris-alan .stok-miktar { min-height: max(3rem, var(--hedef)); }
.stok-miktar:focus { outline: none; border-color: var(--vurgu-yazi); box-shadow: 0 0 0 1px var(--vurgu-yazi); }
.stok-birim { min-width: 2.25rem; color: var(--metin-3); font-weight: 500; font-size: var(--t-etiket); }
.stok-fark { grid-column: 1 / -1; font-size: var(--t-etiket); font-weight: 500; text-align: right; }
.stok-fark:empty { display: none; }
.stok-fark.tam { color: var(--yesil); }
.stok-fark.eksi { color: var(--kirmizi); }
.stok-fark.art { color: var(--mavi); }
.stok-sayim-ozet { margin: 0 0 .5rem; font-size: var(--t-govde); color: var(--metin-2); min-height: 1.5rem; }
.stok-malzeme-dugme { justify-content: space-between; min-height: 3rem; font-size: var(--t-satir); text-align: left; }
.stok-secim button { min-height: 3rem; }
.stok-secim-alt { margin-left: auto; color: var(--metin-3); font-size: var(--t-etiket); font-weight: 500; }
.stok-secim button.stok-secim-ek { color: var(--vurgu-yazi); gap: .5rem; }

/* ---- Tükenme ---- */
.sk-tk-depo { margin-bottom: 1.75rem; }
.sk-tk-depo > .bolum-baslik { margin-top: 1.25rem; }
.sk-tk-baslik { display: flex; align-items: center; gap: .5rem; }
.sk-tk-say { margin-left: auto; font-variant-numeric: tabular-nums; }
.sk-tk-satir { cursor: default; }
label.sk-tk-satir { cursor: pointer; }
label.sk-tk-satir:hover { background: var(--yuzey-2); }
label.sk-tk-satir:focus-within { background: var(--yuzey-2); }
.sk-onay { flex: 0 0 auto; width: 1.5rem; height: 1.5rem; margin: 0; accent-color: var(--vurgu); }
.sk-yeter { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; text-align: right; line-height: 1.15; }
.sk-yeter b { font-size: var(--t-bolum); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sk-yeter small { font-size: var(--t-meta); color: var(--metin-3); white-space: nowrap; }
.sk-yeter.acil b { color: var(--kirmizi); }
.sk-yeter.sifir b { color: var(--metin-3); font-weight: 400; }
.sk-tk-eylem { justify-content: flex-end; }
.sk-tk-eylem .btn.ana { flex: 1 1 auto; max-width: 20rem; }

/* ---- Teslim alma ---- */
.sk-geri { margin: 0 0 .5rem -.5rem; }
.sk-teslim-ust h3 { margin: 0 0 .25rem; font-size: var(--t-bolum); font-weight: 600; }
.sk-teslim-ust p { margin: 0 0 1rem; color: var(--metin-2); }
.sk-kalemler { display: grid; gap: .75rem; margin-bottom: 1rem; }
.sk-kalem { background: var(--yuzey); border: var(--kenar) solid var(--cizgi); border-radius: var(--r-l); padding: .875rem 1rem 0; }
.sk-kalem-ust { display: flex; justify-content: space-between; align-items: baseline; gap: .75rem; margin-bottom: .25rem; }
.sk-kalem-ust h4 { flex: 1; min-width: 0; margin: 0; font-size: var(--t-satir); font-weight: 500; overflow-wrap: anywhere; }
.sk-beklenen { white-space: nowrap; font-size: var(--t-etiket); color: var(--metin-3); }
.sk-beklenen b { color: var(--metin); font-weight: 600; }
.sk-kalem-not { margin: 0 0 .5rem; font-size: var(--t-etiket); color: var(--metin-3); }
.ts-esles { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .75rem; margin: .25rem 0 .75rem; font-size: var(--t-etiket); color: var(--metin-2); }
.ts-fark { margin: -.25rem 0 .875rem; font-size: var(--t-govde); font-weight: 500; }
.ts-fark:empty { display: none; }
.ts-fark.tam { color: var(--yesil); }
.ts-fark.eksik { color: var(--turuncu); }
.ts-fark.fazla { color: var(--mavi); }
.sk-onay-satir { display: flex; align-items: flex-start; gap: .75rem; min-height: var(--hedef); padding: .5rem 0; cursor: pointer; }
.sk-onay-satir input { flex: 0 0 auto; width: 1.5rem; height: 1.5rem; margin: 0; accent-color: var(--vurgu); }
.sk-onay-satir small { color: var(--metin-3); }
/* Teslim alma: gelen miktar ve birim fiyat girdileri aynı yükseklikte */
.sk-kalem input[data-fiyat] { min-height: max(3rem, var(--hedef)); font-size: 1.0625rem; font-variant-numeric: tabular-nums; }
.sk-kalem .ikili { align-items: start; }

/* ---- İrsaliye ---- */
.sk-yukle { margin-bottom: .75rem; }
.sk-yukle .alan { margin-bottom: .5rem; max-width: 22rem; }
.sk-yukle-bag { display: flex; flex-wrap: wrap; gap: .25rem 1rem; margin: 0; }
.sk-yukle-bag [disabled], .sk-yukle-bag [aria-disabled="true"] { opacity: .5; pointer-events: none; }
.btn:focus-within, .metin-baglanti:focus-within { outline: 2px solid var(--vurgu-yazi); outline-offset: 2px; }
label.btn[aria-disabled="true"] { opacity: .5; pointer-events: none; }

.irs-ust { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem .75rem; margin-bottom: .75rem; }
.irs-ust .btn { margin-left: -.5rem; }
.irs-ust-metin { flex: 1 1 12rem; min-width: 0; }
.irs-baslik { margin: 0; font-size: var(--t-bolum); font-weight: 600; line-height: 1.2; overflow-wrap: anywhere; }
.irs-durum { display: flex; flex-wrap: wrap; align-items: center; gap: .125rem .75rem; margin: .125rem 0 0; font-size: var(--t-etiket); }
.irs-bilgi { margin-bottom: 1rem; }
.irs-bilgi a { color: var(--vurgu-yazi); font-weight: 500; }
.irs-duzen { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; align-items: start; }
.irs-foto-liste { margin-bottom: .5rem; }
.irs-foto-kutu {
  display: flex; align-items: center; justify-content: center; width: 100%; padding: .5rem; margin: 0; cursor: zoom-in;
  background: var(--yuzey-2); border: var(--kenar) solid var(--cizgi); border-radius: var(--r-l); min-height: 8rem; color: var(--metin);
}
.irs-foto-kutu img { display: block; max-width: 100%; max-height: 40vh; border-radius: var(--r-m); object-fit: contain; }
.irs-foto-kutu.bos { flex-direction: column; gap: .5rem; color: var(--metin-3); cursor: default; padding: 2rem 1rem; background: none; border-style: dashed; }   /* fotoğraf yoksa dolu gri kutu yok */
.irs-foto-kutu.bos svg { width: 2rem; height: 2rem; }
.irs-yukleniyor { width: 100%; }
@media (max-width: 1023.98px) { .irs-foto.yok { display: none; } }
.irs-kalemler-ust { display: flex; justify-content: space-between; align-items: center; gap: .75rem; margin: .25rem 0 .5rem; }
.irs-kalemler-ust .bolum-baslik { margin: 0; }
.irs-tumu { display: inline-flex; align-items: center; gap: .5rem; min-height: var(--hedef); font-weight: 500; font-size: var(--t-etiket); cursor: pointer; }
.irs-tumu input, .irs-onay input { width: 1.5rem; height: 1.5rem; margin: 0; accent-color: var(--vurgu); }
.irs-satirlar { container-type: inline-size; background: var(--yuzey); border: var(--kenar) solid var(--cizgi); border-radius: var(--r-l); overflow: hidden; margin-bottom: .75rem; }
.irs-satirlar:empty { display: none; }
.irs-satir {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .5rem .625rem; align-items: start;
  padding: .75rem; border-bottom: var(--kenar) solid var(--cizgi);
}
.irs-satir:last-child { border-bottom: 0; }
.irs-satir.secili { background: var(--vurgu-hafif); }
.irs-onay { grid-column: 1; grid-row: 1; display: flex; align-items: center; justify-content: center; min-width: var(--hedef); min-height: var(--hedef); cursor: pointer; align-self: end; }
.irs-alan label { display: block; margin-bottom: .25rem; font-size: var(--t-meta); font-weight: 500; color: var(--metin-3); }
.irs-alan input, .irs-alan select {
  width: 100%; min-height: var(--hedef); padding: 0 .625rem; border-radius: var(--r-m); border: var(--kenar) solid var(--cizgi-guclu);
  background: var(--yuzey); color: var(--metin); font: inherit;
}
.irs-alan input:focus, .irs-alan select:focus { outline: none; border-color: var(--vurgu-yazi); box-shadow: 0 0 0 1px var(--vurgu-yazi); }
.irs-alan input[readonly] { background: var(--yuzey-2); }
.irs-alan .stok-miktar { width: 100%; font-size: 1.0625rem; min-height: var(--hedef); }
.irs-satir > .irs-ad { grid-column: 2; grid-row: 1; }
.irs-satir > .irs-sil { grid-column: 3; grid-row: 1; align-self: end; }
.irs-satir > .irs-kart { grid-column: 1 / -1; grid-row: 2; }
.irs-satir > .irs-sayilar { grid-column: 1 / -1; grid-row: 3; display: grid; grid-template-columns: 1.2fr 1fr 1.2fr; gap: .5rem; }
.irs-kart-icerik { display: flex; align-items: center; gap: .25rem .5rem; flex-wrap: wrap; min-height: var(--hedef); }
.irs-kart-ad { font-weight: 500; overflow-wrap: anywhere; }
.irs-supheli { display: flex; gap: .5rem; align-items: flex-start; margin: .5rem 0 0; color: var(--turuncu); font-size: var(--t-etiket); font-weight: 500; line-height: 1.4; }
.irs-supheli svg { flex: 0 0 auto; width: 1.125rem; height: 1.125rem; margin-top: .0625rem; }
.irs-satir.supheli-satir { background: var(--turuncu-b); }
/* Eylem çubuğu: telefonda etiketler tek satırda kalsın */
.irs-eylem .btn { white-space: nowrap; }
.irs-eylem #iOnayla { flex: 1 1 auto; }
.irs-oner { height: auto; min-height: var(--hedef); padding: .375rem .625rem; white-space: normal; text-align: left; }
@container (min-width: 44rem) {
  /* geniş alanda: üstte onay + ad + sil, altta solda stok kartı, sağda miktar-birim-fiyat */
  .irs-satir { grid-template-columns: 2.75rem minmax(0, 1fr) 18rem 2.75rem; }
  .irs-satir > .irs-ad { grid-column: 2 / 4; }
  .irs-satir > .irs-sil { grid-column: 4; }
  .irs-satir > .irs-kart { grid-column: 2; grid-row: 2; }
  .irs-satir > .irs-sayilar { grid-column: 3 / 5; grid-row: 2; }
}
.irs-ozet { margin: .5rem 0 1rem; color: var(--metin-2); }
.irs-buyuk-arac { margin-bottom: .75rem; }
.irs-buyuk-kutu { overflow: auto; max-height: 70vh; text-align: center; background: var(--yuzey-2); border-radius: var(--r-m); }
.irs-buyuk-kutu img { max-width: 100%; transition: transform .2s; }
.irs-buyuk-kutu.yakin img { max-width: none; width: 160%; }
.irs-buyuk-kutu.dik img { max-height: 60vh; }
@media (min-width: 1024px) {
  .irs-foto { position: sticky; top: calc(var(--ust-yukseklik) + var(--guvenli-ust) + 1rem); }
  .irs-duzen { grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr); gap: 1.5rem; }
  .irs-foto-liste { display: none; }
  #iFotoGovde[hidden] { display: block !important; }
  .irs-foto-kutu img { max-height: 70vh; }
  /* ofiste eylemler başlığın sağında */
  .irs-kok { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 1rem; align-items: start; }
  .irs-kok > .irs-ust { grid-column: 1; grid-row: 1; }
  .irs-kok > .eylem-cubugu { grid-column: 2; grid-row: 1; position: static; margin: 0; padding: 0; border: 0; background: none; align-self: center; }
  .irs-kok > .eylem-cubugu .btn { flex: 0 0 auto; }
  .irs-kok > .irs-bilgi { grid-column: 1 / -1; grid-row: 2; }
  .irs-kok > .irs-duzen { grid-column: 1 / -1; grid-row: 3; }
}

/* Güneş teması: kalın çerçeve zaten --kenar ile gelir; arama kutusunda çift çerçeve olmasın */
:root[data-tema="gunes"] .stok-miktar { border-color: var(--metin); }
:root[data-tema="gunes"] .ara-kutu input { border: 0 !important; box-shadow: none !important; }

/* =========================================================================
   SAHA MODÜLÜ — Saha Günlüğü, Fotoğraflar, Paylaşım, İSG, Ekipman
   (js/ekranlar/gunluk.js · fotograflar.js · paylasim.js · isg.js · ekipman.js · saha-foto.js)
   Saha Defteri dili: kayıtlar sakin satırlar, tek işaret rengi yok (turuncu YOK), dekor yok.
   Ortak parçalar (başlık satırı, form grubu, yapışkan çubuk, özet) STOK bloğunda (sk-* / sh-*) tanımlıdır.
   Yalnız tema tokenları; büyük dokunma hedefi; Güneş temasında kalın çerçeve (--kenar).
   ========================================================================= */

.baglanti-dugme { background: none; border: 0; padding: .25rem 0; color: var(--vurgu-yazi); font: inherit; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; min-height: var(--hedef); }
.sh-suzgec { margin-bottom: .5rem; }
.sh-suzgec .filtre { margin-bottom: .75rem; }
.sh-ipucu { margin: .5rem 0 1rem; color: var(--metin-3); font-size: var(--t-etiket); }
.sh-bag { margin: .25rem 0 1rem; }
.sh-tekrar { margin-top: .75rem; }
.sh-dosya-yok { align-self: center; flex: 1 1 auto; }
.sh-sayi-not { margin: 0 0 .5rem; color: var(--metin-3); font-size: var(--t-etiket); }
.sh-daha { margin-top: 1rem; }
.sh-kalan.kirmizi { color: var(--kirmizi); }
.sh-kalan.turuncu { color: var(--turuncu); }

/* ---- Günlük: gün şeridi ---- */
#glKok { max-width: 46rem; }
.sh-serit { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin-bottom: .25rem; }
.sh-serit .filtre { margin: 0; flex: 0 0 auto; padding: 3px; overflow: visible; }
.sh-tarih {
  flex: 1 1 9rem; min-width: 0; min-height: var(--hedef); padding: .5rem .75rem; border: var(--kenar) solid var(--cizgi-guclu);
  border-radius: var(--r-m); background: var(--yuzey); color: var(--metin); font: inherit; font-weight: 500;
}
.sh-gun-etiket .btn { margin-left: auto; }
.sh-gun-etiket { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: .625rem 0 1rem; font-size: var(--t-bolum); font-weight: 600; line-height: 1.25; }
.sh-gun-etiket .durum { font-size: var(--t-etiket); font-weight: 500; }

/* ---- Günlük: form ---- */
.sh-form { padding-bottom: .5rem; }
.sh-durum { display: flex; align-items: center; flex-wrap: wrap; gap: .25rem .75rem; margin-bottom: .75rem; }
.sh-form > .bolum-baslik:first-of-type { margin-top: .25rem; }
.sh-hava { text-align: left; }
.sh-hava .satir-ikon { color: var(--metin-2); }
.sh-hava .durum { flex: 0 0 auto; }
.sh-hava[aria-expanded="true"] .satir-ok svg { transform: rotate(180deg); }
.sh-alanlar { padding: 1rem 1rem 0; border-bottom: var(--kenar) solid var(--cizgi); background: var(--yuzey-2); }
/* sahadaki kişi sayıları: etiket solda, küçük sayı girdisi sağda */
.satir.sh-sayi-satir { flex-wrap: wrap; margin-bottom: 0; }
.satir.sh-sayi-satir input { flex: 0 0 auto; width: 5.5rem; padding: .5rem .75rem; text-align: right; font-weight: 500; font-variant-numeric: tabular-nums; }
.satir.sh-sayi-satir .alan-hata { flex: 1 0 100%; margin: 0 0 .25rem; }
.satir.sh-sayi-satir .satir-meta { display: block; -webkit-line-clamp: unset; line-clamp: unset; overflow: visible; }
.satir.sh-sayi-satir .baglanti-dugme { display: inline; min-height: 0; padding: 0; }
.sh-uyari-yok { display: none; }

/* ---- Fotoğraf ızgarası ve bölümü ---- */
.sh-foto-dugmeler { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-bottom: .5rem; }
.sh-foto-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr)); gap: .375rem; }   /* 360-412 px telefonda 3 sütun: 10 fotoğraf tek bakışta */
@media (min-width: 640px) { .sh-foto-izgara { grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr)); gap: .5rem; } }
.sh-foto-bos { grid-column: 1 / -1; margin: .5rem 0 0; color: var(--metin-3); font-size: var(--t-etiket); }
.sh-foto-grup { margin-bottom: 1rem; }
.sh-foto-grup > .bolum-baslik { margin-top: 1.25rem; }
.foto-kare { position: relative; aspect-ratio: 1; padding: 0; overflow: hidden; border-radius: var(--r-m); border: var(--kenar) solid var(--cizgi); background: var(--yuzey-3); cursor: pointer; color: var(--metin); }
.foto-kare:focus-visible { outline-offset: 2px; }
.foto-kare img { display: block; width: 100%; height: 100%; object-fit: cover; }
.foto-kare img:not([src]) { visibility: hidden; }
.foto-yukleniyor { position: absolute; inset: 0; pointer-events: none; display: none; background: var(--yuzey-3); animation: sh-nabiz 1.6s ease-in-out infinite; }
.foto-kare.yukleniyor .foto-yukleniyor, .fv-sahne.yukleniyor > .foto-yukleniyor { display: block; }
@keyframes sh-nabiz { 50% { opacity: .5; } }
@media (prefers-reduced-motion: reduce) { .foto-yukleniyor { animation: none; } }
.foto-hata { position: absolute; inset: 0; display: none; flex-direction: column; align-items: center; justify-content: center; gap: .25rem; padding: .5rem; text-align: center; background: var(--yuzey-3); color: var(--metin-2); }
.foto-kare.hatali .foto-hata { display: flex; }
.foto-hata svg { width: 1.5rem; height: 1.5rem; }
.foto-hata small { font-size: var(--t-meta); font-weight: 500; }
/* etiket: fotoğrafın altında düz bant (hap değil) */
.foto-etiket { position: absolute; left: 0; right: 0; bottom: 0; padding: .125rem .375rem; background: rgba(0, 0, 0, .74); color: #fff; font-size: var(--t-meta); font-weight: 500; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.foto-paylasim { position: absolute; right: .25rem; top: .25rem; display: grid; place-items: center; width: 1.625rem; height: 1.625rem; border-radius: var(--r-s); background: var(--vurgu); color: var(--vurgu-ust); }
.foto-paylasim svg { width: 1rem; height: 1rem; }

/* ---- Eklenecek (henüz yüklenmemiş) fotoğraflar ---- */
.sh-hazir { list-style: none; margin: .75rem 0; padding: 0; background: var(--yuzey); border: var(--kenar) solid var(--cizgi); border-radius: var(--r-l); overflow: hidden; }
.sh-hazir-oge { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr) auto; gap: .625rem; align-items: start; padding: .625rem; border-bottom: var(--kenar) solid var(--cizgi); }
.sh-hazir-oge:last-child { border-bottom: 0; }
.sh-hazir-oge img { width: 4.5rem; height: 4.5rem; object-fit: cover; border-radius: var(--r-s); background: var(--yuzey-3); }
.sh-hazir-alanlar input { width: 100%; min-height: var(--hedef); margin-bottom: .375rem; padding: .375rem .625rem; border: var(--kenar) solid var(--cizgi-guclu); border-radius: var(--r-m); background: var(--yuzey); color: var(--metin); font: inherit; font-size: var(--t-govde); }
.sh-hazir-alanlar input:disabled { opacity: .7; }
.sh-hazir-durum { font-size: var(--t-etiket); font-weight: 500; color: var(--metin-2); line-height: 1.35; }
.sh-hazir-oge.hata .sh-hazir-durum { color: var(--kirmizi); }
.sh-hazir-oge.kuyrukta .sh-hazir-durum { color: var(--turuncu); }
.sh-hazir-oge.yuklendi .sh-hazir-durum { color: var(--yesil); }
.sh-hazir-eylem { display: flex; flex-direction: column; gap: .375rem; }
.sh-yukle-cubuk { margin-top: .75rem; }
.sh-wifi { margin-top: .75rem; }
.sh-toplu { margin: .75rem 0 0; }
.sh-ilerleme { position: relative; height: 2.125rem; margin-top: .75rem; }
.sh-ilerleme::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: .5rem; border-radius: 999px; background: var(--yuzey-3); }
.sh-ilerleme i { position: absolute; left: 0; bottom: 0; height: .5rem; border-radius: 999px; background: var(--vurgu); transition: width .25s; z-index: 1; }
.sh-ilerleme span { position: absolute; top: 0; left: 0; font-size: var(--t-govde); font-weight: 500; }

.sh-metin { font-size: var(--t-govde); }

/* ---- Takvim (ay ızgarası) ---- */
.sh-tk-ust { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .75rem; }
.sh-tk-baslik { margin: 0; font-size: var(--t-satir); font-weight: 600; }
.sh-tk { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .25rem; margin-bottom: 1rem; }
.sh-tk-bas { text-align: center; font-size: var(--t-meta); font-weight: 500; color: var(--metin-3); padding: .25rem 0; }
.sh-tk-gun { min-height: 3.25rem; padding: .125rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .0625rem; border-radius: var(--r-m); border: var(--kenar) solid var(--cizgi); background: var(--yuzey); color: var(--metin); font-weight: 500; font-size: var(--t-govde); line-height: 1.1; }
.sh-tk-gun .isaret { min-height: 1rem; font-size: var(--t-meta); display: grid; place-items: center; font-weight: 600; }
.sh-tk-gun .isaret svg { width: 1rem; height: 1rem; }
.sh-tk-gun.yazildi { color: var(--yesil); }
.sh-tk-gun.calisilmadi { color: var(--mavi); }
.sh-tk-gun.eksik { color: var(--turuncu); border-color: var(--turuncu); }
.sh-tk-gun.gelecek, .sh-tk-gun.pazar { color: var(--metin-3); background: transparent; }
.sh-tk-gun.gelecek { opacity: .6; }
.sh-tk-gun.bugun { outline: 2px solid var(--vurgu-yazi); outline-offset: 1px; }
.sh-tk-gun:disabled { cursor: default; }
:root[data-tema="gunes"] .sh-tk-gun { min-height: 3.5rem; }
.sh-tk-aciklama { list-style: none; margin: 0 0 1rem; padding: 0; display: flex; flex-wrap: wrap; gap: .375rem 1rem; font-size: var(--t-etiket); color: var(--metin-2); }
.sh-tk-aciklama li { display: flex; align-items: center; gap: .375rem; }
.sh-tk-nokta { display: inline-grid; place-items: center; width: 1.375rem; height: 1.375rem; border-radius: var(--r-s); border: var(--kenar) solid var(--cizgi-guclu); font-weight: 600; font-size: var(--t-meta); }
.sh-tk-nokta svg { width: .875rem; height: .875rem; }
.sh-tk-nokta.yazildi { color: var(--yesil); }
.sh-tk-nokta.calisilmadi { color: var(--mavi); }
.sh-tk-nokta.eksik { color: var(--turuncu); }

/* ---- Büyük fotoğraf görüntüleyici ---- */
.fv { position: fixed; inset: 0; z-index: 58; display: flex; flex-direction: column; background: #07090C; color: #fff; }
.fv.girer { animation: sh-gir .16s ease-out; }
@keyframes sh-gir { from { opacity: 0; } }
.fv-ust { display: flex; align-items: center; justify-content: space-between; padding: .5rem calc(.5rem + env(safe-area-inset-right, 0px)) .5rem calc(.5rem + env(safe-area-inset-left, 0px)); padding-top: calc(.5rem + var(--guvenli-ust)); }
.fv-say { font-weight: 500; font-variant-numeric: tabular-nums; }
.fv-btn { width: 3rem; height: 3rem; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .16); color: #fff; }
.fv-btn:hover { background: rgba(255, 255, 255, .26); }
.fv-btn svg { width: 1.5rem; height: 1.5rem; }
.fv button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.fv-sahne { position: relative; flex: 1 1 auto; min-height: 0; display: grid; place-items: center; overflow: hidden; touch-action: none; }
.fv-sahne.yakin { cursor: grab; }
.fv-sahne.yakin .fv-ok { display: none; }   /* yakınlaştırılmışken önceki/sonraki okları kapatır: kaydırma görüntüyü taşır */
.fv-img { max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; -webkit-user-drag: none; touch-action: none; will-change: transform; }
.fv-duzenle-ac { margin-top: .5rem; }
.fv-img:not([src]) { visibility: hidden; }
.fv-hata { display: none; position: absolute; font-weight: 500; }
.fv-sahne.hatali .fv-hata { display: block; }
.fv-ok { position: absolute; top: 50%; transform: translateY(-50%); width: 3rem; height: 3rem; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .6); color: #fff; z-index: 2; }
.fv-ok[hidden] { display: none; }
.fv-ok.sol { left: .5rem; } .fv-ok.sag { right: .5rem; }
.fv-ok svg { width: 1.5rem; height: 1.5rem; }
.fv-alt { flex: 0 0 auto; max-height: 46vh; overflow: auto; padding: .875rem 1rem calc(.875rem + var(--guvenli-alt)); background: var(--yuzey); color: var(--metin); }
.fv-meta { display: flex; flex-direction: column; margin-bottom: .75rem; font-size: var(--t-govde); }
.fv-meta b { font-weight: 600; }
.fv-meta span { color: var(--metin-2); font-size: var(--t-etiket); }
.fv-yazi { margin: .25rem 0 0; }
.fv-form .alan { margin-bottom: .75rem; }
.fv-form textarea { min-height: 4rem; }
@media (min-width: 1024px) {
  .fv { flex-direction: row; flex-wrap: wrap; }
  .fv-ust { flex: 0 0 100%; }
  .fv-sahne { flex: 1 1 0; }
  .fv-alt { flex: 0 0 22rem; max-height: none; height: calc(100% - 4.25rem); }
}

/* ---- Paylaşım ---- */
.sh-baglanti > .liste { margin-bottom: 1rem; }
.qr-kutu { display: grid; justify-items: center; gap: .5rem; margin: 0 0 1rem; padding: 1rem; background: var(--yuzey); border: var(--kenar) solid var(--cizgi); border-radius: var(--r-l); text-align: center; }
.qr-svg { width: min(100%, 14rem); height: auto; border-radius: var(--r-s); border: var(--kenar) solid var(--cizgi-guclu); }
#pListe { max-width: 56rem; }

/* ---- İSG ---- */
.sh-grup-baslik { display: flex; align-items: center; gap: .5rem; }
.sh-grup-say { margin-left: auto; font-variant-numeric: tabular-nums; }
.isg-onizleme { display: block; max-width: 100%; margin: .75rem 0; border-radius: var(--r-m); border: var(--kenar) solid var(--cizgi); }
.durum.sari::before { background: var(--turuncu); }

/* ---- Ayrıntı paneli (ekipman, çalışan) ---- */
.sh-detay { display: flex; flex-direction: column; }
.sh-detay > .liste { margin-bottom: 1rem; }
.sh-detay > .bolum-baslik { margin-top: .5rem; }
.sh-detay-ust { display: flex; align-items: center; gap: .75rem; margin-bottom: 1rem; }
.sh-detay-durum { display: flex; align-items: center; gap: .75rem; }
.sh-detay .profil-ust { margin-bottom: 1rem; }
.sh-detay-ad { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.sh-detay-ad b { font-weight: 500; }
/* <<< SK-V3 BİTİR */

/* >>> FP-V3 BAŞLA (finans + platform ekranları; css-uygula.py yönetir) */
/* ------------------------------------------------------------------ ORTAK (fp-): finans + platform ekranları */
.fp-iban { font-size: inherit; font-weight: 500; text-align: right; min-height: var(--hedef); padding: 0; background: none; border: 0; cursor: pointer; font-variant-numeric: tabular-nums; }

/* form grubu (.liste benzeri çerçeveli grup), radyo listesi */
.fp-ust-bosluk { margin-top: .75rem; }
.fp-radyo-liste { display: flex; flex-direction: column; }
.fp-radyo { display: flex; align-items: flex-start; gap: .75rem; min-height: var(--hedef); padding: .75rem 0; border-bottom: var(--kenar) solid var(--cizgi); cursor: pointer; }
.fp-radyo:last-child { border-bottom: 0; }
.fp-radyo input { flex: 0 0 auto; width: 1.125rem; height: 1.125rem; margin: .1875rem 0 0; accent-color: var(--vurgu); }
.fp-radyo > span { display: flex; flex-direction: column; gap: .125rem; min-width: 0; }
.fp-radyo b { font-weight: 500; }
.fp-radyo input:checked + span b { font-weight: 600; }
.fp-radyo small { color: var(--metin-3); font-size: var(--t-etiket); }
.fp-kdv-hizli { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: -.25rem 0 .75rem; }

.fp-bak { display: inline-flex; flex-direction: column; align-items: flex-end; line-height: 1.25; text-align: right; }
.fp-bak b { font-variant-numeric: tabular-nums; white-space: nowrap; }
.fp-bak small { font-size: var(--t-meta); color: var(--metin-3); font-weight: 400; white-space: nowrap; }
td:not(.sag) > .fp-bak { align-items: flex-start; text-align: left; }
.fp-gecikti, small.fp-gecikti { color: var(--kirmizi); font-weight: 500; }
.fp-dikkat { color: var(--turuncu); font-weight: 500; }
.fp-sayim { margin: 0 0 .5rem .125rem; color: var(--metin-3); font-size: var(--t-etiket); }
.fp-serit-yer { margin-bottom: 1rem; }
.fp-serit-yer .serit { margin-bottom: 0; }
.fp-arsiv td { color: var(--metin-3); }

/* detay sayfası: başlık + eylemler + ana sayı + iki sütun */
.fp-ana-sayi { margin: 0 0 1.5rem; }
.fp-sayi { display: block; font-size: var(--t-sayi); font-weight: 600; line-height: 1.1; letter-spacing: -.01em; white-space: nowrap; }
.fp-sayi.sifir { color: var(--metin-3); font-weight: 400; }
.fp-sayi-not { display: block; margin-top: .25rem; color: var(--metin-3); font-size: var(--t-govde); }
.fp-iki { display: block; }
@media (min-width: 1024px) {
  .fp-iki { display: grid; grid-template-columns: minmax(18rem, 22rem) minmax(0, 1fr); gap: 1.5rem; align-items: start; }
}
.fp-sag-sekme { margin-bottom: .75rem; }

/* ekstre */
.fp-ekstre-arac .sekmeler { margin-bottom: .75rem; }
.fp-ekstre-ozet { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.5rem; margin: 0 0 .75rem; }
.fp-ekstre-ozet small { display: block; color: var(--metin-3); font-size: var(--t-meta); }
.fp-ekstre-ozet b { font-size: var(--t-satir); font-weight: 600; white-space: nowrap; }
.fp-ekstre-dugmeler { margin-left: auto; display: flex; gap: .5rem; }
.fp-ekstre-dugmeler .btn { min-height: var(--hedef); }
.fp-ekstre tbody tr.fp-devreden td { color: var(--metin-3); }
.fp-ekstre td.sag { white-space: nowrap; }
.fp-hareketler .satir { padding-right: .5rem; }

/* süzgeç satırı: arama + iki açılır seçim */
.fp-suz { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-bottom: .75rem; }
.fp-suz .ara-kutu { margin: 0; max-width: none; }
.fp-suz-ara { grid-column: 1 / -1; }
.fp-suz .alan { margin: 0; }
@media (min-width: 768px) {
  .fp-suz { grid-template-columns: minmax(14rem, 1fr) 11rem 17rem; }
  .fp-suz-ara { grid-column: auto; }
}
.sheet .cip { min-height: var(--hedef); }
/* ------------------------------------------------------------------ /ORTAK */

/* ------------------------------------------------------------------ KASA (kasa.js) */
.fp-fis { flex: 0 0 auto; width: 3rem; height: 3rem; border-radius: var(--r-m); overflow: hidden; display: grid; place-items: center; background: var(--yuzey-3); color: var(--metin-3); }
.fp-fis.bos { background: none; }          /* fişi olmayan satırda gri kare yok: yalnız simge, metin hizası korunur */
.fp-fis img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fp-fis svg { width: 1.375rem; height: 1.375rem; }
.fp-kasa-ogesi { border-bottom: var(--kenar) solid var(--cizgi); }
.fp-kasa-ogesi:last-child { border-bottom: 0; }
.fp-kasa-ogesi > .satir { border-bottom: 0; }
.fp-onay-dugmeler { display: flex; gap: .5rem; padding: 0 1rem .875rem 4.75rem; }
.fp-onay-dugmeler .btn { flex: 1; min-height: var(--hedef); }
.fp-fis-buyuk { margin: 0 0 1rem; border-radius: var(--r-l); overflow: hidden; background: var(--yuzey-3); border: var(--kenar) solid var(--cizgi); }
.fp-fis-buyuk img { display: block; width: 100%; max-height: 50vh; object-fit: contain; }
.fp-dosya { cursor: pointer; }
.fp-kasa-detay .sakin-satir svg { width: 1.25rem; height: 1.25rem; vertical-align: -.25rem; margin-right: .375rem; }

/* fiş çekme: kamera önce */
.fp-foto { display: block; cursor: pointer; margin-bottom: 1rem; }
.fp-foto-bos { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .375rem; text-align: center; min-height: 8rem; padding: 1rem; border: 2px dashed var(--cizgi-guclu); border-radius: var(--r-l); background: var(--yuzey-2); color: var(--metin); }
.fp-foto-bos svg { width: 2rem; height: 2rem; color: var(--metin-2); }
.fp-foto-bos b { font-weight: 500; font-size: var(--t-satir); }
.fp-foto-bos small { color: var(--metin-3); font-size: var(--t-etiket); }
.fp-foto:focus-within .fp-foto-bos { outline: 2px solid var(--vurgu-yazi); outline-offset: 2px; }
.fp-foto.dolu .fp-foto-bos { border-style: solid; min-height: 0; padding: .5rem; }
.fp-foto.dolu img { max-height: 14rem; max-width: 100%; border-radius: var(--r-m); }

/* tutar: büyük ve net */
.fp-tutar-kutu { display: flex; align-items: center; gap: .5rem; padding: 0 1rem; border: var(--kenar) solid var(--cizgi-guclu); border-radius: var(--r-m); background: var(--yuzey); }
.fp-tutar-kutu:focus-within { border-color: var(--vurgu-yazi); box-shadow: 0 0 0 1px var(--vurgu-yazi); }
.fp-tutar-kutu > span { font-size: var(--t-bolum); color: var(--metin-3); }
.fp-tutar-kutu .fp-tutar, .fp-tutar-kutu .fp-tutar:focus, .fp-tutar-kutu .fp-tutar:focus-visible { outline: none; flex: 1; min-width: 0; min-height: 4rem; padding: 0; border: 0; box-shadow: none; background: transparent; font-size: 2rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.fp-tutar-alan { margin-bottom: 1.25rem; }
.fp-hazir { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .5rem; }
.fp-hazir:empty { display: none; }
.fp-ek { margin: 0 0 .5rem; }
.fp-ek summary { cursor: pointer; min-height: var(--hedef); display: flex; align-items: center; color: var(--metin-2); font-weight: 500; }
.fp-ek[open] summary { margin-bottom: .5rem; }
.fp-onay-satir { display: flex; align-items: flex-start; gap: .75rem; min-height: var(--hedef); padding: .5rem 0; cursor: pointer; }
.fp-onay-satir input { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; margin: .125rem 0 0; accent-color: var(--vurgu); }
.fp-onay-satir > span { display: flex; flex-direction: column; }
.fp-onay-satir b { font-weight: 500; }
.fp-onay-satir small { color: var(--metin-3); font-size: var(--t-etiket); }
.fp-onay-satir[hidden], .fp-stok[hidden], #fStokKap[hidden] { display: none; }
#fStokKap { margin: 0 0 1rem; padding: .25rem 1rem; border: var(--kenar) solid var(--cizgi); border-radius: var(--r-l); background: var(--yuzey); }
.fp-stok { padding: .25rem 0 .25rem; margin: .25rem 0 .5rem; }
.fp-stok-satir { padding-bottom: .25rem; margin-bottom: .75rem; border-bottom: var(--kenar) solid var(--cizgi); }
.fp-stok-satir .btn { margin-bottom: .75rem; }
.fp-kasa-form > .secenek-grup { margin-bottom: 1rem; }
.fp-rapor-aralik { max-width: 32rem; }
.fp-dagilim { min-height: 3rem; }

/* ------------------------------------------------------------------ ŞANTİYE KARTI (santiye-karti.js) */
.sk-buradayim { margin-top: .75rem; }
.fp-suz-tek { grid-template-columns: 1fr; }
@media (min-width: 768px) { .fp-suz-tek { grid-template-columns: 16rem; } }
.fp-renk-nokta { display: inline-block; flex: 0 0 auto; width: .75rem; height: .75rem; border-radius: 50%; background: var(--sk-renk, var(--metin-3)); }
.fp-sk-ad { display: flex; align-items: flex-start; gap: .625rem; }
.fp-sk-ad .fp-renk-nokta { margin-top: .375rem; }
.fp-ilerleme-hucre { display: flex; flex-direction: column; gap: .125rem; min-width: 6rem; }
.fp-ilerleme-hucre .ilerleme { margin-top: .125rem; }
.fp-cubuklar { display: flex; flex-direction: column; gap: .875rem; margin-bottom: .5rem; }
.fp-cubuk-et { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .375rem; font-size: var(--t-govde); }
.fp-cubuk-et span { color: var(--metin-3); font-size: var(--t-etiket); }
.fp-cubuk-et b { font-weight: 600; }
.fp-aralik { width: 100%; min-height: var(--hedef); padding: 0; border: 0; accent-color: var(--vurgu); }
.alan input.fp-aralik { padding: 0; border: 0; box-shadow: none; min-height: var(--hedef); }
.fp-alt-bosluk { margin-bottom: 1rem; }
.fp-renkler { display: flex; flex-wrap: wrap; gap: .75rem; padding: .5rem 0 1rem; }
.fp-renk { width: var(--hedef); height: var(--hedef); border-radius: 50%; background: var(--r); border: 3px solid var(--yuzey); box-shadow: 0 0 0 var(--kenar) var(--cizgi-guclu); cursor: pointer; }
.fp-renk.secili { box-shadow: 0 0 0 3px var(--metin); }
.fp-sk-tablo td { vertical-align: top; }

/* ------------------------------------------------------------------ CANLI MALİYET (maliyet.js) — sakin, rakam öncelikli */
.mly-kahraman { margin: 0 0 1.75rem; }
.mly-ust { display: flex; justify-content: space-between; align-items: center; gap: .5rem 1rem; flex-wrap: wrap; margin-bottom: .75rem; }
.mly-ust .soluk { color: var(--metin-3); font-size: var(--t-etiket); font-variant-numeric: tabular-nums; }
.mly-canli { display: inline-flex; align-items: center; gap: .5rem; font-size: var(--t-etiket); font-weight: 500; color: var(--metin-3); }
.mly-canli::before { content: ""; width: .5rem; height: .5rem; border-radius: 50%; background: var(--metin-3); }
.mly-canli.acik { color: var(--metin); }
.mly-canli.acik::before { background: var(--isaret); }            /* canlı nokta: işaret turuncusu */
.mly-kahraman .etiket { color: var(--metin-3); font-size: var(--t-etiket); font-weight: 500; }
.tk {
  font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -.02em; white-space: nowrap;
  font-size: clamp(2.25rem, 8vw, 3.75rem); margin: .25rem 0 .875rem; color: var(--metin);
}
.tk .tk-sembol { font-size: .5em; vertical-align: .55em; margin-right: .12em; color: var(--metin-3); font-weight: 400; }
.tk .tk-kurus { font-size: .45em; color: var(--metin-3); font-weight: 400; margin-left: .04em; }   /* kuruş soluk */
.tk.tk-kucuk { font-size: var(--t-satir); margin: 0; font-weight: 500; }
.tk.tk-kucuk .tk-sembol, .tk.tk-kucuk .tk-kurus { vertical-align: baseline; font-size: .8em; }
.mly-mesai { height: .25rem; border-radius: .125rem; background: var(--yuzey-3); overflow: hidden; }
.mly-mesai span { display: block; height: 100%; background: var(--metin-2); transition: width var(--sure) var(--egri); }
.mly-hiz { margin: .625rem 0 1rem; color: var(--metin-3); font-size: var(--t-govde); font-variant-numeric: tabular-nums; }
.mly-kahraman .serit { margin-bottom: 0; }
.mly-not { display: flex; align-items: flex-start; gap: .5rem; margin: .75rem 0 0; color: var(--metin-3); font-size: var(--t-etiket); }
.mly-not svg { flex: 0 0 auto; width: 1rem; height: 1rem; margin-top: .125rem; }
.mly-blok { display: block; }
.mly-blok > .serit { margin-bottom: 0; }
.fp-mly-satir .fp-renk-nokta { margin: 0 .25rem; }
.mly-grafik { margin: 0 0 1rem; padding: .75rem 1rem; border: var(--kenar) solid var(--cizgi); border-radius: var(--r-l); background: var(--yuzey); }
.mly-grafik svg { width: 100%; height: 8rem; display: block; }
.mly-alan { fill: var(--vurgu-hafif); }
.mly-cizgi { fill: none; stroke: var(--vurgu-yazi); stroke-width: 2; stroke-linejoin: round; }
.mly-nokta { fill: var(--yuzey); stroke: var(--vurgu-yazi); stroke-width: 2; }
.mly-grafik figcaption { display: flex; justify-content: space-between; gap: .5rem; margin-top: .375rem; }
@media (prefers-reduced-motion: reduce) { .mly-mesai span { transition: none; } }

/* ------------------------------------------------------------------ HAKEDİŞ (hakedis*.js) */
.fp-suz-iki { grid-template-columns: 1fr; }
@media (min-width: 768px) { .fp-suz-iki { grid-template-columns: minmax(14rem, 1fr) 15rem; } }
.hk-dipnot { padding-top: .5rem; }
.fp-aciklama { margin-top: 0; }
.fp-ipucu-alt { margin: -.25rem 0 1rem; font-size: var(--t-meta); color: var(--metin-3); }
.uyari-baslik { font-weight: 500; }
.uyari-liste { margin: .375rem 0 0; padding-left: 1.125rem; }

/* oranlar paneli (açılır grup içi) */
.hk-oran-izgara { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 .75rem; padding: .875rem 1rem 0; }
@media (min-width: 768px) { .hk-oran-izgara { grid-template-columns: repeat(4, 1fr); } }
.hk-oran-izgara .alan.hk-tam { grid-column: 1 / -1; }
.acilir-grup-ipucu { margin: 0; padding: 0 1rem .75rem; }

/* düzenleme tablosu (ofis) */
.hk-mod { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; margin-bottom: .75rem; }
.hk-mod .sekmeler { margin: 0; width: auto; }
.hk-mod-et { font-size: var(--t-etiket); font-weight: 500; color: var(--metin-3); }
.hk-kayit { font-size: var(--t-etiket); font-weight: 500; color: var(--metin-3); min-width: 8rem; }
.hk-kayit.hata { color: var(--kirmizi); }
.hk-ipucu-tus { margin-left: auto; }
.hk-tablo-kap { max-height: max(18rem, calc(100vh - 23rem)); overflow: auto; }
@media (min-width: 1280px) {
  .hk-tablo-kap { max-height: none; overflow: visible; }
  .hk-tablo th { top: calc(var(--ust-yukseklik) + var(--guvenli-ust)); }
}
.hk-tablo th, .hk-tablo td { padding: .4375rem .5rem; }
.hk-meta { margin-top: .125rem; font-size: var(--t-meta); color: var(--metin-3); font-weight: 400; }
.hk-meta .durum, .hk-tablo .durum { margin-left: .5rem; }
.hk-tablo th[scope="row"] { position: static; text-align: left; text-transform: none; letter-spacing: 0; font-size: var(--t-govde); font-weight: 500; white-space: normal; min-width: 13rem; background: transparent; color: var(--metin); border-bottom: var(--kenar) solid var(--cizgi); }
.hk-tablo th[scope="row"] .sayi { font-weight: 600; margin-right: .375rem; }
.hk-tablo tbody tr:hover th[scope="row"] { background: var(--yuzey-2); }
.hk-tablo th.hk-giris-baslik { color: var(--vurgu-yazi); box-shadow: inset 0 -2px 0 var(--vurgu); }
.hk-tablo tr.hk-dolu td, .hk-tablo tr.hk-dolu th[scope="row"] { background: var(--vurgu-hafif); }
.hk-giris {
  width: 6.5rem; min-height: 2.5rem; padding: .25rem .5rem; text-align: right;
  border: var(--kenar) solid var(--cizgi-guclu); border-radius: var(--r-s); background: var(--yuzey); color: var(--metin);
  font: inherit; font-weight: 600; font-variant-numeric: tabular-nums;
}
@media (pointer: coarse) { .hk-giris { min-height: var(--hedef); } }
.hk-giris::placeholder { color: var(--metin-3); opacity: 1; font-weight: 400; }
.hk-giris:focus { outline: 2px solid var(--vurgu-yazi); outline-offset: 1px; background: var(--vurgu-hafif); }
.hk-giris.hk-gecersiz { border-color: var(--kirmizi); box-shadow: 0 0 0 1px var(--kirmizi); }
.hk-islem { flex: 0 0 auto; white-space: nowrap; text-align: right; }
.satir > .hk-islem { margin-left: .25rem; }

/* alt özet çubuğu (ofis): canlı toplamlar, gölgesiz */
.hk-ozet {
  position: sticky; bottom: calc(var(--alt-yukseklik) + var(--guvenli-alt) + .25rem); z-index: 30; margin-top: 1rem;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1.5rem;
  padding: .625rem .875rem; background: var(--yuzey); border: var(--kenar) solid var(--cizgi-guclu); border-radius: var(--r-l);
}
@media (min-width: 1024px) { .hk-ozet { bottom: .5rem; } }
.hk-ozet-kalemler { display: none; }
@media (max-width: 767px) { .hk-ozet { display: none; } }   /* telefonda net tutar sayfanın başında */
@media (min-width: 768px) {
  .hk-ozet-kalemler { display: grid; flex: 1 1 24rem; grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr)); gap: .375rem 1rem; }
}
.hk-ozet-kalemler > div { display: flex; flex-direction: column; min-width: 0; }
.hk-ozet-kalemler span { font-size: var(--t-meta); font-weight: 500; color: var(--metin-3); }
.hk-ozet-kalemler i { font-style: normal; }
.hk-ozet-kalemler b { font-size: var(--t-govde); font-weight: 500; font-variant-numeric: tabular-nums; }
.hk-ozet-net { display: flex; flex-direction: column; align-items: flex-end; margin-left: auto; }
.hk-ozet-net span { font-size: var(--t-meta); font-weight: 500; color: var(--metin-3); }
.hk-net { font-size: 1.625rem; font-weight: 600; line-height: 1.1; font-variant-numeric: tabular-nums; color: var(--metin); white-space: nowrap; }
@media (min-width: 768px) { .hk-net { font-size: 2rem; } }
.hk-net.hk-eksi { color: var(--kirmizi); }

/* Excel'den yapıştır */
.hk-yapistir textarea { font-family: ui-monospace, Consolas, monospace; font-size: var(--t-etiket); white-space: pre; overflow: auto; }
.hk-onizleme-ozet { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin-bottom: .625rem; }
.hk-onizleme-tablo { max-height: 18rem; overflow: auto; margin-bottom: 1rem; }
.hk-hatali td { background: var(--kirmizi-b); }
.hk-hata-yazi { margin-top: .25rem; color: var(--kirmizi); font-size: var(--t-etiket); font-weight: 500; }

/* ------------------------------------------------------------------ PLATFORM EKRANLARI (brifing · abonelik · ayarlar · kurulum · denetim · güvenlik · görünüm) */
.fp-sayfa-dar { max-width: 46rem; }
.fp-iki-esit { display: block; }
@media (min-width: 1024px) { .fp-iki-esit { display: grid; grid-template-columns: 1fr 1fr; gap: 0 2rem; align-items: start; } }
.fp-sayi-birim { font-size: var(--t-satir); font-weight: 400; color: var(--metin-3); }
.fp-ust-not { margin: 0 0 .25rem; }
.fp-ipucu { margin: .5rem 0 0; font-size: var(--t-etiket); font-weight: 400; line-height: 1.45; color: var(--metin-3); }
.fp-ust-bolum { margin-top: 1.75rem; }
.fp-dosya-girdi { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; pointer-events: none; }
.btn:has(.fp-dosya-girdi:focus-visible) { outline: 2px solid var(--vurgu-yazi); outline-offset: 2px; }
.fp-foto { position: relative; }
/* sakin satır içi yazı kalınlığı: değer/etiket 500, vurgu 600 yalnız sayfa-bölüm başlıklarında */
.sheet b, .serit b, .uyari-satiri b, .fp-ipucu b, .tablo b, .liste b { font-weight: 500; }

/* --- Brifing --- */
.brf-ozet { font-size: var(--t-satir); font-weight: 500; margin: 0 0 1rem; }
.fp-onay-satir.pasif { color: var(--metin-3); }

/* --- Abonelik şeridi: renkli bant yok, sakin satır --- */
.abn-serit { margin-top: calc(var(--ust-yukseklik) + var(--guvenli-ust)); padding: 0 1rem; background: var(--yuzey-2); border-bottom: var(--kenar) solid var(--cizgi); font-size: var(--t-etiket); color: var(--metin-2); }
.ana-alan:has(> #abonelikSerit) #icerik { padding-top: .875rem; }
.abn-satir { display: flex; align-items: center; gap: .625rem; min-height: 2.75rem; }
.abn-sinir { border-top: var(--kenar) solid var(--cizgi); }
.abn-metin { flex: 1; min-width: 0; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.abn-sinir .abn-metin { white-space: normal; padding-block: .25rem; }
.abn-serit.doldu { border-bottom-width: 2px; }
.abn-serit.doldu .abn-metin { white-space: normal; padding-block: .5rem; }
.abn-serit a { color: var(--vurgu-yazi); font-weight: 500; white-space: nowrap; text-decoration: underline; text-underline-offset: 2px; }
.abn-serit.kritik { color: var(--metin); }
.abn-serit.kritik .abn-metin { font-weight: 500; }
.abn-kapat { flex: 0 0 auto; display: grid; place-items: center; min-width: var(--hedef); min-height: var(--hedef); margin: -.375rem -.5rem -.375rem 0; background: none; border: 0; color: var(--metin-3); cursor: pointer; }
.abn-kapat svg { width: 1rem; height: 1rem; }
.abn-kapat:hover { color: var(--metin); }

/* --- Ayarlar --- */
.fp-logo { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: .5rem; }
.fp-logo-kutu { width: 10rem; height: 6rem; display: grid; place-items: center; padding: .5rem; border-radius: var(--r-m); background: var(--yuzey-2); border: var(--kenar) solid var(--cizgi); }
.fp-logo-kutu img { max-width: 100%; max-height: 100%; object-fit: contain; }
.fp-logo-kutu:not(:has(img)) { background: none; border-style: dashed; color: var(--metin-3); }   /* logo yoksa dolu gri kutu yok */
.fp-logo-eylem { display: flex; flex-direction: column; align-items: flex-start; gap: .5rem; }
.fp-renk-yok { background: var(--yuzey-3); }
.fp-sayac-satir { display: flex; justify-content: space-between; align-items: center; gap: .5rem; flex-wrap: wrap; margin-top: .25rem; }

/* --- Kurulum --- */
.fp-adimlar .fp-adim { align-items: flex-start; padding-top: .875rem; padding-bottom: .875rem; }
.fp-adim .satir-ikon { align-self: flex-start; margin-top: .0625rem; }
.fp-no { display: grid; place-items: center; width: 1.5rem; height: 1.5rem; border: 1.5px solid var(--cizgi-guclu); border-radius: 50%; font-size: var(--t-meta); font-weight: 500; color: var(--metin-3); }
.fp-no.sirada { border-color: var(--vurgu-yazi); color: var(--vurgu-yazi); }
.fp-adim.atlandi .satir-baslik { color: var(--metin-3); font-weight: 400; }
.fp-adim-durum { color: var(--metin-3); font-weight: 400; }
.fp-adim-not { margin-top: .125rem; }
.fp-adim-eylem { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .625rem; }
.fp-adim-eylem:empty { display: none; }
.fp-adim-eylem .btn { min-height: var(--hedef); }
.krl-yonerge { padding-left: 1.25rem; margin: 0 0 1rem; display: grid; gap: .375rem; color: var(--metin-2); }
.krl-ozet { display: flex; gap: .5rem 1rem; align-items: center; flex-wrap: wrap; margin: 1rem 0 .5rem; }
.krl-tablo tr.hatali td { background: var(--kirmizi-b); }
.krl-tablo tr.uyarili td { background: var(--turuncu-b); }

/* --- Denetim --- */
.dnt-suzgec { display: grid; gap: 0 .75rem; grid-template-columns: repeat(2, 1fr); }
.dnt-kisi { grid-column: 1 / -1; }
@media (min-width: 900px) { .dnt-suzgec { grid-template-columns: 2fr 1.5fr 1fr 1fr 1fr; } .dnt-kisi { grid-column: auto; } }
.dnt-satir { align-items: flex-start; padding-top: .75rem; padding-bottom: .5rem; }
.dnt-satir .satir-baslik { display: block; -webkit-line-clamp: unset; line-clamp: unset; overflow: visible; }
.dnt-degisim { list-style: none; margin: .375rem 0; padding: .5rem .75rem; border-radius: var(--r-m); background: var(--yuzey-2); font-size: var(--t-etiket); display: grid; gap: .125rem; overflow-wrap: anywhere; color: var(--metin); }
.dnt-degisim b { font-weight: 500; }
.dnt-gecmis { align-self: flex-start; margin: .125rem 0 0 -.875rem; min-height: var(--hedef); }

/* --- Güvenlik --- */
.gvn-guc { display: flex; align-items: center; gap: .5rem; margin-top: .375rem; font-size: var(--t-etiket); font-weight: 500; }
.gvn-guc i { flex: 1; height: .375rem; border-radius: .1875rem; background: var(--yuzey-3); position: relative; overflow: hidden; }
.gvn-guc i::after { content: ''; position: absolute; inset: 0 auto 0 0; width: 0; background: var(--kirmizi); transition: width var(--sure-hizli), background var(--sure-hizli); }
.gvn-guc[data-puan="1"] i::after { width: 25%; background: var(--kirmizi); }
.gvn-guc[data-puan="2"] i::after { width: 50%; background: var(--turuncu); }
.gvn-guc[data-puan="3"] i::after { width: 75%; background: var(--mavi); }
.gvn-guc[data-puan="4"] i::after { width: 100%; background: var(--yesil); }
.gvn-pasif { opacity: .65; }
.gvn-kullanicilar .satir { padding-right: .5rem; }
.gvn-gecici-kutu { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .75rem 1rem; margin: .5rem 0 1rem; border: var(--kenar) solid var(--cizgi-guclu); border-radius: var(--r-l); background: var(--yuzey-2); }
.gvn-gecici-kutu code { font-size: var(--t-bolum); font-weight: 600; letter-spacing: .06em; user-select: all; overflow-wrap: anywhere; }
.gvn-zorunlu { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 1rem; overflow-y: auto; background: var(--zemin); }
.gvn-zorunlu-kart { width: min(28rem, 100%); background: var(--yuzey); color: var(--metin); border: var(--kenar) solid var(--cizgi); border-radius: var(--r-l); padding: 1.5rem; }
.gvn-zorunlu-kart h2 { margin: .75rem 0 .25rem; font-size: var(--t-bolum); font-weight: 600; }
.gvn-logo { font-size: 1.375rem; color: var(--metin); }
/* <<< FP-V3 BİTİR */


/* =========================================================================
   EKİP EKRANLARI (puantaj · notlar · talepler · çalışanlar · bildirimler · mesajlar · sohbet · profil · görev detayı)
   js/ekranlar/ekip-ortak.js yapı taşlarının stilleri.
   ========================================================================= */

.suz-alan { max-width: 20rem; margin-bottom: 1rem; }

/* --- Okuma genişliği: sohbet/bildirim listeleri ofiste çok uzamasın --- */
.sayfa-dar { max-width: 52rem; }

/* --- Küçük avatar ölçüleri --- */
.av-s { width: 2.5rem; height: 2.5rem; font-size: .875rem; }
.av-b { width: 4rem; height: 4rem; font-size: 1.375rem; }
.av-grup svg { width: 1.25rem; height: 1.25rem; }

/* --- Detay görünümü: durum · ana sayılar · etiket/değer satırları · eylem çubuğu --- */
.dt { display: flex; flex-direction: column; }
.dt-metin { margin: 0 0 1rem; font-size: var(--t-satir); line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }
.dt-durum { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin: 0 0 .75rem; font-size: var(--t-etiket); }
.dt-not { margin: .5rem 0 0; font-size: var(--t-meta); color: var(--metin-3); }
.dt .serit { margin-bottom: 1rem; }
.dt-liste { margin-bottom: 1rem; }
.dt-kisi { min-width: 0; display: flex; flex-direction: column; gap: .125rem; }
.dt-kisi-ad { font-size: var(--t-satir); font-weight: 600; }
.gecikti { color: var(--kirmizi); font-weight: 500; }
/* --- Çok kişili seçim: onay kutusu görünümlü satırlar --- */
.cok-sec button { gap: .75rem; }
.cok-sec .cs-tik { order: -1; flex: 0 0 auto; display: grid; place-items: center; width: 1.375rem; height: 1.375rem; border: var(--kenar) solid var(--cizgi-guclu); border-radius: var(--r-s); background: var(--yuzey); color: transparent; }
.cok-sec .cs-tik svg { width: 1rem; height: 1rem; }
.cok-sec button.secili .cs-tik { background: var(--vurgu); border-color: var(--vurgu); color: var(--vurgu-ust); }
.cok-sec .cs-ad { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.cok-sec .cs-alt { margin-left: auto; font-size: var(--t-etiket); font-weight: 400; color: var(--metin-3); }

/* --- Talepler --- */
.ta-akis { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 0 1rem; padding: 0; }
.ta-akis li { position: relative; display: flex; flex-direction: column; align-items: center; gap: .375rem; text-align: center; font-size: var(--t-meta); color: var(--metin-3); }
.ta-akis li::before { content: ""; position: absolute; top: .4375rem; left: -50%; right: 50%; height: 2px; background: var(--cizgi); }
.ta-akis li:first-child::before { display: none; }
.ta-akis li.bitti::before, .ta-akis li.simdi::before { background: var(--yesil); }
.ta-nokta { position: relative; z-index: 1; width: .9375rem; height: .9375rem; box-sizing: border-box; border-radius: 50%; background: var(--yuzey); border: 2px solid var(--cizgi-guclu); }
.ta-akis li.bitti .ta-nokta { background: var(--yesil); border-color: var(--yesil); }
.ta-akis li.simdi { color: var(--metin); font-weight: 600; }
.ta-akis li.simdi .ta-nokta { background: var(--metin); border-color: var(--metin); }
.satir.kalem-red .satir-baslik { color: var(--metin-3); text-decoration: line-through; }
.kk-liste { margin-bottom: 1rem; background: var(--yuzey); border: var(--kenar) solid var(--cizgi); border-radius: var(--r-l); overflow: hidden; }
.kk-satir { padding: .75rem 1rem; border-bottom: var(--kenar) solid var(--cizgi); }
.kk-satir:last-child { border-bottom: 0; }
.kk-ad { display: flex; flex-direction: column; gap: .125rem; margin-bottom: .625rem; }
.karar-seg { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; padding: 3px; background: var(--yuzey-3); border-radius: var(--r-hap); }
.karar-seg button {
  display: inline-flex; align-items: center; justify-content: center; gap: .375rem; min-height: var(--hedef);
  border: 0; border-radius: var(--r-hap); background: transparent; color: var(--metin-2); font-size: var(--t-etiket); font-weight: 500;
  transition: background var(--sure-hizli), color var(--sure-hizli);
}
.karar-seg button svg { width: 1.125rem; height: 1.125rem; }
.karar-seg button[aria-pressed="true"] { background: var(--yesil); color: var(--yesil-u); }
.karar-seg button.red[aria-pressed="true"] { background: var(--kirmizi); color: var(--kirmizi-u); }
:root[data-tema="gunes"] .karar-seg { background: #fff; border: 2px solid #000; }
:root[data-tema="gunes"] .karar-seg button { color: #000; font-weight: 600; }
:root[data-tema="gunes"] .karar-seg button[aria-pressed="true"] { color: #fff; }
.kalem-ekle { margin-top: .75rem; padding-top: .75rem; border-top: var(--kenar) dashed var(--cizgi); }
.kalem-bos { margin: 0 0 .5rem; }
.kalem-satir .btn.ikon { flex: 0 0 auto; }

/* --- Bildirimler: okunmamış = kalın başlık + nokta --- */
.bd-satir .satir-baslik { font-weight: 400; color: var(--metin-2); }
.bd-satir.yeni .satir-baslik { font-weight: 600; color: var(--metin); }
.bd-satir:not(.yeni) .satir-ikon { color: var(--metin-3); }
.bd-sag { flex: 0 0 auto; align-self: flex-start; display: flex; align-items: center; gap: .5rem; padding-top: .25rem; font-size: var(--t-meta); color: var(--metin-3); white-space: nowrap; }
.bd-nokta { width: .5rem; height: .5rem; border-radius: 50%; background: var(--vurgu-yazi); }
.bd-alt { margin: 0 0 1rem; text-align: center; }
.bd-temizle { color: var(--kirmizi); }

/* --- Mesajlar --- */
.mj-satir .mj-ad, .mj-satir .mj-onizleme { -webkit-line-clamp: 1; line-clamp: 1; }
.mj-onizleme { color: var(--metin-3); }
.mj-satir.yeni .mj-ad { font-weight: 600; }
.mj-satir.yeni .mj-onizleme { color: var(--metin-2); }
.mj-sag { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: .25rem; font-size: var(--t-meta); color: var(--metin-3); white-space: nowrap; }
.mj-sayac {
  min-width: 1.25rem; height: 1.25rem; padding: 0 .375rem; border-radius: var(--r-hap); background: var(--vurgu); color: var(--vurgu-ust);
  font-size: var(--t-meta); font-weight: 600; line-height: 1.25rem; text-align: center; font-variant-numeric: tabular-nums;
}

/* --- Profil --- */
.profil-sayfa { max-width: 40rem; }
.menu-cikis { margin-top: 1.5rem; }
.menu-alt { text-align: center; margin-top: 1rem; line-height: 1.7; }
.profil-kim { flex: 1; min-width: 0; }
.profil-ad { margin: 0; font-size: var(--t-bolum); font-weight: 600; line-height: 1.2; overflow-wrap: anywhere; }
.cikis-satir .satir-baslik, .cikis-satir .satir-ikon { color: var(--kirmizi); }
.profil-alt { margin: 1rem 0 0; text-align: center; font-size: var(--t-meta); color: var(--metin-3); overflow-wrap: anywhere; }
.adimlar { margin: 0 0 1rem; padding-left: 1.25rem; line-height: 1.7; }
.sv-sonuc { margin: 0 0 1rem; font-weight: 500; }
.sv-sonuc.tamam { color: var(--yesil); }


/* =========================================================================
   Yetki sistemi: Kullanıcılar + Roller (kullanicilar.js, roller.js, yetki-ortak.js)
   Sakin ve yoğun: nokta + metin, gölgesiz, ince çizgi. Turuncu yok (yalnız Kaydet/canlı için ayrılmıştır).
   ========================================================================= */

/* Rol: nokta + metin (renkli hap değil). Koyu temada koyu renkler kaybolmasın diye ince halka. */
.rol-nokta { display: inline-flex; align-items: center; gap: .4rem; min-width: 0; font-weight: 500; }
.rol-nokta::before {
  content: ''; flex: 0 0 auto; width: .5625rem; height: .5625rem; border-radius: 50%;
  background: var(--rol-renk, var(--metin-3)); box-shadow: 0 0 0 1px var(--cizgi-guclu);
}

/* ---------- Kullanıcılar ---------- */
.ku-arac { display: grid; gap: .5rem; margin-bottom: 1rem; }
.ku-arac .ara-kutu, .ku-arac .alan { margin: 0; }
@media (min-width: 768px) { .ku-arac { grid-template-columns: minmax(14rem, 1fr) 15rem auto; align-items: center; } .ku-arac .sekmeler { width: auto; } }
.ku-pasif { opacity: .7; }
.ku-ozet { margin: .25rem 0 .5rem; line-height: 1.5; }
.ku-ozet svg { width: 1rem; height: 1rem; vertical-align: -.15rem; color: var(--turuncu); }
.ku-ozet.soluk { color: var(--metin-2); }
.ku-rol-ipucu { margin: 0 0 .5rem; }
.soluk-grup { opacity: .8; }

/* Rol seçici (kullanıcı formu): radyo satırları, her seçenekte açıklama + özet */
.rol-sec-kap .acilir-grup { margin-bottom: .5rem; }
.rol-sec-liste { display: grid; gap: .5rem; padding: .5rem 0 .25rem; }
.rol-sec {
  display: flex; align-items: flex-start; gap: .75rem; width: 100%; padding: .75rem .875rem; min-height: var(--hedef);
  text-align: left; font: inherit; color: var(--metin); background: var(--yuzey);
  border: var(--kenar) solid var(--cizgi-guclu); border-radius: var(--r-m); cursor: pointer;
}
.rol-sec:hover:not(:disabled) { background: var(--yuzey-2); }
.rol-sec:focus-visible { outline: 2px solid var(--vurgu-yazi); outline-offset: 2px; }
.rol-sec[aria-checked="true"] { border-color: var(--vurgu-yazi); box-shadow: 0 0 0 1px var(--vurgu-yazi); background: var(--vurgu-hafif); }
.rol-sec:disabled { opacity: .55; cursor: not-allowed; }
.rol-sec-isaret { flex: 0 0 auto; width: 1.125rem; height: 1.125rem; margin-top: .125rem; border-radius: 50%; border: 2px solid var(--cizgi-guclu); background: var(--yuzey); position: relative; }
.rol-sec[aria-checked="true"] .rol-sec-isaret { border-color: var(--vurgu-yazi); }
.rol-sec[aria-checked="true"] .rol-sec-isaret::after { content: ''; position: absolute; inset: 2px; border-radius: 50%; background: var(--vurgu-yazi); }
.rol-sec-orta { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
.rol-sec-ad { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .75rem; font-size: var(--t-satir); }
.rol-sec-ad small { font-size: var(--t-meta); font-weight: 400; color: var(--metin-3); }
.rol-sec-aciklama { font-size: var(--t-etiket); color: var(--metin-2); }
.rol-sec-ozet { font-size: var(--t-meta); color: var(--metin-3); line-height: 1.4; }
.rol-sec-not { font-size: var(--t-meta); color: var(--kirmizi); font-weight: 500; }
.rol-sec-kilit { margin: 0 0 .5rem; }

/* ---------- Roller: iki bölme ---------- */
.rol-izgara { display: block; }
.rol-detay { display: none; }
@media (min-width: 1024px) {
  .rol-izgara { display: grid; grid-template-columns: minmax(17rem, 21rem) minmax(0, 1fr); gap: 1.5rem; align-items: start; }
  .rol-liste { position: sticky; top: calc(var(--ust-yukseklik) + 1rem); max-height: calc(100vh - var(--ust-yukseklik) - 2rem); overflow-y: auto; }
  .rol-detay { display: block; min-width: 0; }
}
.rol-grup-baslik { border-radius: var(--r-l) var(--r-l) 0 0; border: var(--kenar) solid var(--cizgi); border-bottom: 0; margin-top: .5rem; }
.rol-grup-baslik + .liste { border-top-left-radius: 0; border-top-right-radius: 0; }
.rol-satir[aria-current="true"] { background: var(--vurgu-hafif); box-shadow: inset 3px 0 0 var(--metin); }
.rol-hassas { display: inline-flex; align-items: center; gap: .2rem; color: var(--turuncu); }
.rol-hassas svg { width: .875rem; height: .875rem; }

.rol-ed { min-width: 0; }
.rol-ed-ust { margin-bottom: 1rem; }
.rol-ed-baslik { margin: 0; font-size: var(--t-bolum); font-weight: 600; line-height: 1.25; }
.rol-ed-ust p { margin: .25rem 0 0; }
.rol-ed .uyari-satiri { margin-bottom: 1rem; }
.yt-baslik { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .25rem 1rem; margin-top: 1.5rem; }
.yt-baslik p { margin: 0; }

/* Renk seçici: 44 px dokunma alanı, içinde küçük daire */
.yt-renkler { display: flex; flex-wrap: wrap; gap: .125rem; }
.yt-renkler button { position: relative; width: var(--hedef); height: var(--hedef); border: 0; background: none; cursor: pointer; }
.yt-renkler button::before { content: ''; position: absolute; inset: .6875rem; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 1px var(--cizgi-guclu); }
.yt-renkler button[aria-checked="true"]::after { content: ''; position: absolute; inset: .3125rem; border-radius: 50%; border: 2px solid var(--metin); }
.yt-renkler button:focus-visible { outline: 2px solid var(--vurgu-yazi); outline-offset: -2px; border-radius: var(--r-m); }

/* Yetki matrisi (masaüstü tablo) */
.yt-kap { overflow: visible; }
.yt-tablo { table-layout: fixed; }
.yt-tablo th[scope="col"] { position: sticky; top: var(--ust-yukseklik); z-index: 2; background: var(--yuzey-2); font-size: var(--t-etiket); font-weight: 600; padding: .625rem .5rem; }
.yt-tablo th[scope="col"]:first-child { width: 28%; text-align: left; padding-left: .875rem; }
.yt-tablo .yt-c { text-align: center; padding-left: .25rem; padding-right: .25rem; }
.yt-tablo th[scope="row"] { text-align: left; font-weight: 500; padding: 0 .875rem; background: transparent; }
.yt-tablo .yt-grup th { background: var(--yuzey-2); color: var(--metin-2); font-size: var(--t-etiket); font-weight: 600; padding: .5rem .875rem; text-align: left; border-bottom: var(--kenar) solid var(--cizgi); }
.yt-modul { display: flex; align-items: center; gap: .625rem; min-height: var(--hedef); cursor: pointer; }
.yt-kutu { display: grid; place-items: center; min-height: var(--hedef); cursor: pointer; }
.yt-tablo input[type="checkbox"], .yt-diger-oge input[type="checkbox"] {
  width: 1.125rem; height: 1.125rem; margin: 0; accent-color: var(--vurgu); cursor: pointer; flex: 0 0 auto;
}
.yt-tablo input:disabled, .yt-diger-oge input:disabled { cursor: not-allowed; opacity: .6; }
.yt-tablo input:focus-visible, .yt-diger-oge input:focus-visible { outline: 2px solid var(--vurgu-yazi); outline-offset: 2px; }
.yt-yok { color: var(--cizgi-guclu); }
.yt-diger-dugme {
  display: inline-flex; align-items: center; gap: .25rem; min-height: var(--hedef); padding: 0 .5rem; border: 0; border-radius: var(--r-m);
  background: transparent; color: var(--vurgu-yazi); font: inherit; font-size: var(--t-etiket); font-weight: 500; cursor: pointer;
}
.yt-diger-dugme:hover { background: var(--yuzey-3); }
.yt-diger-dugme:focus-visible { outline: 2px solid var(--vurgu-yazi); outline-offset: -2px; }
.yt-diger-dugme svg { width: .875rem; height: .875rem; transition: transform .12s linear; }
.yt-diger-satir td { background: var(--yuzey-2); padding: .5rem .875rem .75rem 2.5rem; }
.yt-diger-liste { display: grid; gap: .25rem .75rem; }
@media (min-width: 640px) { .yt-diger-liste { grid-template-columns: 1fr 1fr; } }
.yt-diger-oge { display: flex; align-items: flex-start; gap: .625rem; padding: .5rem .25rem; min-height: var(--hedef); cursor: pointer; }
.yt-diger-oge input { margin-top: .1875rem; }
.yt-diger-oge b { display: block; font-weight: 500; font-size: var(--t-govde); }
.yt-diger-oge small { display: block; color: var(--metin-3); font-size: var(--t-meta); line-height: 1.4; }

/* Telefon: modül başına açılır grup */
.yt-modul-grup .yt-diger-liste { padding: .25rem 0; }

/* Hassas veriler: matrisin dışında, sol kenarında dikkat çizgisi */
.yt-hassas { margin-top: 1.5rem; padding: 1rem; border: var(--kenar) solid var(--cizgi); border-left: 4px solid var(--turuncu); border-radius: var(--r-l); background: var(--yuzey); }
.yt-hassas .bolum-baslik { display: flex; align-items: center; gap: .5rem; margin-top: 0; }
.yt-hassas .bolum-baslik svg { width: 1.125rem; height: 1.125rem; color: var(--turuncu); }
.yt-hassas .liste { margin: .75rem 0 0; }
.yt-hassas-satir { cursor: pointer; }
.yt-hassas-satir:has(input:checked) { background: var(--turuncu-b); }   /* açık hassas yetki ayırt edilir */

/* Değişiklik özeti: eylem çubuğunda solda */
.yt-degisim { flex: 1 1 100%; min-width: 0; font-size: var(--t-etiket); color: var(--metin-2); font-weight: 500; text-align: left; }
@media (min-width: 768px) { .yt-degisim { flex: 1 1 auto; align-self: center; } }

/* =========================================================================
   TELEFONU BAĞLA (mobil-bagla.js): QR kartı + adres/eylemler; A5 yazdırma (şantiye panosuna asılır)
   ========================================================================= */
.mb-duzen { display: grid; gap: 1rem; align-items: start; }
@media (min-width: 900px) { .mb-duzen { grid-template-columns: minmax(0, 26rem) minmax(0, 1fr); gap: 1.5rem; } }
.mb-sayfa { background: var(--yuzey); border: var(--kenar) solid var(--cizgi); border-radius: var(--r-l); padding: 1.25rem 1.25rem 1rem; display: grid; justify-items: center; gap: 1rem; }
.mb-marka { display: grid; justify-items: center; gap: .25rem; text-align: center; }
.mb-logo { font-size: 1.25rem; color: var(--metin); }
.mb-firma { margin: 0; font-size: var(--t-satir); font-weight: 600; color: var(--metin); overflow-wrap: anywhere; }
.mb-baslik { margin: 0; font-size: var(--t-bolum); font-weight: 600; text-align: center; line-height: 1.25; color: var(--metin); }
.mb-qr { width: min(100%, 17rem); border-radius: 12px; overflow: hidden; border: var(--kenar) solid var(--cizgi); background: #fff; }
.mb-qr svg { display: block; width: 100%; height: auto; aspect-ratio: 1; }
.mb-bos { margin: 0; padding: 3rem 1rem; text-align: center; color: #5C5850; font-size: var(--t-govde); aspect-ratio: 1; display: grid; place-items: center; }
.mb-adres { margin: -.25rem 0 0; font-size: var(--t-etiket); color: var(--metin-2); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; text-align: center; min-height: 1.2em; }
.mb-adimlar { list-style: none; counter-reset: mb; margin: 0; padding: .75rem 0 0; width: 100%; display: grid; gap: .75rem; border-top: var(--kenar) solid var(--cizgi); }
.mb-adimlar li { counter-increment: mb; display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); gap: .75rem; align-items: start; }
.mb-no { width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--lacivert); color: #fff; display: grid; place-items: center; font-size: var(--t-etiket); font-weight: 600; }
.mb-no::before { content: counter(mb); }
.mb-adim { display: grid; gap: .125rem; min-width: 0; font-size: var(--t-etiket); color: var(--metin-2); line-height: 1.4; }
.mb-adim strong { font-size: var(--t-govde); font-weight: 600; color: var(--metin); }
.mb-yan { min-width: 0; }
.mb-yan .form-grubu { padding-bottom: 1rem; }
.mb-eylem { margin-bottom: 1rem; }
:root[data-tema="gunes"] .mb-adim, :root[data-tema="gunes"] .mb-adres { color: var(--metin); }
:root[data-tema="gunes"] .mb-sayfa { border-width: 2px; }

@media print {
  @page { size: A5 portrait; margin: 10mm; }
  body:has(#mbSayfa) { background: #fff !important; }
  body:has(#mbSayfa) > *:not(#kok):not(script) { display: none !important; }
  body:has(#mbSayfa) .yan, body:has(#mbSayfa) .ust, body:has(#mbSayfa) .alt, body:has(#mbSayfa) .serit-metre,
  body:has(#mbSayfa) .atla-link, body:has(#mbSayfa) .sayfa-baslik, body:has(#mbSayfa) .sayfa-ust,
  body:has(#mbSayfa) .mb-yan, body:has(#mbSayfa) .cevrimdisi-serit, body:has(#mbSayfa) #toastlar { display: none !important; }
  body:has(#mbSayfa) .ana-alan { margin: 0 !important; }
  body:has(#mbSayfa) .ana-alan > *:not(#icerik) { display: none !important; }
  body:has(#mbSayfa) #icerik { padding: 0 !important; margin: 0 !important; max-width: none !important; min-height: 0 !important; }
  .mb-duzen { display: block; }
  .mb-sayfa { background: #fff; color: #000; border: 0; border-radius: 0; padding: 0; gap: 4mm; width: 100%; break-inside: avoid; }
  .mb-logo, .mb-firma, .mb-baslik, .mb-adim strong { color: #000; }
  .mb-logo { font-size: 18pt; }
  .mb-firma { font-size: 13pt; }
  .mb-baslik { font-size: 19pt; }
  .mb-qr { width: 70mm; border: 0; }
  .mb-adres, .mb-adim { color: #222; }
  .mb-adres { font-size: 11pt; }
  .mb-adim strong { font-size: 12pt; }
  .mb-adim { font-size: 10pt; }
  .mb-adimlar { border-top: 1px solid #999; padding-top: 4mm; gap: 3mm; }
  .mb-no { background: #000; color: #fff; -webkit-print-color-adjust: exact; print-color-adjust: exact; width: 8mm; height: 8mm; font-size: 11pt; }
  .mb-adimlar li { grid-template-columns: 8mm minmax(0, 1fr); gap: 4mm; }
}

/* ------------------------------------------------------------------ MOBİL DALGA · EKRAN-2 (kasa, cari, maliyet, hakediş, fiyatlar) */
/* "KDV oranı ve açıklama" gibi açılır başlıklar dokunulabilir olduğunu göstersin: sağda ok */
.fp-ek summary { list-style: none; justify-content: space-between; gap: .5rem; }
.fp-ek summary::-webkit-details-marker { display: none; }
.fp-ek summary::after { content: ""; flex: 0 0 auto; width: .5rem; height: .5rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin: -.25rem .25rem 0 0; transition: transform 120ms ease; }
.fp-ek[open] summary::after { transform: rotate(-135deg); margin-top: .25rem; }
/* maliyet satırlarında ilerleme çubuğu hep tam genişlik (satır içeriğine göre kısalmasın) */
.fp-mly-satir .satir-orta .ilerleme { width: 100%; }
/* ekstre ara satırları (devreden / kapanış) vurgulu; hakediş kalem araması */
.fp-ekstre-ara .satir-baslik { font-weight: 600; }
.hk-tel-ara { margin-bottom: .5rem; }
/* para tutarı asla kırılmasın / kesilmesin (dar telefonlarda satır değeri sarar, tutar sarmaz) */
.fp-bak b, .satir-deger .rakam, .fp-sayi { white-space: nowrap; }
.fp-kasa-liste .satir-deger { flex-shrink: 0; }
@media (max-width: 359.98px) { .fp-sayi { font-size: 1.875rem; } }
@media (prefers-reduced-motion: reduce) { .fp-ek summary::after { transition: none; } }

/* ---------- Mobil gözden geçirme (EKRAN-5, 9 Eki 2026) ---------- */
/* Kullanıcılar: süzgeç satırları arasında çift boşluk kalmasın */
.ku-arac .sekmeler { margin: 0; }
.ku-rol-ipucu { font-size: var(--t-etiket); color: var(--metin-3); line-height: 1.4; }
/* Rol seçici: telefonda seçili olmayan seçenekte yalnız ad + kapsam + kısa özet (14 rol ≈ yarı boy) */
@media (max-width: 639.98px) {
  .rol-sec[aria-checked="false"] .rol-sec-aciklama { display: none; }
  .rol-sec-ozet { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
  .rol-sec[aria-checked="true"] .rol-sec-ozet { -webkit-line-clamp: unset; line-clamp: unset; overflow: visible; }
}

/* Roller (telefon/tablet <1024: tam ekran sayfa): başlık sayfa çubuğunda zaten yazılı; hassas veriler matrisin ÖNÜNDE */
@media (max-width: 1023.98px) {
  .rol-ed { display: flex; flex-direction: column; }
  .rol-ed > * { order: 2; }
  .rol-ed > .rol-ed-ust, .rol-ed > .uyari-satiri, .rol-ed > .form-grubu { order: 0; }
  .rol-ed > .yt-hassas { order: 1; margin-top: .5rem; }
  .rol-ed > .eylem-cubugu { order: 9; }
  .rol-ed-baslik { display: none; }
  .rol-ed-ust { margin-bottom: .75rem; }
  .rol-ed-ust p { margin: 0; }
}
.yt-kapsam button { flex: 1 1 0; }
.yt-grup-baslik { margin: 1rem 0 .375rem; padding: 0 .125rem; background: none; border: 0; }
.yt-sw .satir-meta { display: block; max-height: none; -webkit-line-clamp: 3; line-clamp: 3; }
.yt-sw .satir-meta:has(.mp + .mp) { display: block; }
.yt-hepsi { background: var(--yuzey-2); }
.yt-hepsi .satir-baslik { color: var(--metin-2); }
.anahtar input:indeterminate ~ .anahtar-izi { background: var(--vurgu-hafif); border-color: var(--vurgu-yazi); }
.anahtar input:indeterminate ~ .anahtar-izi::after { transform: translateX(.625rem); background: var(--vurgu-yazi); }
.yt-sw-liste { margin: 0; }
/* Düzenleme çubuğu: değişiklik özeti üstte, düğmeler altta (dar ekranda tek satıra sıkışmaz); boşsa hiç yer kaplamaz */
.rol-ed .eylem-cubugu { flex-wrap: wrap; }
.yt-degisim:empty { display: none; }
.rol-ed .eylem-cubugu > .btn.ana { flex: 2 1 8rem; }

/* Çift sütunlu form satırı dar telefonda tek sütun (placeholder kesilmesin, adres alanı genişlesin) */
@media (max-width: 479.98px) { .ikili.ikili-dar { grid-template-columns: minmax(0, 1fr); gap: 0; } }

/* Denetim: telefonda kişi araması açık, diğer süzgeçler tek satırlık özetle katlı */
.dnt-suzgec { grid-template-columns: minmax(0, 1fr); gap: 0; }
.dnt-ek { margin-bottom: .75rem; }
.dnt-suzgec-ic { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 .75rem; padding: .75rem 1rem 0; }
#dOzet { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dnt-ek > summary .acilir-grup-ozet { flex: 1 1 0; min-width: 0; text-align: right; }
@media (max-width: 599px) { .dnt-ek > summary { flex-wrap: nowrap; } .dnt-ek .acilir-grup-ozet { order: 0; flex-basis: auto; } }
@media (min-width: 900px) {
  .dnt-suzgec { grid-template-columns: minmax(12rem, 2fr) 5fr; gap: 0 .75rem; }
  .dnt-ek { border: 0; background: none; margin: 0; }
  .dnt-ek > summary { display: none; }
  .dnt-suzgec-ic { grid-template-columns: 1.5fr 1fr 1fr 1fr; padding: 0; }
}

/* Güvenlik: şifre formu ile oturum listesi arası nefes; geçici şifre kutusu ve düğmeleri */
.fp-iki-esit > section + section { margin-top: .5rem; }
.gvn-gecici-kutu { justify-content: center; text-align: center; }
.gvn-gecici-kutu code { font-size: 1.5rem; letter-spacing: .08em; word-break: break-all; font-variant-ligatures: none; }
.gvn-gecici-eylem { margin-bottom: 1rem; }
.gvn-gecici-eylem .btn { min-width: 0; }
.gvn-gecici .etiket-deger { margin-bottom: 1rem; }
/* iki sütunlu form: tarih alanı sütundan taşmasın (tarayıcı varsayılan en küçük genişliği) */
.fp-form .ikili > .alan { min-width: 0; }
.fp-form .ikili input[type="date"] { min-width: 0; width: 100%; max-width: 100%; }
/* Roller (telefon): modül başlığında "3/4" sayacı sağda aynı satırda; 27 modül kısa kalır */
.yt-modul-grup > summary { flex-wrap: nowrap; }
.yt-modul-grup > summary > span:first-child { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.yt-modul-grup .acilir-grup-ozet { order: 0; flex: 0 0 auto; flex-basis: auto; font-variant-numeric: tabular-nums; }
.yt-modul-grup { margin-bottom: .5rem; }
/* Kurulum: toplu çalışan önizlemesi telefonda satır listesi (hata/uyarı satırın altında) */
.krl-tel { border-bottom: var(--kenar) solid var(--cizgi); }
.krl-tel:last-child { border-bottom: 0; }
.krl-tel > .satir { border-bottom: 0; }
.krl-tel > .satir-ek { padding-left: 3.25rem; }
.krl-yonerge { padding-left: 1.25rem; line-height: 1.55; }

/* ---------------------------------------------------------------- KOORDİNATÖR (mobil dalga) */
/* Sohbet ekranında üst çubukta geri oku + kişi adı var; şantiye seçici orada anlamsız ve sıkıştırıyor */
:root[data-ekran="sohbet"] #santiyeBtn { display: none !important; }
/* Deneme/abonelik şeridindeki bağlantı: dokunma hedefi en az 44 px (Güneş 52) */
.abn-serit .abn-satir > a { display: inline-flex; align-items: center; min-height: var(--hedef, 44px); padding-inline: 4px; }

/* Çevrimdışı şeridi akışta (fixed değil): içeriğin ve abonelik şeridinin üstünü örtmez */
#cevrimdisi .cevrimdisi-serit { position: relative; left: auto; right: auto; top: auto; margin-top: calc(var(--ust-yukseklik) + var(--guvenli-ust)); }
.ana-alan:has(#cevrimdisi .cevrimdisi-serit) #icerik { padding-top: .875rem; }
.ana-alan:has(#cevrimdisi .cevrimdisi-serit) .abn-serit { margin-top: 0; }

/* ------------------------------------------------------------------ LİSTE ARACI (telefon): arama + süzgeç düğmesi + çip
   Stok, Kasa, Cari: listenin ilk satırı 812 px ekranda ~%35'te başlasın. Dolu genişlik <select> kutuları telefonda gizlenir,
   yerine süzgeç düğmesi (alt sayfa) ve seçili süzgeç çipleri gelir (js/ui/sistem.js suzgecBagla). ≥768 px: eski görünüm. */
.arac-suzgec { display: none; position: relative; flex: 0 0 auto; }
.arac-suzgec[hidden] { display: none !important; }
.arac-nokta { display: none; position: absolute; top: .5rem; right: .5rem; width: .5rem; height: .5rem; border-radius: 50%; background: var(--vurgu-yazi); }
.arac-suzgec.aktif .arac-nokta { display: block; }
.arac-ozet { display: flex; flex-wrap: wrap; gap: .375rem; margin: 0 0 .5rem; }
.arac-ozet[hidden] { display: none; }
.arac-cip { display: inline-flex; align-items: center; gap: .375rem; }
.arac-cip svg { width: 1rem; height: 1rem; flex: 0 0 auto; }
.arac-sayfa .arac-grup + .arac-grup { margin-top: 1rem; }
.arac-sayfa .btn.tam { margin-top: 1rem; }
@media (max-width: 767px) {
  .arac-suzgec { display: inline-flex; }
  .sk-arac { flex-wrap: nowrap; margin-bottom: .5rem; }
  .sk-arac .alan { display: none; }
  .sk-arac .ara-kutu { flex: 1 1 auto; min-width: 0; }
  .fp-suz { grid-template-columns: minmax(0, 1fr) auto; margin-bottom: .5rem; }
  .fp-suz .fp-suz-sec { display: none; }
  .fp-suz .fp-suz-ara { grid-column: auto; }
  .sayfa-ust.kompakt { flex-wrap: nowrap; align-items: center; gap: .5rem; margin-bottom: .75rem; }
  .sayfa-ust.kompakt .sayfa-baslik p { display: none; }
  .sayfa-ust.kompakt .sayfa-baslik h2 { font-size: 1.5rem; }
  .sayfa-ust.kompakt .sayfa-eylem { padding-top: 0; }
  .serit.ince:not(:empty) { margin-bottom: .5rem; }
  .serit.ince > * { padding: .375rem .75rem; gap: 0; }
  .serit.ince .serit-sayi { font-size: 1rem; line-height: 1.3; }
  .serit.ince .serit-etiket { font-size: .75rem; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  :is(#kSerit, #cSerit) + .sekmeler, .sekmeler[aria-label="Stok görünümü"] { margin-bottom: .5rem; }
  #kSerit:empty, #cSerit:empty { display: none; }
}
@media (max-width: 767px) {
  .fp-serit-yer { margin-bottom: .5rem; }
  #cListe .fp-sayim { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); margin: 0; }   /* sayı ekran okuyucuya kalır, telefonda satır yer kaplamaz */
}
/* Şantiye kartı listesi: yüzde sütunu sabit genişlik, %0 satırlarının ilerleme çubuğu diğerleriyle aynı hizada bitsin */
#skListe .gorunum-tel .satir-deger { min-width: 2.75rem; text-align: right; }

/* Düzeltme F: telefonda irsaliye fotoğrafı küçük önizleme (dokununca büyür), form alanlarını aşağı itmez */
@media (max-width: 1023.98px) {
  .irs-foto-kutu { width: auto; min-height: 0; padding: .25rem; justify-content: flex-start; }
  .irs-foto-kutu img { max-height: 5.5rem; max-width: 8rem; }
  #iFotoGovde:not([hidden]) { display: flex; margin-bottom: .5rem; }
}
.pu-saatler button small { display: block; font-size: .75rem; font-weight: 500; line-height: 1.1; color: inherit; opacity: .85; }

/* ------------------------------------------------------------------ AYLIK PUANTAJ (matris · hakediş · taşeron · duruş) */
.pu-eylemler { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.pa-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .625rem .875rem; margin-bottom: .875rem; }
.pa-disari { display: flex; gap: .5rem; flex-wrap: wrap; }
.pa-bar { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin: .25rem 0 .75rem; flex-wrap: wrap; }
.pa-bar input[type="date"] { width: auto; min-width: 10.5rem; }
.pa-gun-etiket { font-size: var(--t-etiket); color: var(--metin-3); }
.pa-aciklama { margin: .75rem 0 0; }
.pa-kap { margin-top: .875rem; max-height: min(72vh, 46rem); overflow: auto; }
.pa-matris { font-size: .8125rem; width: max-content; min-width: 100%; }
.pa-matris th, .pa-matris td { height: 2.25rem; padding: .25rem .125rem; text-align: center; }
.pa-matris th.pa-ad, .pa-matris td.pa-ad { position: sticky; left: 0; z-index: 1; min-width: 9.5rem; max-width: 12rem; padding: .25rem .625rem; text-align: left; background: var(--yuzey); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; }
.pa-matris thead th { position: sticky; top: 0; z-index: 2; }
.pa-matris thead th.pa-ad { z-index: 3; }
.pa-matris .pa-g { min-width: 1.75rem; }
.pa-matris .hs { background: color-mix(in srgb, var(--yuzey-3) 55%, var(--yuzey)); }
.pa-matris .pa-top { min-width: 3rem; padding: .25rem .5rem; font-weight: 600; }
.pa-h { font-variant-numeric: tabular-nums; font-weight: 500; }
.pa-h.g { color: var(--yesil); }
.pa-h.m { color: var(--yesil); font-weight: 700; }
.pa-h.x { color: var(--kirmizi); font-weight: 700; }
.pa-h.i { color: var(--metin-2); }
.pa-toplam th, .pa-toplam td { border-top: 2px solid var(--cizgi); font-weight: 700; }

/* ------------------------------------------------------------------ ROL › MENÜ ÖNİZLEMESİ (yetki-ortak.js menuOnizlemeHtml; masaüstü RolOrtak) */
.mo-kart { margin-top: 1.5rem; }
.mo-ust { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .25rem 1rem; }
.mo-baslik { display: flex; align-items: center; gap: .5rem; margin: 0; font-size: var(--t-govde); font-weight: 600; }
.mo-baslik svg { width: 1.125rem; height: 1.125rem; color: var(--metin-2); }
.mo-kart > p { margin: .25rem 0 .75rem; }
.mo-satir { display: flex; gap: .5rem; padding: .25rem 0; }
.mo-grup { flex: 0 0 8rem; padding-top: .3rem; font-size: var(--t-meta); color: var(--metin-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mo-cipler { display: flex; flex-wrap: wrap; gap: .375rem; min-width: 0; }
.mo-cip { display: inline-flex; align-items: center; gap: .375rem; padding: .25rem .625rem .25rem .5rem; border: 1px solid var(--cizgi); border-radius: 6px;
  background: var(--yuzey-2); color: var(--metin); font-size: var(--t-etiket); font-weight: 500; }
.mo-cip svg { width: .95rem; height: .95rem; color: var(--metin-2); }
.mo-cip.mo-yeni { background: var(--yesil-b); border-color: var(--yesil); color: var(--yesil); }
.mo-cip.mo-yeni svg { color: var(--yesil); }
.mo-cip.mo-kalkan { color: var(--metin-3); text-decoration: line-through; }
@media (max-width: 599px) { .mo-satir { flex-direction: column; gap: .25rem; } .mo-grup { flex: none; padding: 0; } }