/* ============================================================
   Firma Bilgileri Popup — Kullanıcılar (UserCard) popup standardının
   BİREBİR klonu. Kapsam: tüm kurallar #MainProjectCardFormPopup /
   .mpcard-popup altında. Renkler var(--logi-theme-*) → light + dark otomatik.
   Referans: assets/css/UserCard/popup.css
   ============================================================ */

/* ---------- Overlay ---------- */
.mpcard-popup-overlay {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2000000000;
    padding: 24px;
}
.mpcard-popup-overlay.is-active {
    display: flex;
    animation: mpcardpop-fade 0.18s ease;
}
@keyframes mpcardpop-fade { from { opacity: 0; } to { opacity: 1; } }

/* ---------- Kart ---------- */
.mpcard-popup {
    width: 960px;
    max-width: 96vw;
    height: 86vh;
    max-height: 86vh;
    display: flex;
    flex-direction: column;
    border-radius: 14px;
    overflow: hidden;
    animation: mpcardpop-rise 0.2s ease;
}
@keyframes mpcardpop-rise { from { transform: translateY(12px) scale(0.99); opacity: 0; } to { transform: none; opacity: 1; } }

/* ---------- Başlık ---------- */
.mpcard-popup-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 14px;
    flex: 0 0 auto;
    position: relative;
}
.mpcard-popup-head-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex: 0 0 auto;
}
.mpcard-popup-head-text { flex: 1; min-width: 0; }
.mpcard-popup-head h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}
.mpcard-popup-head-sub {
    font-size: 12px;
    line-height: 1.2;
}
.mpcard-popup-close {
    border: none;
    background: transparent;
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    transition: background-color 0.15s ease, color 0.15s ease;
}

/* ---------- Sekme çubuğu (YATAY) ---------- */
.mpcard-popup-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 0 12px;
    flex: 0 0 auto;
}
.mpcard-popup-tab {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 8px 11px;
    font-size: 12.5px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-bottom: 2px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}
.mpcard-popup-tab i { font-size: 12px; }

/* ---------- Gövde ---------- */
.mpcard-popup-body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
}
.mpcard-popup-body::-webkit-scrollbar { width: 9px; }
.mpcard-popup-body::-webkit-scrollbar-thumb { border-radius: 6px; }

/* formhost kalan yüksekliği doldursun (footer dibe insin) */
.mpcard-popup-body > #MainProjectCardFormPopup-formhost {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* ============================================================
   PANE GÖRÜNÜRLÜĞÜ (deterministik — data-mpctab / data-mpcpane)
   ============================================================ */
#MainProjectCardFormPopup .mpcard-pane { display: none; }
#MainProjectCardFormPopup[data-mpctab="genel"] .mpcard-pane[data-mpcpane="genel"],
#MainProjectCardFormPopup[data-mpctab="hesap"] .mpcard-pane[data-mpcpane="hesap"],
#MainProjectCardFormPopup[data-mpctab="birim"] .mpcard-pane[data-mpcpane="birim"] {
    display: block;
}

/* ============================================================
   FORM İÇİ DÜZELTMELER (popup bağlamında — forma dokunmadan)
   ============================================================ */
#MainProjectCardFormPopup .new-form-container {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

/* Bölüm kartları — kompakt */
#MainProjectCardFormPopup .new-form-section {
    border-radius: 10px;
    margin: 0 0 12px 0 !important;
    overflow: hidden;
}
#MainProjectCardFormPopup .new-form-section-header { padding: 10px 14px !important; }
#MainProjectCardFormPopup .new-form-section-title { font-size: 13px !important; margin: 0 !important; }
#MainProjectCardFormPopup .new-form-section-body { padding: 14px !important; }

/* Alanlar — kompakt, hizalı */
#MainProjectCardFormPopup .new-form-field { margin-bottom: 10px !important; }
#MainProjectCardFormPopup .new-label {
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
    display: block;
}
#MainProjectCardFormPopup .new-input,
#MainProjectCardFormPopup .new-select,
#MainProjectCardFormPopup .select-searchbox,
#MainProjectCardFormPopup .select-searchbox-autocomplete,
#MainProjectCardFormPopup textarea {
    font-size: 13px !important;
    border-radius: 8px !important;
    width: 100% !important;
}
#MainProjectCardFormPopup .new-form-avatar-side { flex: 0 0 auto !important; }

/* ---------- Footer (Kaydet) — kompakt, sticky, dibe sabit ---------- */
#MainProjectCardFormPopup .new-form-footer {
    position: sticky;
    bottom: -14px;
    margin: 14px -16px -14px -16px;
    padding: 12px 16px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    z-index: 3;
    margin-top: auto;
}

/* ============================================================
   TEMA renkleri — token tabanlı (light + dark otomatik)
   ============================================================ */
.mpcard-popup-overlay { background-color: var(--logi-theme-overlay); }
.mpcard-popup { background-color: var(--logi-theme-bg-card); box-shadow: 0 24px 70px var(--logi-theme-shadow-color-strong); }

.mpcard-popup-head { border-bottom: 1px solid var(--logi-theme-border); background-color: var(--logi-theme-bg-card); }
.mpcard-popup-head-icon { background-color: rgba(121, 123, 242, 0.12); color: var(--logi-theme-primary); }
.mpcard-popup-head h3 { color: var(--logi-theme-text-primary); }
.mpcard-popup-head-sub { color: var(--logi-theme-text-muted); }
.mpcard-popup-close { color: var(--logi-theme-text-muted); }
.mpcard-popup-close:hover { background-color: var(--logi-theme-bg-hover); color: var(--logi-theme-text-primary); }

.mpcard-popup-tabs { border-bottom: 1px solid var(--logi-theme-border); }
.mpcard-popup-tab { color: var(--logi-theme-text-secondary); }
.mpcard-popup-tab:hover { color: var(--logi-theme-text-primary); }
.mpcard-popup-tab.active { color: var(--logi-theme-primary); border-bottom-color: var(--logi-theme-primary); font-weight: 600; }

.mpcard-popup-body { background-color: var(--logi-theme-bg-body); }
.mpcard-popup-body::-webkit-scrollbar-thumb { background-color: var(--logi-theme-scrollbar-thumb); }

#MainProjectCardFormPopup .new-form-section { background-color: var(--logi-theme-bg-card); border: 1px solid var(--logi-theme-border); box-shadow: none !important; }
#MainProjectCardFormPopup .new-form-section-header { background-color: var(--logi-theme-bg-tertiary); border-bottom: 1px solid var(--logi-theme-border); }
#MainProjectCardFormPopup .new-form-section-title { color: var(--logi-theme-text-primary); }
#MainProjectCardFormPopup .new-form-footer { background-color: var(--logi-theme-bg-card); border-top: 1px solid var(--logi-theme-border); }

/* ============================================================
   GENEL AYARLAR generic popup'ları (Operasyon Parametreleri / Depolama Ayarları)
   — mevcut formu olduğu gibi host eder; sadece dış sarmal padding/zemini sıfırlar
   (çift padding olmasın, popup gövdesi zaten 14/16px veriyor). Formun kendi iç
   yapısı/sekmeleri/CSS'i korunur (lojiğe dokunulmaz).
   ============================================================ */
.genelayarlar-popup .page-content-wrapper,
.genelayarlar-popup .page-content,
.genelayarlar-popup .account-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 0 !important;
    height: auto !important;
}
.genelayarlar-popup .new-form-container {
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
}
/* Parametreler: container kendi büyük padding'ini verir → popup içinde sıfırla */
.genelayarlar-popup .project_parameters_container { padding: 0 !important; margin: 0 !important; background: transparent !important; }