/**
 * Resend Appointment Reminder popup
 * Shell: popup.css (client popup shell — grouped). Load after popup.css.
 */

/* Time dropdown: above footer and not clipped */
#resendReminderModal .resend-reminder-time-wrap {
    position: relative;
}

#resendReminderModal .custom-time-dropdown {
    width: 100%;
    z-index: 1060;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.resend-reminder-popup .resend-reminder-popup-btn-submit.invite-client-popup-btn-submit-green {
    background: linear-gradient(135deg, #198754 0%, #0d6838 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 135, 84, 0.35);
}

.resend-reminder-popup .resend-reminder-popup-btn-submit.invite-client-popup-btn-submit-green:hover {
    background: linear-gradient(135deg, #20c997 0%, #198754 100%) !important;
    box-shadow: 0 4px 12px rgba(25, 135, 84, 0.45);
}

[data-theme="dark"] #resendReminderModal .custom-time-dropdown {
    background: #23272b;
    border-color: #2a2a2a;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    color: #e0e0e0;
}

[data-theme="dark"] #resendReminderModal .custom-time-dropdown .dropdown-option:hover {
    background-color: #2c3138;
    color: #fff;
}

/*
 * Property notice (#propertyNoticePromptModal): new/style.css sets .property-notice .modal-header
 * to #fff8e1 !important — needs ID + .property-notice chain to win in dark theme (dashboard may not load property-notice-popup.css).
 */
[data-theme="dark"] #propertyNoticePromptModal .property-notice .modal-header.resend-reminder-popup-header {
    background: var(--bs-body-bg, #1e1e1e) !important;
    background-color: var(--bs-body-bg, #1e1e1e) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] #propertyNoticePromptModal .property-notice .modal-header.resend-reminder-popup-header .resend-reminder-popup-title,
[data-theme="dark"] #propertyNoticePromptModal .property-notice .modal-header.resend-reminder-popup-header h5.modal-title {
    color: #f1f1f1 !important;
}