/* Syncfusion dialogs: neutral surfaces, quiet structure, petrol for interaction only. */
.e-dialog {
    background-color: var(--fc-surface);
    color: var(--fc-text);
    border: 1px solid var(--fc-border);
    border-radius: var(--fc-radius-card);
    box-shadow: var(--fc-shadow-dialog);
}

.e-dialog .e-dlg-header-content {
    background-color: var(--fc-surface);
    border-bottom: 1px solid var(--fc-divider);
    border-radius: var(--fc-radius-card) var(--fc-radius-card) 0 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.e-dialog .e-dlg-header {
    color: var(--fc-text);
    font-weight: 600;
}

.e-dialog .e-dlg-content {
    background-color: var(--fc-surface);
    color: var(--fc-text);
}

.e-dialog .e-footer-content {
    background-color: var(--fc-surface);
    border-top: 1px solid var(--fc-divider);
    border-radius: 0 0 var(--fc-radius-card) var(--fc-radius-card);
}

.e-dialog .e-dlg-closeicon-btn {
    color: var(--fc-text-secondary);
    border-radius: var(--fc-radius-sm);
}

.e-dialog .e-dlg-closeicon-btn:hover,
.e-dialog .e-dlg-closeicon-btn:focus {
    background-color: var(--fc-primary-soft);
    color: var(--fc-primary);
}

.e-dlg-overlay {
    background-color: var(--fc-overlay);
}