/* Dialog backdrops follow the page theme; motion is shared by modal-motion.js. */
:root { --modal-backdrop: color-mix(in srgb, var(--bg) 72%, transparent); }
:root[data-theme="light"] { --modal-backdrop: rgba(0, 0, 0, .3); }
:is(.modal-overlay, .user-modal-overlay, .profile-modal-overlay,
    .customer-confirm-dialog, .vehicle-confirm-dialog, .customer-loose-sale-dialog,
    .global-viewer-overlay, .services-stock-modal, .vehicle-inspection-modal,
    .invoice-create-dialog, .tradeoffer-create-dialog, .invoice-book-confirm,
    .invoice-email-dialog, .invoice-message-dialog, .invoice-pdf-viewer,
    .invoice-draft-viewer, .tradeoffer-pdf-viewer, .scheduler-job-dialog,
    .request-reply-modal, .winter-storage-modal, .loan-modal, .maintenance-dialog) {
    background: var(--modal-backdrop) !important;
    backdrop-filter: blur(8px) !important;
    transition: none !important;
    animation: none !important;
}
:is(.modal-overlay, .user-modal-overlay, .profile-modal-overlay,
    .customer-confirm-dialog, .vehicle-confirm-dialog, .customer-loose-sale-dialog,
    .global-viewer-overlay, .services-stock-modal, .vehicle-inspection-modal,
    .invoice-create-dialog, .tradeoffer-create-dialog, .invoice-book-confirm,
    .invoice-email-dialog, .invoice-message-dialog, .invoice-pdf-viewer,
    .invoice-draft-viewer, .tradeoffer-pdf-viewer, .scheduler-job-dialog,
    .request-reply-modal, .winter-storage-modal, .loan-modal, .maintenance-dialog) > :first-child {
    transition: none !important;
    animation: none !important;
}

[data-modal-exit], [data-modal-exit] > :first-child { transition: none !important; animation: none !important; }
.task-dialog::backdrop { background: var(--modal-backdrop); backdrop-filter: blur(8px); }
.pit-native-modal[open]::backdrop { animation: pit-native-backdrop-in 180ms ease both; }
.pit-native-modal[data-modal-closing]::backdrop { animation: pit-native-backdrop-out 180ms ease both; }
@keyframes pit-native-backdrop-in { from { opacity:0; } to { opacity:1; } }
@keyframes pit-native-backdrop-out { from { opacity:1; } to { opacity:0; } }

/* Customer and vehicle detail panels previously created a second, blue pseudo-backdrop. */
body:has(.options-notes-panel.open)::before,
body:has(.options-dinero-panel.open)::before,
body:has(.options-sms-panel.open)::before{content:none !important}
.pit-modal-backdrop{
    position:fixed;
    inset:0;
    background:var(--modal-backdrop);
    backdrop-filter:blur(8px);
    pointer-events:none;
}
:is(.options-notes-panel,.options-dinero-panel,.options-sms-panel).open{
    background:var(--surface);
    box-shadow:var(--shadow);
    transition:none !important;
    animation:none !important;
}