/* =============================================================
   disa-aktar.css — "Excel'e Aktar" / PDF cikti butonu + "Dışa Aktar" menüsü (tek gorunum kaynagi).

   Ekranlar bu siniflari kendi CSS'inde yeniden tanimlamaz; ihtiyac olan tek sey
   hizalama/boyut ise sarmalayan ekran CSS'inde verilir.
   Kullanim: Views/Shared/_ExcelAktar.cshtml · Views/Shared/_ExcelSablon.cshtml ·
             Views/Shared/_PdfCikti.cshtml · Views/Shared/_DisaAktarMenu.cshtml ·
             Views/Shared/_KaydetPaneli.cshtml
   ============================================================= */

/* ---- Tekil Excel / PDF butonu (liste + detay ekranlari) ---- */
.p360-excel-btn,
.p360-pdf-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 13px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface);
    color: var(--text);
    font: 500 12.5px/1 var(--font);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background .14s ease, border-color .14s ease;
}
.p360-excel-btn:hover,
.p360-pdf-btn:hover { background: var(--hover-bg); border-color: var(--border-strong); text-decoration: none; }
/* Buton notr kalir, ikon rengi bicimi soyler: Excel yesili / PDF kirmizisi. */
.p360-excel-btn i { font-size: 14px; color: #1F7A3A; }
.p360-pdf-btn i { font-size: 14px; color: #B0231C; }
.p360-excel-btn.sm,
.p360-pdf-btn.sm { height: 28px; padding: 0 10px; font-size: 12px; }

/* ---- Cok secenekli "Dışa Aktar" menusu (pano/analiz ekranlari) ---- */
.p360-disa-aktar { position: relative; display: inline-flex; }

.p360-disa-aktar-btn {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 34px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: var(--mac-blue);
    color: #fff;
    font: 600 12.5px/1 var(--font);
    white-space: nowrap;
    cursor: pointer;
    transition: background .14s ease;
}
.p360-disa-aktar-btn:hover { background: var(--mac-blue-press); }
.p360-disa-aktar-btn i { font-size: 12px; color: #fff; }
.p360-disa-aktar-btn .ucu { font-size: 10px; }

/* Panel body'ye tasinir (portal) ve position:fixed durur: kart/serit overflow'u kirpamaz.
   Koordinati disa-aktar.js verir. */
.p360-disa-aktar-menu {
    position: fixed;
    z-index: 1200;
    min-width: 180px;
    padding: 6px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 11px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .16);
}
.p360-disa-aktar-menu[hidden] { display: none; }

.p360-disa-aktar-oge {
    appearance: none;
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--text);
    font: 500 13px/1.2 var(--font);
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}
.p360-disa-aktar-oge:hover { background: var(--hover-bg); }
.p360-disa-aktar-oge i { font-size: 14px; }
.p360-disa-aktar-oge .pdf { color: #B0231C; }
.p360-disa-aktar-oge .xls { color: #1F7A3A; }


/* ---- Kapsam paneli (modal icerigi; kabuk P360.modal'dan) ---- */
/* Etiket sutunu sabit: uc satirin degerleri ayni dikey cizgide baslar. */
.p360-kaydet .kp-satir {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}
.p360-kaydet .kp-satir:last-child { margin-bottom: 0; }

.p360-kaydet .kp-etiket {
    flex: 0 0 78px;
    padding-top: 5px;
    text-align: right;
    font: 500 12.5px/1.2 var(--font);
    color: var(--muted);
}

.p360-kaydet .kp-deger { flex: 1; min-width: 0; }

.p360-kaydet .kp-secim {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 4px 0;
    cursor: pointer;
    font: 500 13px/1.3 var(--font);
    color: var(--text);
}
.p360-kaydet .kp-secim input { margin: 0; accent-color: var(--mac-blue); align-self: center; }
.p360-kaydet .kp-ad { flex-shrink: 0; }

/* Sayi bilinmiyorsa bos kalir; yer tutmasin diye satiri itmez. */
.p360-kaydet .kp-sayi {
    margin-left: auto;
    font: 500 12px/1.3 var(--font);
    color: var(--muted);
    font-variant-numeric: tabular-nums;
}
.p360-kaydet .kp-sayi:empty { display: none; }
.p360-kaydet .kp-sayi .skel { display: inline-block; vertical-align: middle; }

/* Cipler sayilarin altinda, kendi satirinda: "128" degil "neden 128" cevabi. */
.p360-kaydet .kp-cipler { margin-top: 8px; }
.p360-kaydet .kp-cipler:empty { display: none; }

.p360-kaydet .kp-ad-alan { display: flex; align-items: center; gap: 8px; }
.p360-kaydet .kp-ad-alan .mac-input { flex: 1; min-width: 0; }
.p360-kaydet .kp-uzanti {
    flex-shrink: 0;
    font: 500 12.5px/1 var(--font);
    color: var(--muted);
    font-variant-numeric: tabular-nums;
}