/* SweetAlert2 Custom Styling for forms */
.swal2-input {
    width: 100% !important;
    padding: 0.875rem 1rem !important;
    border: 1.5px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--surface) !important;
    color: var(--text-primary) !important;
    font-size: 0.95rem !important;
    font-family: var(--font-primary) !important;
    transition: all var(--transition-fast) !important;
    outline: none !important;
    box-sizing: border-box !important;
    margin: 0.25rem 0 !important;
}

.swal2-input:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;
    background: var(--surface) !important;
}

.swal2-html-container .form-group {
    margin-bottom: 1rem !important;
    text-align: left !important;
}

.swal2-html-container .form-group label {
    display: block !important;
    margin-bottom: 0.5rem !important;
    color: var(--text-primary) !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
}

.aliases-container .alias-item {
    background: var(--bg-secondary);
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-sm);
    margin: 0.25rem 0;
    border-left: 3px solid var(--primary);
}

.aliases-container .no-aliases {
    color: var(--text-secondary);
    font-style: italic;
    text-align: center;
    padding: 1rem;
}

.aliases-container h4 {
    color: var(--text-primary);
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
    font-weight: 600;
}

/* Wider modals for AI hint / long content */
.swal-wide {
    width: min(680px, calc(100% - 2rem)) !important;
    border-radius: 18px !important;
}

.swal2-popup {
    overflow-x: hidden !important;
}

.swal2-html-container {
    overflow-x: hidden !important;
}

.swal2-textarea {
    width: 100% !important;
    padding: 0.875rem 1rem !important;
    border: 1.5px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--surface) !important;
    color: var(--text-primary) !important;
    font-size: 0.95rem !important;
    font-family: var(--font-primary) !important;
    box-sizing: border-box !important;
}

/* Ensure SweetAlert2 always appears above app modals (Settings uses z-index: 2000) */
.swal2-container {
    z-index: 10001 !important;
}

.swal2-popup {
    z-index: 10002 !important;
}