/* =========================
   OVERLAY
   ========================= */
.x-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

/* =========================
   POPUP CONTAINER
   ========================= */
.x-popup {
    background: white;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* =========================
   POPUP LAYOUT
   ========================= */
.x-popup-layout {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* =========================
   CONTENT
   ========================= */
.x-popup-content {
    flex: 1; /* 🔥 neemt rest */
    overflow: hidden; /* of auto indien scroll */
}

/* =========================
   FOOTER
   ========================= */
.x-popup-footer {
    height: 60px;
    flex-shrink: 0; /* 🔥 mag niet krimpen */
}