:root {
    --ui-confirm-dialog-max-width: 420px;
}

#confirm-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: var(--z-modal-max, 2147483647);
    animation: none !important;
}

body #confirm-modal .modal-overlay {
    position: absolute;
    inset: 0;
    background: var(--app-modal-mask-bg, rgba(11, 14, 17, 0.62));
    backdrop-filter: var(--app-modal-mask-filter, blur(16px) saturate(1.04));
    -webkit-backdrop-filter: var(--app-modal-mask-filter, blur(16px) saturate(1.04));
    z-index: var(--z-modal-backdrop-max, 2147483646);
}

body #confirm-modal .modal-container {
    position: relative;
    max-width: var(--ui-confirm-dialog-max-width, 420px);
    width: 90%;
    z-index: var(--z-modal-max, 2147483647);
    animation: none !important;
    transform: none !important;
    transform-origin: center center !important;
    will-change: auto !important;
}

body #confirm-modal .modal-header {
    background: var(--modal-header-bg, linear-gradient(135deg, #F0B90B 0%, #F8D12F 100%));
    color: var(--modal-header-fg, #1E2329);
    text-align: center;
}

body #confirm-modal .modal-header h3 {
    margin: 0;
    text-align: center;
}

body #confirm-modal .modal-body {
    padding: 24px;
}

body #confirm-modal #confirm-message {
    font-size: 15px;
    color: var(--text-primary);
    margin: 0;
    line-height: 1.8;
    white-space: pre-wrap;
    word-break: break-word;
    text-align: center;
}

body #confirm-modal .modal-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    padding: 16px 24px;
    box-sizing: border-box;
}

body #confirm-modal .confirm-modal-action {
    min-width: 80px;
}

body #confirm-modal .confirm-modal-confirm {
    background: #F0B90B;
    color: var(--text-primary);
    border: none;
    font-weight: 600;
}

.enhanced-confirm-modal .modal-header {
    display: block;
}

.enhanced-confirm-modal .modal-header h3 {
    justify-content: flex-start;
    text-align: left;
    width: auto;
}

.enhanced-confirm-modal .enhanced-confirm__body {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.enhanced-confirm-modal .enhanced-confirm__body > div {
    text-align: center;
}