/* R249 — "Canlı arayüz" katmanı: Yönetim Paneli (/), Finans Takip (/finans) ve Saha Panosu (/saha-rapor) için ortak görünüm dili.
   YALNIZ bu üç yüzeyin index.html'i yükler; Patron Panosu (/rapor) yüklemez ve kurallar ayrıca html[data-yuzey] ile sınırlıdır (giris/app.js yazar).
   Mantık yok: mesaj metinleri, çıkma koşulları, bileşen adları aynı; yalnız renk / ikon / gölge / hareket / form öğesi görünümü.
   Renk dili: başarı yeşil · hata kırmızı · uyarı turuncu · bilgi mavi. Koyu tema: [data-mod="dark"]. Hareket azaltma tercihine uyar. */
:root{
  --ka-yesil:#15803d; --ka-yesil-z:#ecfdf3; --ka-yesil-k:#86efac;
  --ka-kirmizi:#b91c1c; --ka-kirmizi-z:#fef2f2; --ka-kirmizi-k:#fca5a5;
  --ka-turuncu:#c2410c; --ka-turuncu-z:#fff7ed; --ka-turuncu-k:#fdba74;
  --ka-mavi:#1d4ed8; --ka-mavi-z:#eff6ff; --ka-mavi-k:#93c5fd;
  --ka-yuzey:#ffffff; --ka-yuzey-2:#f8fafc; --ka-metin:#0f172a; --ka-metin-2:#475569; --ka-kenar:#e2e8f0; --ka-kenar-2:#cbd5e1;
  --ka-golge:0 14px 36px rgba(15,23,42,.16),0 2px 6px rgba(15,23,42,.08);
  --ka-golge-kucuk:0 4px 12px rgba(15,23,42,.10);
  --ka-golge-vurgu:0 6px 16px rgba(29,78,216,.22);
  --ka-perde:rgba(15,23,42,.55);
  --ka-r:10px; --ka-r-buyuk:14px; --ka-sure:.18s; --ka-egri:cubic-bezier(.2,.8,.2,1);
  --ka-ok:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
}
[data-mod="dark"]{
  --ka-yesil:#4ade80; --ka-yesil-z:rgba(34,197,94,.16); --ka-yesil-k:rgba(74,222,128,.45);
  --ka-kirmizi:#f87171; --ka-kirmizi-z:rgba(239,68,68,.16); --ka-kirmizi-k:rgba(248,113,113,.45);
  --ka-turuncu:#fb923c; --ka-turuncu-z:rgba(249,115,22,.16); --ka-turuncu-k:rgba(251,146,60,.45);
  --ka-mavi:#60a5fa; --ka-mavi-z:rgba(59,130,246,.16); --ka-mavi-k:rgba(96,165,250,.45);
  --ka-yuzey:#1e293b; --ka-yuzey-2:#0f172a; --ka-metin:#f1f5f9; --ka-metin-2:#cbd5e1; --ka-kenar:#334155; --ka-kenar-2:#475569;
  --ka-golge:0 14px 36px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.4);
  --ka-golge-kucuk:0 4px 12px rgba(0,0,0,.4);
  --ka-golge-vurgu:0 6px 16px rgba(96,165,250,.25);
  --ka-perde:rgba(2,6,23,.7);
  --ka-ok:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
}
@keyframes ka-ustten{from{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes ka-belir{from{opacity:0}to{opacity:1}}
@keyframes ka-buyu{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes ka-kay{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ══════════════ 1. Mesajlar (panel .toast · panel .alert · finans / saha şeritleri) ══════════════ */
/* Panel kısa mesajı: üstte ortada, ikonlu, renkli sol kenar, gölge, yukarıdan yumuşak giriş. Metin ve kipler (ok / err) değişmedi. */
[data-yuzey="panel"] .toast{
  position:fixed;left:50%;top:18px;right:auto;bottom:auto;transform:translateX(-50%);z-index:99;
  max-width:min(600px,calc(100vw - 32px));padding:12px 18px 12px 48px;
  background:var(--ka-yuzey);color:var(--ka-metin);border:1px solid var(--ka-kenar);border-left:4px solid var(--ka-mavi);
  border-radius:12px;box-shadow:var(--ka-golge);font-size:13.5px;line-height:1.45;font-weight:500;
  animation:ka-ustten .24s var(--ka-egri);
}
[data-yuzey="panel"] .toast::before{
  content:'i';position:absolute;left:14px;top:50%;margin-top:-11px;width:22px;height:22px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;font:700 13px/1 system-ui,sans-serif;color:#fff;background:var(--ka-mavi);
}
[data-yuzey="panel"] .toast.ok{border-left-color:var(--ka-yesil)}
[data-yuzey="panel"] .toast.ok::before{content:'✓';background:var(--ka-yesil)}
[data-yuzey="panel"] .toast.err,[data-yuzey="panel"] .toast.hata{border-left-color:var(--ka-kirmizi)}
[data-yuzey="panel"] .toast.err::before,[data-yuzey="panel"] .toast.hata::before{content:'✕';background:var(--ka-kirmizi)}
[data-yuzey="panel"] .toast.warn,[data-yuzey="panel"] .toast.uyari{border-left-color:var(--ka-turuncu)}
[data-yuzey="panel"] .toast.warn::before,[data-yuzey="panel"] .toast.uyari::before{content:'!';background:var(--ka-turuncu)}
[data-yuzey="panel"] .toast.info,[data-yuzey="panel"] .toast.bilgi{border-left-color:var(--ka-mavi)}
[data-mod="dark"][data-yuzey="panel"] .toast::before{color:#0f172a}

/* Panel bilgi / uyarı / hata şeritleri: ikon solda, renk dili aynı; içerik düzeni (blok çocuklar) bozulmaz. */
[data-yuzey="panel"] .alert{position:relative;padding-left:44px;border-radius:12px;border:1px solid var(--ka-kenar);background:var(--ka-yuzey-2);color:var(--ka-metin-2);animation:ka-kay .2s var(--ka-egri)}
[data-yuzey="panel"] .alert::before{
  content:'i';position:absolute;left:13px;top:10px;width:20px;height:20px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;font:700 12px/1 system-ui,sans-serif;color:#fff;background:var(--ka-mavi);
}
[data-yuzey="panel"] .alert.info{border-color:var(--ka-mavi-k);background:var(--ka-mavi-z);color:var(--ka-metin)}
[data-yuzey="panel"] .alert.ok{border-color:var(--ka-yesil-k);background:var(--ka-yesil-z);color:var(--ka-yesil)}
[data-yuzey="panel"] .alert.ok::before{content:'✓';background:var(--ka-yesil)}
[data-yuzey="panel"] .alert.warn{border-color:var(--ka-turuncu-k);background:var(--ka-turuncu-z);color:var(--ka-turuncu)}
[data-yuzey="panel"] .alert.warn::before{content:'!';background:var(--ka-turuncu)}
[data-yuzey="panel"] .alert.err{border-color:var(--ka-kirmizi-k);background:var(--ka-kirmizi-z);color:var(--ka-kirmizi)}
[data-yuzey="panel"] .alert.err::before{content:'✕';background:var(--ka-kirmizi)}
[data-mod="dark"][data-yuzey="panel"] .alert::before{color:#0f172a}

/* Finans / Saha Panosu şeritleri (pp-uyari-serit · pp-bilgi-serit · pp-hata): aynı ikon ve renk dili. */
[data-yuzey="finans"] .pp-uyari-serit,[data-yuzey="saha-rapor"] .pp-uyari-serit,
[data-yuzey="finans"] .pp-bilgi-serit,[data-yuzey="saha-rapor"] .pp-bilgi-serit,
[data-yuzey="finans"] .pp-hata,[data-yuzey="saha-rapor"] .pp-hata{
  position:relative;padding:11px 14px 11px 44px;border-radius:12px;border:1px solid var(--ka-turuncu-k);background:var(--ka-turuncu-z);color:var(--ka-turuncu);
  font-size:13px;line-height:1.5;box-shadow:var(--ka-golge-kucuk);animation:ka-kay .2s var(--ka-egri);
}
[data-yuzey="finans"] .pp-uyari-serit::before,[data-yuzey="saha-rapor"] .pp-uyari-serit::before,
[data-yuzey="finans"] .pp-bilgi-serit::before,[data-yuzey="saha-rapor"] .pp-bilgi-serit::before,
[data-yuzey="finans"] .pp-hata::before,[data-yuzey="saha-rapor"] .pp-hata::before{
  content:'!';position:absolute;left:13px;top:10px;width:20px;height:20px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;font:700 12px/1 system-ui,sans-serif;color:#fff;background:var(--ka-turuncu);
}
[data-yuzey="finans"] .pp-bilgi-serit,[data-yuzey="saha-rapor"] .pp-bilgi-serit{border-color:var(--ka-mavi-k);background:var(--ka-mavi-z);color:var(--ka-metin)}
[data-yuzey="finans"] .pp-bilgi-serit::before,[data-yuzey="saha-rapor"] .pp-bilgi-serit::before{content:'i';background:var(--ka-mavi)}
[data-yuzey="finans"] .pp-bilgi-serit.uyari,[data-yuzey="saha-rapor"] .pp-bilgi-serit.uyari{border-color:var(--ka-turuncu-k);background:var(--ka-turuncu-z);color:var(--ka-turuncu)}
[data-yuzey="finans"] .pp-bilgi-serit.uyari::before,[data-yuzey="saha-rapor"] .pp-bilgi-serit.uyari::before{content:'!';background:var(--ka-turuncu)}
[data-yuzey="finans"] .pp-uyari-serit.tehlike,[data-yuzey="saha-rapor"] .pp-uyari-serit.tehlike,
[data-yuzey="finans"] .pp-hata,[data-yuzey="saha-rapor"] .pp-hata{border-color:var(--ka-kirmizi-k);background:var(--ka-kirmizi-z);color:var(--ka-kirmizi)}
[data-yuzey="finans"] .pp-uyari-serit.tehlike::before,[data-yuzey="saha-rapor"] .pp-uyari-serit.tehlike::before,
[data-yuzey="finans"] .pp-hata::before,[data-yuzey="saha-rapor"] .pp-hata::before{content:'✕';background:var(--ka-kirmizi)}
[data-yuzey="finans"] .pp-uyari-serit .pp-btn,[data-yuzey="saha-rapor"] .pp-uyari-serit .pp-btn{margin-left:8px;vertical-align:middle}
[data-mod="dark"][data-yuzey="finans"] .pp-uyari-serit::before,[data-mod="dark"][data-yuzey="saha-rapor"] .pp-uyari-serit::before,
[data-mod="dark"][data-yuzey="finans"] .pp-bilgi-serit::before,[data-mod="dark"][data-yuzey="saha-rapor"] .pp-bilgi-serit::before,
[data-mod="dark"][data-yuzey="finans"] .pp-hata::before,[data-mod="dark"][data-yuzey="saha-rapor"] .pp-hata::before{color:#0f172a}
/* Saha Panosu plaka ekleme mesajı (sp-plaka-mesaj): başarı yeşil, hata kırmızı */
[data-yuzey="saha-rapor"] .sp-plaka-mesaj{position:relative;padding:9px 12px 9px 38px;border-radius:10px;border:1px solid var(--ka-yesil-k);background:var(--ka-yesil-z);color:var(--ka-yesil);font-size:13px;animation:ka-kay .2s var(--ka-egri)}
[data-yuzey="saha-rapor"] .sp-plaka-mesaj::before{content:'✓';position:absolute;left:11px;top:50%;margin-top:-9px;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 11px/1 system-ui,sans-serif;color:#fff;background:var(--ka-yesil)}
[data-yuzey="saha-rapor"] .sp-plaka-mesaj.hata{border-color:var(--ka-kirmizi-k);background:var(--ka-kirmizi-z);color:var(--ka-kirmizi)}
[data-yuzey="saha-rapor"] .sp-plaka-mesaj.hata::before{content:'✕';background:var(--ka-kirmizi)}

/* ══════════════ 2. Pencereler (panel .modal · finans .fn-pencere · finans ortak .pp-pencere) ══════════════ */
[data-yuzey="panel"] .modal-arka{background:var(--ka-perde);backdrop-filter:blur(4px);animation:ka-belir .16s ease-out}
[data-yuzey="panel"] .modal{border:1px solid var(--ka-kenar);border-radius:var(--ka-r-buyuk);box-shadow:var(--ka-golge);animation:ka-buyu .2s var(--ka-egri)}
[data-yuzey="panel"] .modal-baslik{border-bottom:1px solid var(--ka-kenar);background:linear-gradient(180deg,var(--ka-yuzey-2),var(--ka-yuzey))}
[data-yuzey="panel"] .modal-baslik>b{font-size:17px;letter-spacing:-.01em}
[data-yuzey="panel"] .modal-baslik>button.ghost.sm{border-radius:999px;padding:6px 12px}
[data-yuzey="finans"] .fn-ort,[data-yuzey="finans"] .pp-ort{background:var(--ka-perde);backdrop-filter:blur(4px);animation:ka-belir .16s ease-out}
[data-yuzey="finans"] .fn-pencere,[data-yuzey="finans"] .pp-pencere{border:1px solid var(--ka-kenar);border-radius:var(--ka-r-buyuk);box-shadow:var(--ka-golge);animation:ka-buyu .2s var(--ka-egri)}
[data-yuzey="finans"] .fn-pencere-ust,[data-yuzey="finans"] .pp-pencere-ust{border-bottom:1px solid var(--ka-kenar);border-radius:var(--ka-r-buyuk) var(--ka-r-buyuk) 0 0;background:linear-gradient(180deg,var(--ka-yuzey-2),var(--ka-yuzey))}
[data-yuzey="finans"] .fn-pencere-ust h3,[data-yuzey="finans"] .pp-pencere-ust h3{font-size:17px;letter-spacing:-.01em}
[data-yuzey="finans"] .fn-pencere-ust>.pp-btn.kucuk,[data-yuzey="finans"] .pp-pencere-ust>.pp-btn.kucuk{border-radius:999px}
/* Saha Panosu: cari kartı ve satır içi onay kutusu */
[data-yuzey="saha-rapor"] .sp-pasif-onay{border-radius:10px;border:1px solid var(--ka-kirmizi-k);background:var(--ka-kirmizi-z);box-shadow:var(--ka-golge-kucuk);animation:ka-kay .18s var(--ka-egri)}

/* ══════════════ 3. Düğmeler: üzerine gelince hafif yükselir, basınca iner; klavye odağı halkalı ══════════════ */
[data-yuzey="panel"] :is(button:not([class]),button.sm,button.ghost,button.cta,button.secondary,button.tehlike,button.hk-eylem):not(:disabled):not(.tabs *):not(.ustnav *):not(.pp-donemler *){
  transition:background var(--ka-sure),border-color var(--ka-sure),box-shadow var(--ka-sure),color var(--ka-sure),transform var(--ka-sure),filter var(--ka-sure);
}
[data-yuzey="panel"] :is(button:not([class]),button.sm,button.cta,button.secondary,button.tehlike):not(:disabled):not(.tabs *):not(.ustnav *):not(.pp-donemler *):hover{transform:translateY(-1px);box-shadow:var(--ka-golge-vurgu)}
[data-yuzey="panel"] button.ghost:not(:disabled):not(.tabs *):not(.ustnav *):hover{transform:translateY(-1px);box-shadow:var(--ka-golge-kucuk)}
[data-yuzey="panel"] button.tehlike:not(:disabled):hover{box-shadow:0 6px 16px rgba(185,28,28,.28)}
[data-yuzey="panel"] :is(button:not([class]),button.sm,button.ghost,button.cta,button.secondary,button.tehlike):not(:disabled):active{transform:translateY(0) scale(.98);box-shadow:none;filter:brightness(.97)}
[data-yuzey="panel"] button:focus-visible{outline:2px solid var(--ka-mavi);outline-offset:2px}
[data-yuzey="finans"] .pp-btn,[data-yuzey="saha-rapor"] .pp-btn{transition:background var(--ka-sure),border-color var(--ka-sure),box-shadow var(--ka-sure),color var(--ka-sure),transform var(--ka-sure),filter var(--ka-sure)}
[data-yuzey="finans"] .pp-btn:not(:disabled):hover,[data-yuzey="saha-rapor"] .pp-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--ka-golge-kucuk)}
[data-yuzey="finans"] .pp-btn.birincil:not(:disabled):hover,[data-yuzey="saha-rapor"] .pp-btn.birincil:not(:disabled):hover{box-shadow:var(--ka-golge-vurgu)}
[data-yuzey="finans"] .pp-btn.tehlike,[data-yuzey="saha-rapor"] .pp-btn.tehlike{background:var(--ka-kirmizi);border-color:var(--ka-kirmizi);color:#fff}
[data-yuzey="finans"] .pp-btn.tehlike:not(:disabled):hover,[data-yuzey="saha-rapor"] .pp-btn.tehlike:not(:disabled):hover{box-shadow:0 6px 16px rgba(185,28,28,.28)}
[data-yuzey="finans"] .pp-btn:not(:disabled):active,[data-yuzey="saha-rapor"] .pp-btn:not(:disabled):active{transform:translateY(0) scale(.98);box-shadow:none;filter:brightness(.97)}
[data-yuzey="finans"] .pp-btn:focus-visible,[data-yuzey="saha-rapor"] .pp-btn:focus-visible,
[data-yuzey="finans"] .pp-sekmeler button:focus-visible,[data-yuzey="saha-rapor"] .pp-sekmeler button:focus-visible{outline:2px solid var(--ka-mavi);outline-offset:2px}

/* ══════════════ 4. Açılır listeler ve yazı kutuları: tarayıcı oku yerine tek tip ok, aynı kenar / odak halkası ══════════════ */
[data-yuzey="panel"] select:not([multiple]):not([size]),
[data-yuzey="finans"] select:not([multiple]):not([size]),
[data-yuzey="saha-rapor"] select:not([multiple]):not([size]){
  -webkit-appearance:none;appearance:none;background-image:var(--ka-ok);background-repeat:no-repeat;background-position:right 11px center;background-size:14px 14px;padding-right:34px;cursor:pointer;
}
[data-yuzey="panel"] select:not([multiple]):not([size]):disabled,[data-yuzey="finans"] select:not([multiple]):not([size]):disabled,[data-yuzey="saha-rapor"] select:not([multiple]):not([size]):disabled{cursor:not-allowed;opacity:.7}
[data-yuzey="finans"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea),
[data-yuzey="saha-rapor"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){
  border:1px solid var(--ka-kenar-2);border-radius:10px;background:var(--ka-yuzey);color:var(--ka-metin);transition:border-color var(--ka-sure),box-shadow var(--ka-sure);
}
[data-yuzey="finans"] :is(input,select,textarea):focus,[data-yuzey="saha-rapor"] :is(input,select,textarea):focus{outline:none;border-color:var(--ka-mavi);box-shadow:0 0 0 3px var(--ka-mavi-z)}
[data-yuzey="panel"] :is(input,select,textarea):focus{border-color:var(--ka-mavi);box-shadow:0 0 0 3px var(--ka-mavi-z)}
[data-yuzey="panel"] input[type=checkbox],[data-yuzey="panel"] input[type=radio],
[data-yuzey="finans"] input[type=checkbox],[data-yuzey="finans"] input[type=radio],
[data-yuzey="saha-rapor"] input[type=checkbox],[data-yuzey="saha-rapor"] input[type=radio]{accent-color:var(--ka-mavi)}
[data-yuzey="finans"] ::placeholder,[data-yuzey="saha-rapor"] ::placeholder{color:var(--ka-metin-2);opacity:.7}

/* ══════════════ 5. Durum rozetleri: aynı renk dili, ince renkli kenar ══════════════ */
[data-yuzey="panel"] .badge{border:1px solid transparent}
[data-yuzey="panel"] .badge.b-ok{background:var(--ka-yesil-z);color:var(--ka-yesil);border-color:var(--ka-yesil-k)}
[data-yuzey="panel"] .badge.b-warn{background:var(--ka-turuncu-z);color:var(--ka-turuncu);border-color:var(--ka-turuncu-k)}
[data-yuzey="panel"] .badge.b-err{background:var(--ka-kirmizi-z);color:var(--ka-kirmizi);border-color:var(--ka-kirmizi-k)}
[data-yuzey="panel"] .badge.b-info{background:var(--ka-mavi-z);color:var(--ka-mavi);border-color:var(--ka-mavi-k)}
[data-yuzey="finans"] .pp-rozet.ok,[data-yuzey="saha-rapor"] .pp-rozet.ok{background:var(--ka-yesil-z);color:var(--ka-yesil);border-color:var(--ka-yesil-k)}
[data-yuzey="finans"] .pp-rozet.uyari,[data-yuzey="saha-rapor"] .pp-rozet.uyari{background:var(--ka-turuncu-z);color:var(--ka-turuncu);border-color:var(--ka-turuncu-k)}
[data-yuzey="finans"] .pp-rozet.tehlike,[data-yuzey="saha-rapor"] .pp-rozet.tehlike{background:var(--ka-kirmizi-z);color:var(--ka-kirmizi);border-color:var(--ka-kirmizi-k)}
[data-yuzey="finans"] .pp-rozet.bilgi,[data-yuzey="saha-rapor"] .pp-rozet.bilgi{background:var(--ka-mavi-z);color:var(--ka-mavi);border-color:var(--ka-mavi-k)}

/* ══════════════ 6. Tasarımlı onay / yazı kutusu (panel; tarayıcı confirm / prompt yerine) ══════════════ */
[data-yuzey="panel"] .ka-kutu-arka{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:var(--ka-perde);backdrop-filter:blur(4px);animation:ka-belir .14s ease-out}
[data-yuzey="panel"] .ka-kutu{
  width:min(480px,100%);background:var(--ka-yuzey);color:var(--ka-metin);border:1px solid var(--ka-kenar);border-radius:var(--ka-r-buyuk);box-shadow:var(--ka-golge);
  padding:20px 22px 18px;display:flex;flex-direction:column;gap:14px;animation:ka-buyu .2s var(--ka-egri);
}
[data-yuzey="panel"] .ka-kutu-ust{display:flex;align-items:flex-start;gap:12px}
[data-yuzey="panel"] .ka-kutu-ikon{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 17px/1 system-ui,sans-serif;color:#fff;background:var(--ka-mavi)}
[data-yuzey="panel"] .ka-kutu.tehlikeli .ka-kutu-ikon{background:var(--ka-kirmizi)}
[data-yuzey="panel"] .ka-kutu.uyari .ka-kutu-ikon{background:var(--ka-turuncu)}
[data-mod="dark"][data-yuzey="panel"] .ka-kutu-ikon{color:#0f172a}
[data-yuzey="panel"] .ka-kutu-metin{min-width:0;flex:1}
[data-yuzey="panel"] .ka-kutu-metin h3{margin:0 0 4px;font-size:16px;font-weight:700;letter-spacing:-.01em}
[data-yuzey="panel"] .ka-kutu-metin p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ka-metin-2);white-space:pre-wrap;overflow-wrap:anywhere;max-height:50vh;overflow:auto}
[data-yuzey="panel"] .ka-kutu input{width:100%;min-height:40px}
[data-yuzey="panel"] .ka-kutu-alt{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
[data-yuzey="panel"] .ka-kutu-alt button{min-width:96px}
@media(max-width:640px){
  [data-yuzey="panel"] .ka-kutu{padding:16px 16px 14px}
  [data-yuzey="panel"] .ka-kutu-alt{flex-direction:column-reverse}
  [data-yuzey="panel"] .ka-kutu-alt button{width:100%}
  [data-yuzey="panel"] .toast{top:10px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  [data-yuzey] .toast,[data-yuzey] .alert,[data-yuzey] .modal,[data-yuzey] .modal-arka,[data-yuzey] .fn-ort,[data-yuzey] .fn-pencere,[data-yuzey] .pp-ort,[data-yuzey] .pp-pencere,
  [data-yuzey] .pp-uyari-serit,[data-yuzey] .pp-bilgi-serit,[data-yuzey] .pp-hata,[data-yuzey] .sp-plaka-mesaj,[data-yuzey] .ka-kutu-arka,[data-yuzey] .ka-kutu{animation:none}
  [data-yuzey] button,[data-yuzey] .pp-btn{transition:none}
}

/* ══════════════ 7. Muhasebe & Onaylar düzeni (yalnız data-sayfa="muhasebe"): başlık kısa, özet kartları tek tip sıkı şerit, süzgeçler toplu, sekmeler tek satır ══════════════ */
[data-yuzey="panel"] .hero[data-sayfa="muhasebe"]{padding-bottom:60px}
[data-yuzey="panel"] .hero[data-sayfa="muhasebe"] .hero-bas{padding-top:12px}
[data-yuzey="panel"] .hero[data-sayfa="muhasebe"] .h1{font-size:24px}
[data-yuzey="panel"] .hero[data-sayfa="muhasebe"] .top-alt{display:none}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"]{margin-top:-40px;gap:10px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-ozet{display:flex;flex-wrap:wrap;gap:8px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-kart{flex:1 1 170px;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:12px;text-decoration:none;color:inherit;overflow:visible}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-kart .n{display:inline;font-size:20px;line-height:1;font-weight:700;color:var(--ka-yesil);font-variant-numeric:tabular-nums}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-kart.var .n{color:var(--ka-turuncu)}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-kart.var{border-color:var(--ka-turuncu-k)}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-kart .l{display:inline;margin:0;font-size:12.5px;line-height:1.25;color:var(--ka-metin-2)}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] a.mh-kart:hover{border-color:var(--ka-mavi-k)}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-suzgec{padding:8px 14px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-suzgec label{margin-bottom:3px;font-size:11.5px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-suzgec select,[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-suzgec input{min-height:34px;padding:5px 10px;font-size:13px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-suzgec button{padding:6px 10px;font-size:12.5px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-sekmeler{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-sekmeler .tabs{margin-bottom:0}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-sekmeler .tabs.alt-sekmeler{border-bottom:0}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-sekmeler .tab-gruplar button{padding:7px 12px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-sekmeler .alt-sekmeler button{padding:7px 10px;margin-bottom:0}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .hk{gap:10px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .hk-arac{gap:6px;padding:10px 14px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .hk-arac-satir label{margin-bottom:3px;font-size:11.5px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .hk-arac-satir select,[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .hk-arac-satir input[type=date]{min-height:34px;padding:5px 10px;font-size:13px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .hk-aralik button{padding:5px 11px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .hk-onay,[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .hk-vega{padding-bottom:6px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .hk-ozet{gap:8px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .hk-ozet .hk-kpi{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 14px;min-height:0;border-radius:12px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .hk-ozet .hk-kpi .n{font-size:20px;line-height:1;font-variant-numeric:tabular-nums}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .hk-ozet .hk-kpi .l{font-size:12.5px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .hk-ozet .hk-kpi small{flex-basis:100%;font-size:11.5px;margin:0}
@media(max-width:900px){
  [data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-kart{flex-basis:calc(50% - 8px)}
  [data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-sekmeler{flex-direction:column;align-items:stretch}
  [data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-sekmeler .tabs{flex-wrap:wrap}
  [data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-sekmeler .tabs button{flex:1 1 auto;justify-content:center}
  [data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .hk-ozet{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  [data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .hk-ozet{grid-template-columns:1fr}
  [data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-kart{flex-basis:100%}
}

/* ══════════════ 8. Muhasebe & Onaylar (R251): grup sekmeleri + ayrı alt sekme satırı (yana açılma yok), Üst Onay İncelemesi düğmesi, pompacı giderleri raporu ══════════════ */
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .tabs.mh-gruplar{margin-bottom:0;align-items:center}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .tabs.mh-gruplar button{padding:8px 14px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-ustonay{margin-left:auto;margin-bottom:0;border:1px solid var(--ka-kenar-2);border-radius:999px;background:var(--ka-yuzey);color:var(--ka-metin-2);font-weight:600;font-size:12.5px;padding:7px 14px;white-space:nowrap;box-shadow:none}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-ustonay:hover{border-color:var(--ka-mavi);color:var(--ka-mavi)}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-ustonay.on{background:var(--ka-mavi-z);border-color:var(--ka-mavi-k);color:var(--ka-mavi)}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .tabs.mh-altsekmeler{margin:-2px 0 0;padding:4px 6px;border-bottom:0;background:var(--ka-yuzey-2);border:1px solid var(--ka-kenar);border-radius:10px;gap:4px;align-items:center;flex-wrap:wrap}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .tabs.mh-altsekmeler button{margin:0;padding:6px 12px;font-size:13px;border-bottom:0;border-radius:8px;color:var(--ka-metin-2)}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .tabs.mh-altsekmeler button.on{background:var(--ka-yuzey);color:var(--ka-mavi);box-shadow:var(--ka-golge-kucuk);font-weight:700}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .tabs.mh-altsekmeler .mh-diger{margin-left:auto;background:transparent;color:var(--ka-metin-2);font-weight:500}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-gider-suzgec{grid-template-columns:minmax(150px,180px) minmax(150px,180px) 1fr;align-items:end}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-gider-secenek{display:flex;gap:18px;flex-wrap:wrap;align-items:center;padding-bottom:6px}
[data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-gider-secenek .hk-onay{padding-bottom:0}
@media(max-width:900px){
  [data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-gider-suzgec{grid-template-columns:1fr 1fr}
  [data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .tabs.mh-gruplar{flex-wrap:wrap}
  [data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .tabs.mh-gruplar button{flex:1 1 auto;justify-content:center}
  [data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-ustonay{margin-left:0;width:100%;text-align:center;justify-content:center}
}
@media(max-width:640px){
  [data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-suzgec{flex-wrap:wrap}
  [data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-suzgec>div{flex:1 1 100%!important;min-width:0!important}
  [data-yuzey="panel"] .icerik[data-sayfa="muhasebe"] .mh-gider-suzgec{grid-template-columns:1fr}
}