.jum_popup {
    z-index: 10002;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.5rem 1.5rem;
    gap: 1.5rem 0;
    width: 25em;
    text-align: center;
    border-radius: 1.5rem;
    background-color: var(--c-white);
}

.jum_popup-backdrop {
    z-index: 10001;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(var(--c-blue-1-rgb), 0.6);
}

.jum_popup-actions {
    display: flex;
    gap: 1rem;
}

.jum_popup p {
    margin-top: 1rem;
    margin-bottom: 0;
    font-family: var(--font-family-poppins);
    font-size: clamp(0.875rem, 0.8035714285714286rem + 0.35714285714285715vw, 1.125rem);
    font-weight: 300;
    line-height: 1.33;
    color: var(--c-blue-1);
}

.jum_popup-close-btn {
    position: absolute;
    top: calc(1rem - 4px);
    right: calc(1rem - 4px);
    padding: 4px;
    border: none;
    outline: none;
    background-color: transparent;
    color: var(--c-blue-1);
}

.jum_popup-close-btn:hover {
    color: rgba(var(--c-blue-1-rgb), 0.6);
}

.jum_popup-close-btn > svg {
    width: 1.5rem;
    height: 1.5rem;
}

/* Ensure warning popups appear above save dialogs */
.jum_popup.warning {
    z-index: 10005;
}

.jum_popup-backdrop.warning {
    z-index: 10004;
}

/* Standardized button styles for confirmation popups */
/* Yes button - Button Type 2 (brown bg, white text) */
.jum_popup-actions .jum_btn-primary {
    background-color: #b88c46 !important;
    color: white !important;
    font-weight: normal !important;
    border: none !important;
    padding: 12px 32px !important;
    font-size: 16px !important;
    border-radius: 6px !important;
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s;
    box-shadow: 0 2px 4px 0 rgba(184, 140, 70, 0.2);
    height: 44px !important;
    min-width: 100px !important;
    width: auto !important;
}

.jum_popup-actions .jum_btn-primary:hover {
    background: #5a4123 !important;
    background-color: #5a4123 !important;
    background-image: none !important;
    color: white !important;
    box-shadow: 0 2px 4px 0 rgba(184, 140, 70, 0.3) !important;
}

/* No button - Button Type 3 (white bg, black text) */
.jum_popup-actions .jum_btn-tertiary {
    background: white !important;
    color: #111827 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    height: 44px !important;
    font-size: 16px !important;
    transition: all 0.2s;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.05);
    padding: 12px 32px !important;
    font-weight: normal !important;
    cursor: pointer;
    min-width: 100px !important;
    width: auto !important;
}

.jum_popup-actions .jum_btn-tertiary:hover {
    color: #111827 !important;
    background: #f3f4f6 !important;
    border-color: #d1d5db !important;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.05) !important;
    background-image: none !important;
}

/* Warning popup Close button - Button Type 1 (white bg, brown text) */
.jum_popup .jum_btn-primary.jum_btn-short {
    background: white !important;
    color: #b88c46 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    height: 44px !important;
    font-size: 16px !important;
    transition: all 0.2s;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.05);
    padding: 12px 32px !important;
    font-weight: normal !important;
    cursor: pointer;
    min-width: 100px !important;
}

.jum_popup .jum_btn-primary.jum_btn-short:hover {
    color: #b88c46 !important;
    background: #f3f4f6 !important;
    border-color: #d1d5db !important;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.05) !important;
    background-image: none !important;
}