/* =============================================================
   detay-modal.css — salt okunur DETAY PENCERELERI icin ortak parcalar (05.10.2026).
   Ozet kutulari (`pai-ozet`), etiketi ustte bilgi izgarasi (`pai-bilgi`) ve alt serit bosluğu (`pai-foot-bosluk`).
   Servis Detayi / Servis Talebi penceresinden (bk-/ar- onekli kendi kopyalari modulde kalir) genellestirildi; yeni detay
   penceresi bunlari kullanir, kendi satir listesi (disp-row) yazmaz. Kapat dugmesi YOKTUR: baslıktaki X ve Esc kapatir.
   ============================================================= */

.pai-ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; margin-bottom: 14px; }
.pai-ozet-kutu {
  display: flex; flex-direction: column; gap: 3px; min-width: 0;
  padding: 12px 14px; border: 1px solid var(--border-soft); border-radius: 12px; background: var(--surface);
}
.pai-ozet-kutu .k { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; color: var(--muted); }
.pai-ozet-kutu .k i { font-size: 13px; color: var(--mac-blue); }
.pai-ozet-kutu .v { font: 600 15px/1.25 var(--font); color: var(--text); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.pai-ozet-kutu .s { font-size: 11.5px; color: var(--muted); }

.pai-bilgi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; border: 1px solid var(--border-soft); border-radius: 12px; padding: 4px 14px; margin-bottom: 14px; }
.pai-bilgi-oge { display: flex; flex-direction: column; gap: 2px; padding: 10px 0; border-bottom: 1px solid var(--border-soft); min-width: 0; }
.pai-bilgi-oge.genis { grid-column: 1 / -1; }
.pai-bilgi-oge:last-child { border-bottom: none; }
.pai-bilgi-oge .k { font-size: 11px; font-weight: 600; letter-spacing: .3px; text-transform: uppercase; color: var(--muted); }
.pai-bilgi-oge .v { font: 500 13px/1.4 var(--font); color: var(--text); overflow-wrap: anywhere; }

.pai-foot-bosluk { flex: 1; }
@container appwin (max-width: 900px) { .pai-bilgi { grid-template-columns: 1fr; } }