/**
 * Client portal Light AI overlay for Bootstrap modals.
 * Matches /portal questionnaire (white cards, #2563eb, #e5e7eb).
 *
 * Additive only. Do not rename JS-hooked classes.
 * Scope: body.bk-client-body (portal) and client login (body.body-class.bk-auth3-page).
 * Attorney / admin layouts are not targeted.
 *
 * Load after popup.css + popup_glass.css.
 */

/* =========================================================
 * Scope helpers
 * ========================================================= */
body.bk-client-body,
body.body-class.bk-auth3-page {
	--bk-popup-ai-blue: #2563eb;
	--bk-popup-ai-blue-strong: #1d4ed8;
	--bk-popup-ai-blue-soft: #eff6ff;
	--bk-popup-ai-blue-border: #bfdbfe;
	--bk-popup-ai-blue-ink: #1e40af;
	--bk-popup-ai-text: #111827;
	--bk-popup-ai-muted: #6b7280;
	--bk-popup-ai-line: #e5e7eb;
	--bk-popup-ai-paper: #f8f9fa;
	--bk-popup-ai-card: #ffffff;
	/* Soft near-white body paper (product: #fcfdfd) */
	--bk-popup-ai-body: #fcfdfd;
	--bk-popup-ai-radius: 12px;
	--bk-popup-ai-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
	--bk-popup-head-num: #3d5bc7;
	--bk-popup-head-ink: #10141a;
	--bk-popup-head-faint: rgba(16, 20, 26, 0.62);
	--bk-popup-head-grad: linear-gradient(
		135deg,
		rgba(124, 157, 251, 0.22) 0%,
		rgba(169, 124, 240, 0.1) 48%,
		rgba(124, 157, 251, 0.08) 100%
	);
	--bk-popup-head-line: rgba(124, 157, 251, 0.16);

	--popup-ink: var(--bk-popup-ai-blue-strong);
	--popup-ink-soft: var(--bk-popup-ai-blue-ink);
	--popup-gold: var(--bk-popup-ai-blue);
	--popup-gold-soft: var(--bk-popup-ai-blue-soft);
	--popup-gold-ink: var(--bk-popup-ai-blue-ink);
	--popup-muted: #f3f4f6;
	--popup-text: var(--bk-popup-ai-text);
	--popup-text-muted: var(--bk-popup-ai-muted);
	--popup-body-bg: var(--bk-popup-ai-card);
	--popup-header-border: var(--bk-popup-ai-line);
	--popup-card-border: var(--bk-popup-ai-line);
	--popup-border-radius: var(--bk-popup-ai-radius);
}

body.bk-client-body .modal,
body.body-class.bk-auth3-page .modal {
	--popup-gold: var(--bk-popup-ai-blue);
	--popup-gold-soft: var(--bk-popup-ai-blue-soft);
	--popup-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-guide-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-guide-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-rpt-gold: var(--bk-popup-ai-blue);
	--bk-rpt-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-rpt-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-rpt-paper: var(--bk-popup-ai-paper);
	--bk-rpt-line: var(--bk-popup-ai-line);
	--bk-rpt-text: var(--bk-popup-ai-text);
	--bk-rpt-text-muted: var(--bk-popup-ai-muted);
	--bk-plc-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-plc-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-poc-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-poc-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-cred-gold: var(--bk-popup-ai-blue);
	--bk-cred-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-cred-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-cred-paper: var(--bk-popup-ai-paper);
	--bk-cred-line: var(--bk-popup-ai-line);
	--bk-cred-text: var(--bk-popup-ai-text);
	--bk-notif-gold: var(--bk-popup-ai-blue);
	--bk-notif-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-notif-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-roc-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-roc-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-doc-gold: var(--bk-popup-ai-blue);
	--bk-doc-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-doc-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-pv-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-pv-gold-ink: var(--bk-popup-ai-blue-ink);
}

body.bk-client-body #creditorPopup,
body.bk-client-body #creditReportGuideModal,
body.bk-client-body #clientNotificationDetailModal,
body.bk-client-body #signed_doc_modal,
body.bk-client-body #prpertyPreviewModal,
body.bk-client-body #propertyOcrConfirmModal,
body.bk-client-body #residentOcrConfirmModal,
body.bk-client-body #profitLossConfirmModal,
body.bk-client-body #clientDocumentsDownloadModal {
	--bk-rpt-gold: var(--bk-popup-ai-blue);
	--bk-rpt-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-rpt-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-cred-gold: var(--bk-popup-ai-blue);
	--bk-cred-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-cred-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-guide-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-guide-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-notif-gold: var(--bk-popup-ai-blue);
	--bk-notif-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-notif-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-doc-gold: var(--bk-popup-ai-blue);
	--bk-doc-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-doc-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-pv-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-pv-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-poc-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-poc-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-poc-paper: var(--bk-popup-ai-card);
	--bk-poc-line: var(--bk-popup-ai-line);
	--bk-poc-text: var(--bk-popup-ai-text);
	--bk-roc-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-roc-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-roc-paper: var(--bk-popup-ai-card);
	--bk-roc-line: var(--bk-popup-ai-line);
	--bk-plc-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-plc-gold-ink: var(--bk-popup-ai-blue-ink);
}

/* =========================================================
 * Dialog panel — solid white, no frost
 * ========================================================= */
body.bk-client-body .modal-content.resend-reminder-popup,
body.bk-client-body .modal-content.guide-video-popup,
body.bk-client-body .modal-content.plaid-initializing-popup,
body.bk-client-body .modal-content.pl-confirm-popup,
body.bk-client-body .modal-content.pl-form-popup,
body.bk-client-body .modal-content.tax-return-popup,
body.bk-client-body .modal-content.detailed-items-popup,
body.bk-client-body .modal-content.doc-upload-popup,
body.bk-client-body .modal-content.utility-items-popup,
body.body-class.bk-auth3-page .modal-content.resend-reminder-popup {
	border: 1px solid rgba(255, 255, 255, 0.85) !important;
	border-radius: 18px !important;
	background: rgba(255, 255, 255, 0.92) !important;
	box-shadow: 0 8px 28px rgba(120, 100, 160, 0.12) !important;
	backdrop-filter: blur(22px) saturate(140%) !important;
	-webkit-backdrop-filter: blur(22px) saturate(140%) !important;
	overflow: hidden;
}

/* Step-flow upload owns chrome on .bk-up-sheet — do not paint a square glass panel behind it. */
body.bk-client-body #both_document_upload_modal.bk-upload-modal--step-flow .modal-content.resend-reminder-popup:has(.bk-up-sheet),
body.bk-client-body #both_document_upload_modal.bk-upload-modal--step-flow .modal-content.documents-upload-popup:has(.bk-up-sheet),
body.bk-client-body #both_document_upload_modal.bk-upload-modal--step-flow .modal-content.bk-upload-modal__content:has(.bk-up-sheet) {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	overflow: visible !important;
}

/* Solid body cards (guide video body stays untouched below) */
body.bk-client-body .resend-reminder-popup .resend-reminder-popup-card,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-card,
body.bk-client-body .pl-form-popup .pl-form-popup-card,
body.bk-client-body .tax-return-popup .tax-return-popup-card,
body.bk-client-body .plaid-initializing-popup .plaid-initializing-popup-card,
body.body-class.bk-auth3-page .resend-reminder-popup .resend-reminder-popup-card {
	background: var(--bk-popup-ai-card) !important;
	border: 1px solid var(--bk-popup-ai-line) !important;
	border-radius: var(--bk-popup-ai-radius) !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

body.bk-client-body .resend-reminder-popup .resend-reminder-popup-body,
body.bk-client-body .modal .modal-body.resend-reminder-popup-body,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-body,
body.bk-client-body .pl-form-popup .pl-form-popup-body,
body.bk-client-body .tax-return-popup .tax-return-popup-body,
body.bk-client-body .plaid-initializing-popup .plaid-initializing-popup-body,
body.body-class.bk-auth3-page .resend-reminder-popup .resend-reminder-popup-body {
	background: var(--bk-popup-ai-body) !important;
	padding: 18px 20px !important;
}

body.bk-client-body #video_modal .guide-video-popup-body,
body.bk-client-body #video_modal .guide-video-popup-body.p-0,
body.bk-client-body .guide-video-popup .guide-video-popup-body.p-0 {
	padding: 0 !important;
	background: #fff !important;
}

body.bk-client-body .resend-reminder-popup .resend-reminder-popup-footer,
body.bk-client-body .modal .modal-footer.resend-reminder-popup-footer,
body.bk-client-body .guide-video-popup .guide-video-popup-footer,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-footer,
body.bk-client-body .pl-form-popup .pl-form-popup-footer,
body.bk-client-body .tax-return-popup .tax-return-popup-footer,
body.bk-client-body .plaid-initializing-popup .plaid-initializing-popup-footer,
body.bk-client-body #profitLossConfirmModal .profit-loss-confirm-popup-footer,
body.bk-client-body #clientNotificationDetailModal .notification-detail-popup-footer,
body.bk-client-body #creditReportGuideModal .credit-report-guide-popup-footer,
body.bk-client-body #prpertyPreviewModal .property-value-preview-popup-footer,
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__footer,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-footer,
body.bk-client-body #openFlagPopupModal .open-flag-popup__footer,
body.bk-client-body #openFlagPopupModal .open-flag-popup-modal-footer,
body.bk-client-body #openFlagPopupModal .modal-footer.resend-reminder-popup-footer,
body.body-class.bk-auth3-page .resend-reminder-popup .resend-reminder-popup-footer,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .login-screen-notice-popup__footer {
	background: var(--bk-popup-ai-card) !important;
	border-top: 1px solid var(--bk-popup-head-line) !important;
	padding: 14px 20px 16px !important;
	box-shadow: none !important;
}

body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__body,
body.bk-client-body #incompleteDataModal .incomplete-data-popup__body,
body.bk-client-body #successModal .success-modal-popup__body,
body.bk-client-body #clientNotificationDetailModal .notification-detail-popup-body,
body.bk-client-body #creditReportGuideModal .credit-report-guide-popup-body,
body.bk-client-body #prpertyPreviewModal .property-value-preview-popup-body,
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__body,
body.bk-client-body #profitLossConfirmModal .profit-loss-confirm-popup-body {
	background: var(--bk-popup-ai-body) !important;
}

body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__footer,
body.bk-client-body #incompleteDataModal .incomplete-data-popup__footer,
body.bk-client-body #successModal .success-modal-popup__footer,
body.bk-client-body #vehicleVinHelpModal .resend-reminder-popup-footer {
	background: var(--bk-popup-ai-card) !important;
	border-top: 1px solid var(--bk-popup-head-line) !important;
}

body.bk-client-body .resend-reminder-popup .resend-reminder-popup-header,
body.bk-client-body .guide-video-popup .guide-video-popup-header,
body.bk-client-body #video_modal .guide-video-popup-header,
body.bk-client-body .plaid-initializing-popup .plaid-initializing-popup-header,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-header,
body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-header,
body.bk-client-body .pl-form-popup .pl-form-popup-header,
body.bk-client-body #profitLossFormModal .pl-form-popup-header,
body.bk-client-body #profitLossFormModal .profit-loss-form-popup-shell > .modal-header.pl-form-popup-header,
body.bk-client-body .tax-return-popup .tax-return-popup-header,
body.bk-client-body #taxReturnModal .tax-return-popup-header,
body.bk-client-body .modal .modal-header.resend-reminder-popup-header:not(.bk-up-main__top),
body.bk-client-body #documentNoticePromptModal .modal-header.resend-reminder-popup-header,
body.bk-client-body #documentNoticePromptModal .resend-reminder-popup .resend-reminder-popup-header,
body.bk-client-body #propertyNoticePromptModal .modal-header.resend-reminder-popup-header,
body.bk-client-body #propertyNoticePromptModal .property-notice .modal-header.resend-reminder-popup-header,
body.body-class.bk-auth3-page .resend-reminder-popup .resend-reminder-popup-header,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-header.resend-reminder-popup-header {
	background: var(--bk-popup-head-grad) !important;
	background-color: #eef2ff !important;
	background-image: var(--bk-popup-head-grad) !important;
	border-bottom: 1px solid var(--bk-popup-head-line) !important;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.35);
	color: var(--bk-popup-head-ink) !important;
	padding: 12px 18px 10px !important;
}

body.bk-client-body .modal .modal-header .resend-reminder-popup-title,
body.bk-client-body .modal .modal-header h5.resend-reminder-popup-title,
body.bk-client-body .modal .modal-header .modal-title.resend-reminder-popup-title,
body.bk-client-body .modal-content-div.resend-reminder-popup .modal-header h5.resend-reminder-popup-title,
body.bk-client-body .guide-video-popup .guide-video-popup-title,
body.bk-client-body #video_modal .guide-video-popup-header .guide-video-popup-title,
body.bk-client-body #video_modal .modal-header h5.guide-video-popup-title,
body.bk-client-body #video_modal .modal-content-div.guide-video-popup .modal-header h5.guide-video-popup-title,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-title,
body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-header h5.pl-confirm-popup-title,
body.bk-client-body #profitLossConfirmModal .modal-header h5.pl-confirm-popup-title,
body.bk-client-body #profitLossConfirmModal .modal-content-div.pl-confirm-popup .modal-header h5.pl-confirm-popup-title,
body.bk-client-body .pl-form-popup .pl-form-popup-title,
body.bk-client-body #profitLossFormModal .pl-form-popup-header h5.pl-form-popup-title,
body.bk-client-body #profitLossFormModal .modal-header h5.pl-form-popup-title,
body.bk-client-body #profitLossFormModal .modal-content-div.pl-form-popup .modal-header h5.pl-form-popup-title,
body.bk-client-body .tax-return-popup .tax-return-popup-title,
body.bk-client-body #taxReturnModal .tax-return-popup-header h5.tax-return-popup-title,
body.bk-client-body #taxReturnModal .modal-header h5.tax-return-popup-title,
body.bk-client-body #taxReturnModal .modal-content-div.tax-return-popup .modal-header h5.tax-return-popup-title,
body.bk-client-body #documentNoticePromptModal .resend-reminder-popup-title,
body.bk-client-body #documentNoticePromptModal .property-notice .modal-header .resend-reminder-popup-title,
body.bk-client-body #documentNoticePromptModal .property-notice .modal-header h5.modal-title,
body.body-class.bk-auth3-page .modal .modal-header .resend-reminder-popup-title,
body.body-class.bk-auth3-page .modal .modal-header h5.resend-reminder-popup-title,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .resend-reminder-popup-title,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-title.resend-reminder-popup-title {
	font-family: "Fraunces", Georgia, serif !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em !important;
	line-height: 1.2 !important;
	color: var(--bk-popup-head-ink) !important;
	margin: 0 0 2px !important;
}

body.bk-client-body .modal .modal-header:not(.bk-up-main__top) .resend-reminder-popup-subtitle,
body.bk-client-body .guide-video-popup .guide-video-popup-subtitle,
body.bk-client-body #video_modal .guide-video-popup-subtitle,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-subtitle,
body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-subtitle,
body.bk-client-body #profitLossConfirmModal .profit-loss-confirm-popup-subtitle,
body.bk-client-body .pl-form-popup .pl-form-popup-subtitle,
body.bk-client-body #profitLossFormModal .pl-form-popup-subtitle,
body.bk-client-body #profitLossFormModal .profit-loss-form-popup-subtitle,
body.bk-client-body .tax-return-popup .tax-return-popup-subtitle,
body.bk-client-body #taxReturnModal .tax-return-popup-subtitle,
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__subtitle,
body.body-class.bk-auth3-page .modal .modal-header:not(.bk-up-main__top) .resend-reminder-popup-subtitle,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .resend-reminder-popup-subtitle {
	font-size: 11.5px !important;
	font-weight: 400 !important;
	color: var(--bk-popup-head-faint) !important;
	line-height: 1.4 !important;
	margin: 0 !important;
}

/* Icon sits in the same slot as the “01” step number */
body.bk-client-body .resend-reminder-popup .resend-reminder-popup-header-icon,
body.bk-client-body .guide-video-popup .guide-video-popup-header-icon,
body.bk-client-body .plaid-initializing-popup .plaid-initializing-popup-header-icon,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-header-icon,
body.bk-client-body .pl-form-popup .pl-form-popup-header-icon,
body.bk-client-body .tax-return-popup .tax-return-popup-header-icon,
body.bk-client-body .modal-header.resend-reminder-popup-header [class*="header-icon"],
body.body-class.bk-auth3-page .resend-reminder-popup .resend-reminder-popup-header-icon,
body.body-class.bk-auth3-page .modal-header.resend-reminder-popup-header [class*="header-icon"] {
	width: auto !important;
	height: auto !important;
	min-width: 22px !important;
	padding: 0 !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: var(--bk-popup-head-num) !important;
	font-size: 15px !important;
	line-height: 1.2 !important;
	align-self: baseline;
}

body.bk-client-body .modal-header.resend-reminder-popup-header [class*="header-icon"] svg,
body.bk-client-body .guide-video-popup .guide-video-popup-header-icon svg,
body.bk-client-body .tax-return-popup .tax-return-popup-header-icon svg,
body.bk-client-body .pl-form-popup .pl-form-popup-header-icon svg,
body.body-class.bk-auth3-page .modal-header.resend-reminder-popup-header [class*="header-icon"] svg {
	width: 18px !important;
	height: 18px !important;
	color: var(--bk-popup-head-num) !important;
}

body.bk-client-body .modal-header.resend-reminder-popup-header [class*="header-icon"] svg path,
body.bk-client-body .modal-header.resend-reminder-popup-header [class*="header-icon"] svg rect,
body.bk-client-body .guide-video-popup .guide-video-popup-header-icon svg path,
body.bk-client-body .tax-return-popup .tax-return-popup-header-icon svg path,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-header-icon svg path,
body.bk-client-body .pl-form-popup .pl-form-popup-header-icon svg path,
body.body-class.bk-auth3-page .modal-header.resend-reminder-popup-header [class*="header-icon"] svg path,
body.body-class.bk-auth3-page .modal-header.resend-reminder-popup-header [class*="header-icon"] svg rect {
	fill: none !important;
	stroke: var(--bk-popup-head-num) !important;
}

body.bk-client-body .modal-header.resend-reminder-popup-header [class*="header-icon"] i,
body.bk-client-body .pl-form-popup .pl-form-popup-header-icon i,
body.body-class.bk-auth3-page .modal-header.resend-reminder-popup-header [class*="header-icon"] i {
	color: var(--bk-popup-head-num) !important;
	font-size: 1.05rem !important;
	line-height: 1 !important;
}

body.bk-client-body .modal-header.resend-reminder-popup-header [class*="header-icon"] svg circle[fill],
body.body-class.bk-auth3-page .modal-header.resend-reminder-popup-header [class*="header-icon"] svg circle[fill] {
	fill: var(--bk-popup-head-num) !important;
	stroke: var(--bk-popup-head-num) !important;
}

body.bk-client-body .modal .modal-header .resend-reminder-popup-close,
body.bk-client-body .modal .modal-header .resend-reminder-popup-close.btn-close,
body.bk-client-body .guide-video-popup .guide-video-popup-close,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-close,
body.bk-client-body .pl-form-popup .pl-form-popup-close,
body.bk-client-body .tax-return-popup .tax-return-popup-close,
body.bk-client-body .modal .modal-header .dip-modal-close,
body.body-class.bk-auth3-page .modal .modal-header .resend-reminder-popup-close.btn-close {
	background-color: transparent !important;
	opacity: 0.55 !important;
	color: var(--bk-popup-head-ink) !important;
}

/* Always use CSS SVG X (nested .bi-x-lg is hidden below) */
body.bk-client-body .modal .modal-header .btn-close,
body.bk-client-body .modal .modal-header [class*="-popup-close"].btn-close,
body.bk-client-body .guide-video-popup .guide-video-popup-close.btn-close,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-close.btn-close,
body.bk-client-body .pl-form-popup .pl-form-popup-close.btn-close,
body.bk-client-body .tax-return-popup .tax-return-popup-close.btn-close,
body.body-class.bk-auth3-page .modal .modal-header .btn-close {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2310141a'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 0.7em auto !important;
}

body.bk-client-body .modal .modal-header .resend-reminder-popup-close i,
body.bk-client-body .modal .modal-header .guide-video-popup-close i,
body.bk-client-body .modal .modal-header .pl-confirm-popup-close i,
body.bk-client-body .modal .modal-header .pl-form-popup-close i,
body.bk-client-body .modal .modal-header .dip-modal-close i,
body.bk-client-body .modal .modal-header .btn-close > i,
body.body-class.bk-auth3-page .modal .modal-header .resend-reminder-popup-close i,
body.body-class.bk-auth3-page .modal .modal-header .btn-close > i {
	display: none !important;
}

body.bk-client-body .modal .modal-header .resend-reminder-popup-close:hover,
body.bk-client-body .modal .modal-header .resend-reminder-popup-close.btn-close:hover,
body.bk-client-body .modal .modal-header .dip-modal-close:hover {
	opacity: 0.9 !important;
	background-color: rgba(16, 20, 26, 0.06) !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2310141a'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") !important;
}

body.bk-client-body .modal .modal-header .btn-close:hover,
body.body-class.bk-auth3-page .modal .modal-header .btn-close:hover {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2310141a'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") !important;
}

body.bk-client-body .modal .modal-footer.resend-reminder-popup-footer .bottom-btn-div,
body.bk-client-body .modal .dip-footer .dip-footer-actions,
body.body-class.bk-auth3-page .modal .modal-footer .bottom-btn-div {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	margin: 0 !important;
	width: 100%;
}

body.bk-client-body .modal .modal-footer .resend-reminder-popup-btn-submit,
body.bk-client-body .modal .modal-footer .resend-reminder-popup-btn-back,
body.bk-client-body .modal .modal-footer .pl-confirm-popup-btn-dismiss,
body.bk-client-body .modal .modal-footer .guide-video-popup-btn-submit,
body.bk-client-body .modal .modal-footer .guide-video-popup-btn-back,
body.bk-client-body .modal .modal-footer .tax-return-popup-btn-back,
body.bk-client-body .modal .dip-footer .dip-btn-primary,
body.bk-client-body .modal .dip-footer .dip-btn-secondary,
body.bk-client-body #submitConfirmationModal .questionnaire-submit-popup__footer .btn,
body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__footer .btn,
body.body-class.bk-auth3-page .modal .modal-footer .resend-reminder-popup-btn-submit,
body.body-class.bk-auth3-page .modal .modal-footer .resend-reminder-popup-btn-back {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 36px !important;
	height: 36px !important;
	padding: 6px 14px !important;
	margin: 0 !important;
	border-radius: 9px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
	transform: none !important;
	white-space: nowrap;
}

body.bk-client-body .modal .modal-footer .resend-reminder-popup-btn-submit,
body.bk-client-body .modal .modal-footer .guide-video-popup-btn-submit,
body.bk-client-body .modal .dip-footer .dip-btn-primary,
body.bk-client-body #submitConfirmationModal .questionnaire-submit-popup__footer .btn.confirm-yes,
body.bk-client-body #submitConfirmationModal .questionnaire-submit-popup__footer .btn.resend-reminder-popup-btn-submit,
body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__footer .btn.session-timeout-popup__btn-relogin,
body.bk-client-body #utilityPopupModal .utility-items-popup__footer .dip-btn-primary,
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__footer .document-screen-notice-popup__btn-understood,
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__footer .resend-reminder-popup-btn-submit,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-footer-btns .btn.resend-reminder-popup-btn-submit,
body.body-class.bk-auth3-page .modal .modal-footer .resend-reminder-popup-btn-submit {
	background: #2563eb !important;
	border: 1px solid #2563eb !important;
	color: #ffffff !important;
}

body.bk-client-body .modal .modal-footer .resend-reminder-popup-btn-submit:hover,
body.bk-client-body .modal .dip-footer .dip-btn-primary:hover,
body.bk-client-body #submitConfirmationModal .questionnaire-submit-popup__footer .btn.confirm-yes:hover,
body.body-class.bk-auth3-page .modal .modal-footer .resend-reminder-popup-btn-submit:hover {
	background: #1d4ed8 !important;
	border-color: #1d4ed8 !important;
	color: #ffffff !important;
	transform: none !important;
	box-shadow: none !important;
}

body.bk-client-body .modal .modal-footer .resend-reminder-popup-btn-back,
body.bk-client-body .modal .modal-footer .pl-confirm-popup-btn-dismiss,
body.bk-client-body .modal .modal-footer .guide-video-popup-btn-back,
body.bk-client-body .modal .modal-footer .tax-return-popup-btn-back,
body.bk-client-body .modal .dip-footer .dip-btn-secondary,
body.bk-client-body #submitConfirmationModal .questionnaire-submit-popup__footer .btn.resend-reminder-popup-btn-back,
body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__footer .btn.resend-reminder-popup-btn-back,
body.bk-client-body #utilityPopupModal .utility-items-popup__footer .dip-btn-secondary,
body.bk-client-body #profitLossConfirmModal .profit-loss-confirm-popup-footer .resend-reminder-popup-btn-back,
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__footer .resend-reminder-popup-btn-back,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-footer-btns .btn.resend-reminder-popup-btn-back,
body.bk-client-body #incompleteDataModal .incomplete-data-popup__footer .resend-reminder-popup-btn-back,
body.bk-client-body #successModal .success-modal-popup__footer .resend-reminder-popup-btn-back,
body.bk-client-body #clientNotificationDetailModal .notification-detail-popup-footer .resend-reminder-popup-btn-back,
body.bk-client-body #creditReportGuideModal .credit-report-guide-popup-footer .resend-reminder-popup-btn-back,
body.body-class.bk-auth3-page .modal .modal-footer .resend-reminder-popup-btn-back {
	background: #ffffff !important;
	border: 1px solid #d1d5db !important;
	color: #111827 !important;
}

body.bk-client-body .modal .modal-footer .resend-reminder-popup-btn-back:hover,
body.bk-client-body .modal .dip-footer .dip-btn-secondary:hover,
body.bk-client-body #submitConfirmationModal .questionnaire-submit-popup__footer .btn.resend-reminder-popup-btn-back:hover,
body.body-class.bk-auth3-page .modal .modal-footer .resend-reminder-popup-btn-back:hover {
	background: #f9fafb !important;
	border-color: #2563eb !important;
	color: #2563eb !important;
}

body.bk-client-body .modal .modal-footer .resend-reminder-popup-btn-submit svg,
body.bk-client-body .modal .modal-footer .resend-reminder-popup-btn-back svg,
body.bk-client-body .modal .modal-footer .resend-reminder-popup-btn-submit i,
body.bk-client-body .modal .modal-footer .resend-reminder-popup-btn-back i {
	width: 14px;
	height: 14px;
	font-size: 14px;
	line-height: 1;
	flex-shrink: 0;
}

/* =========================================================
 * Open-flag: chips + question callout
 * ========================================================= */
body.bk-client-body #openFlagPopupModal .open-flag-popup__header-icon,
body.bk-client-body #openFlagPopupModal.open-flag-popup--info-card .open-flag-popup__header-icon,
body.bk-client-body #openFlagPopupModal.open-flag-popup--questionnaire-completion .open-flag-popup-header-icon.open-flag-popup__header-icon {
	background: none !important;
	color: var(--bk-popup-head-num) !important;
	border: none !important;
	box-shadow: none !important;
}

body.bk-client-body #openFlagPopupModal .open-flag-popup-qc-steps__arrow {
	color: var(--bk-popup-ai-blue) !important;
}

body.bk-client-body #pinwheelCalculationModal {
	--bk-pwc-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-pwc-gold-ink: var(--bk-popup-head-num);
	--bk-pwc-paper: var(--bk-popup-ai-paper);
	--bk-pwc-line: var(--bk-popup-ai-line);
	--bk-pwc-text: var(--bk-popup-ai-text);
}

body.bk-client-body #pinwheelCalculationModal .pinwheel-calculation-popup-header-icon.resend-reminder-popup-header-icon {
	background: none !important;
	color: var(--bk-popup-head-num) !important;
}

body.bk-client-body #pinwheelCalculationModal .pinwheel-calculation-popup-header-icon i {
	color: var(--bk-popup-head-num) !important;
}

body.bk-client-body #openFlagPopupModal .open-flag-popup__header-icon i {
	color: var(--bk-popup-head-num) !important;
}

body.bk-client-body #openFlagPopupModal .open-flag-popup__body {
	background: var(--bk-popup-ai-body) !important;
}

body.bk-client-body #clientChangePasswordModal .change-password-popup__body,
body.bk-client-body #clientChangePasswordModal .modal-body.change-password-popup__body {
	background: var(--bk-popup-ai-body) !important;
}

body.bk-client-body #openFlagPopupModal .open-flag-popup-dynamic-card,
body.bk-client-body #openFlagPopupModal .open-flag-popup-info-panel {
	background: var(--bk-popup-ai-card) !important;
	border: 1px solid var(--bk-popup-ai-line) !important;
	border-radius: var(--bk-popup-ai-radius) !important;
	box-shadow: var(--bk-popup-ai-shadow) !important;
}

body.bk-client-body #openFlagPopupModal .open-flag-popup-item-chip {
	background: var(--bk-popup-ai-blue-soft) !important;
	color: var(--bk-popup-ai-blue-ink) !important;
	border: 1px solid var(--bk-popup-ai-blue-border);
}

body.bk-client-body #openFlagPopupModal .open-flag-popup-question {
	background: var(--bk-popup-ai-blue-soft) !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
	color: var(--bk-popup-ai-text) !important;
	border-radius: var(--bk-popup-ai-radius) !important;
}

body.bk-client-body #openFlagPopupModal .open-flag-popup-notice {
	background: #fef2f2 !important;
	border: 1px solid #fecaca !important;
	border-radius: var(--bk-popup-ai-radius) !important;
}

body.bk-client-body #openFlagPopupModal .open-flag-popup-notice-icon {
	border-color: #fecaca !important;
	color: #b91c1c !important;
}

body.bk-client-body #openFlagPopupModal .open-flag-popup-notice-icon i {
	color: #b91c1c !important;
}

/* =========================================================
 * Shared modal BODY — Light AI (all client popups except guide)
 * Pattern: change-password / QC / property notice
 * Do not touch #video_modal body.
 * ========================================================= */

body.bk-client-body .modal:not(#video_modal) > .modal-dialog > .modal-content > .modal-body:not(.p-0),
body.bk-client-body .modal:not(#video_modal) .modal-body.resend-reminder-popup-body,
body.bk-client-body .modal:not(#video_modal) .modal-body[class*="-popup-body"],
body.bk-client-body .modal:not(#video_modal) .modal-body[class*="-popup__body"],
body.body-class.bk-auth3-page .modal .modal-body.resend-reminder-popup-body {
	background: var(--bk-popup-ai-body) !important;
	color: var(--bk-popup-ai-text) !important;
}

body.bk-client-body .modal:not(#video_modal) .modal-body.p-0,
body.bk-client-body #residentOcrConfirmModal .resident-ocr-confirm-popup-body,
body.bk-client-body #propertyOcrConfirmModal .property-ocr-confirm-popup-body {
	background: var(--bk-popup-ai-body) !important;
}

body.bk-client-body .modal:not(#video_modal) .resend-reminder-popup-card-heading,
body.bk-client-body .modal:not(#video_modal) .pl-confirm-popup-card-heading,
body.bk-client-body .modal:not(#video_modal) .pl-form-popup-card-heading,
body.bk-client-body .modal:not(#video_modal) .tax-return-popup-card-heading,
body.body-class.bk-auth3-page .modal .resend-reminder-popup-card-heading {
	margin: 0 0 6px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	color: var(--bk-popup-ai-blue-ink) !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

body.bk-client-body .modal:not(#video_modal) .resend-reminder-popup-card > p,
body.bk-client-body .modal:not(#video_modal) .resend-reminder-popup-body > p,
body.bk-client-body .modal:not(#video_modal) .modal-body > p:not([class*="warn"]):not([class*="notice"]),
body.body-class.bk-auth3-page .modal .resend-reminder-popup-body > p {
	font-size: 13.5px !important;
	line-height: 1.55 !important;
	color: var(--bk-popup-ai-text) !important;
}

body.bk-client-body .modal:not(#video_modal) .resend-reminder-popup-card > p:last-child,
body.bk-client-body .modal:not(#video_modal) .resend-reminder-popup-body > p:last-child {
	margin-bottom: 0 !important;
}

body.bk-client-body .modal:not(#video_modal) .confirm-question,
body.bk-client-body .modal:not(#video_modal) [class*="popup__lead"],
body.bk-client-body .modal:not(#video_modal) [class*="-popup-lead"],
body.bk-client-body .modal:not(#video_modal) .open-flag-popup-lead {
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.45 !important;
	color: var(--bk-popup-ai-text) !important;
}

body.bk-client-body .modal:not(#video_modal) [class*="popup__tip"]:not(button),
body.bk-client-body .modal:not(#video_modal) [class*="-popup-tip"],
body.bk-client-body .modal:not(#video_modal) [class*="popup-tip"] {
	font-size: 12.5px !important;
	line-height: 1.5 !important;
	color: var(--bk-popup-ai-muted) !important;
}

body.bk-client-body .modal:not(#video_modal) .open-flag-popup-insurance-policies__tip,
body.bk-client-body .modal:not(#video_modal) [class*="info-strip"],
body.bk-client-body .modal:not(#video_modal) [class*="info-banner"] {
	background: var(--bk-popup-ai-blue-soft) !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
	border-radius: 10px !important;
	color: var(--bk-popup-ai-blue-ink) !important;
}

body.bk-client-body .modal:not(#video_modal) .modal-body label,
body.bk-client-body .modal:not(#video_modal) .modal-body .form-label,
body.bk-client-body .modal:not(#video_modal) .resend-reminder-popup-card label {
	font-size: 12.5px !important;
	font-weight: 600 !important;
	color: var(--bk-popup-ai-text) !important;
}

body.bk-client-body .modal:not(#video_modal) .modal-body .form-control,
body.bk-client-body .modal:not(#video_modal) .modal-body .form-select,
body.bk-client-body .modal:not(#video_modal) .resend-reminder-popup-card .form-control,
body.bk-client-body .modal:not(#video_modal) .resend-reminder-popup-card .form-select {
	border: 1px solid #d1d5db !important;
	border-radius: 10px !important;
	font-size: 13.5px !important;
	color: var(--bk-popup-ai-text) !important;
	background: var(--bk-popup-ai-card) !important;
	box-shadow: none !important;
	min-height: 42px;
}

body.bk-client-body .modal:not(#video_modal) .modal-body .form-control:focus,
body.bk-client-body .modal:not(#video_modal) .modal-body .form-select:focus,
body.bk-client-body .modal:not(#video_modal) .resend-reminder-popup-card .form-control:focus,
body.bk-client-body .modal:not(#video_modal) .resend-reminder-popup-card .form-select:focus {
	border-color: #2563eb !important;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

body.bk-client-body .modal:not(#video_modal) .modal-body .form-control::placeholder {
	color: #9ca3af !important;
}

body.bk-client-body .modal:not(#video_modal) [class*="check-row"],
body.bk-client-body .modal:not(#video_modal) [class*="checklist"] [role="listitem"] {
	color: var(--bk-popup-ai-text) !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}

body.bk-client-body .modal:not(#video_modal) [class*="check-row"] svg,
body.bk-client-body #submitConfirmationModal .questionnaire-submit-popup__check-row svg,
body.bk-client-body #questionnaireSubmitConfirmationModal .questionnaire-submit-popup__check-row svg {
	stroke: #16a34a !important;
	color: #16a34a !important;
}

body.bk-client-body #taxReturnModal .tax-return-popup-body-label {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: var(--bk-popup-ai-text) !important;
	margin: 0 0 12px !important;
}

body.bk-client-body #taxReturnModal .tax-return-popup-provider {
	background: var(--bk-popup-ai-card) !important;
	border: 1px solid var(--bk-popup-ai-line) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
}

body.bk-client-body #taxReturnModal .tax-return-popup-badge {
	background: var(--bk-popup-ai-blue-soft) !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
	color: var(--bk-popup-ai-blue-ink) !important;
	border-radius: 8px !important;
}

body.bk-client-body #taxReturnModal .tax-return-popup-service {
	color: var(--bk-popup-ai-text) !important;
	font-weight: 700 !important;
}

body.bk-client-body #taxReturnModal .tax-return-popup-url {
	color: var(--bk-popup-ai-muted) !important;
}

body.bk-client-body #taxReturnModal .tax-return-popup-visit {
	background: #2563eb !important;
	color: #fff !important;
	border: none !important;
	border-radius: 8px !important;
}

body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__lead,
body.bk-client-body #incompleteDataModal .incomplete-data-popup__lead,
body.bk-client-body #successModal .success-modal-popup__lead,
body.bk-client-body #editRequestWarning .edit-request-warning-popup__lead {
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.55 !important;
	color: var(--bk-popup-ai-text) !important;
}

body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__saved,
body.bk-client-body #sessionTimeOutPopup [class*="saved"] {
	background: #ecfdf5 !important;
	border: 1px solid #a7f3d0 !important;
	border-radius: 10px !important;
	color: #065f46 !important;
}

body.body-class.bk-auth3-page #clientLoginNoticePromptModal .login-screen-notice-popup__device-tile,
body.bk-client-body #clientLoginNoticePromptModal .login-screen-notice-popup__device-tile {
	background: var(--bk-popup-ai-card) !important;
	border: 1px solid var(--bk-popup-ai-line) !important;
	border-radius: 10px !important;
}

body.body-class.bk-auth3-page #clientLoginNoticePromptModal .login-screen-notice-popup__devices-title,
body.bk-client-body #clientLoginNoticePromptModal .login-screen-notice-popup__devices-title {
	color: var(--bk-popup-ai-blue-ink) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

body.bk-client-body #openFlagPopupModal .open-flag-popup-dynamic-card p,
body.bk-client-body #openFlagPopupModal .open-flag-popup-info-panel p {
	font-size: 13.5px !important;
	line-height: 1.55 !important;
	color: var(--bk-popup-ai-text) !important;
}

body.bk-client-body #openFlagPopupModal .open-flag-popup-dynamic-card {
	padding: 16px 18px !important;
}

html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) .modal-body .form-control,
html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) .modal-body .form-select,
html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) .resend-reminder-popup-card .form-control {
	border-color: #3f3f46 !important;
	background: #1a1b1e !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #taxReturnModal .tax-return-popup-provider {
	background: var(--bk-popup-ai-card) !important;
	border-color: var(--bk-popup-ai-line) !important;
}

html[data-theme="dark"] body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__saved,
html[data-theme="dark"] body.bk-client-body #sessionTimeOutPopup [class*="saved"] {
	background: rgba(16, 185, 129, 0.12) !important;
	border-color: rgba(16, 185, 129, 0.35) !important;
	color: #6ee7b7 !important;
}

/* =========================================================
 * DIP / utility hosts — gold leftovers
 * ========================================================= */
body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__header-icon,
body.bk-client-body #utilityPopupModal .utility-items-popup__header-icon {
	background: none !important;
	color: var(--bk-popup-head-num) !important;
}

body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__header-svg,
body.bk-client-body #utilityPopupModal .utility-items-popup__header-svg {
	stroke: var(--bk-popup-head-num) !important;
}

body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__body.dip-body,
body.bk-client-body #detailedItemsPopupModal .dip-body.detailed-items-popup__body,
body.bk-client-body #detailedItemsPopupModal .modal-body.dip-body,
body.bk-client-body #utilityPopupModal .utility-items-popup__body.dip-body,
body.bk-client-body #utilityPopupModal .dip-body {
	background: var(--bk-popup-ai-card) !important;
}

body.bk-client-body #utilityPopupModal .dip-footer,
body.bk-client-body #utilityPopupModal .modal-footer.dip-footer,
body.bk-client-body #utilityPopupModal .utility-items-popup__footer.dip-footer,
body.bk-client-body #detailedItemsPopupModal .dip-footer,
body.bk-client-body #detailedItemsPopupModal .modal-footer.dip-footer {
	background: transparent !important;
	border-top: 1px solid var(--bk-popup-head-line) !important;
	padding: 14px 20px 16px !important;
}

body.bk-client-body #utilityPopupModal .utility-items-popup__footer .dip-footer-summary-val,
body.bk-client-body #detailedItemsPopupModal .dip-footer-summary-val {
	color: var(--bk-popup-head-ink) !important;
}

body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__info-banner,
body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__info-banner.dip-garage-sale-notice,
body.bk-client-body #detailedItemsPopupModal .dip-garage-sale-notice {
	background: var(--bk-popup-ai-blue-soft) !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
	color: var(--bk-popup-ai-blue-ink) !important;
}

body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__info-banner-icon,
body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__info-banner-icon svg,
body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__header-icon {
	color: var(--bk-popup-ai-blue-ink);
}

body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__info-banner-icon svg {
	stroke: var(--bk-popup-ai-blue-ink) !important;
}

body.bk-client-body #utilityPopupModal .utility-items-popup__summary.dip-selected-bar {
	background: var(--bk-popup-ai-blue-soft) !important;
	border-color: var(--bk-popup-ai-blue-border) !important;
}

body.bk-client-body #utilityPopupModal .utility-items-popup__cat-icon.dip-section-card__icon,
body.bk-client-body #utilityPopupModal .utility-items-popup__custom-icon,
body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__card .dip-section-card__icon,
body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__custom-icon,
body.bk-client-body #detailedItemsPopupModal .firearms-popup__cat-icon {
	background: var(--bk-popup-ai-blue-soft) !important;
}

body.bk-client-body #utilityPopupModal .utility-items-popup__custom-icon svg,
body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__custom-icon svg,
body.bk-client-body #detailedItemsPopupModal .firearms-popup__cat-icon svg,
body.bk-client-body #detailedItemsPopupModal .firearms-popup__header-svg {
	stroke: var(--bk-popup-ai-blue-ink) !important;
}

body.bk-client-body #detailedItemsPopupModal .firearms-popup__header-svg {
	stroke: var(--bk-popup-head-num) !important;
}

/* =========================================================
 * Per-popup gold callouts / header chips (hardcoded hex)
 * ========================================================= */
body.bk-client-body .edit-request-warning-popup__header-icon,
body.bk-client-body .questionnaire-submit-popup .resend-reminder-popup-header-icon,
body.bk-client-body .bk-client-questionnaire-intro-popup__header-icon,
body.bk-client-body .change-password-popup .resend-reminder-popup-header-icon,
body.body-class.bk-auth3-page .login-screen-notice-popup .resend-reminder-popup-header-icon {
	color: var(--bk-popup-head-num) !important;
}

body.bk-client-body .profit-loss-form-popup-shell .profit-loss-form-popup-header-icon.resend-reminder-popup-header-icon,
body.bk-client-body .profit-loss-form-popup-shell .profit-loss-form-popup-header-icon.pl-form-popup-header-icon {
	background: none !important;
	color: var(--bk-popup-head-num) !important;
}

body.bk-client-body .profit-loss-form-popup-shell .profit-loss-form-popup-header-icon i {
	color: var(--bk-popup-head-num) !important;
}

body.bk-client-body .questionnaire-submit-popup__warn,
body.bk-client-body .questionnaire-submit-notice-shell,
body.bk-client-body .bk-client-questionnaire-intro-popup__reassure,
body.bk-client-body .success-modal-popup__card,
body.bk-client-body .document-screen-notice-popup .questionnaire-submit-notice-shell {
	border-color: var(--bk-popup-ai-line);
}

body.bk-client-body #incompleteDataModal .incomplete-data-popup-warn,
body.bk-client-body #submitConfirmationModal .questionnaire-submit-popup__warn,
body.bk-client-body #questionnaireSubmitConfirmationModal .questionnaire-submit-notice-shell,
body.bk-client-body #bkClientQuestionnaireIntroModal .bk-client-questionnaire-intro-popup__reassure,
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup-lead,
body.bk-client-body #specialDocumentUploadModal .special-doc-upload-notice,
body.bk-client-body #editRequestWarning .edit-request-warning-popup__warn,
body.bk-client-body #successModal .success-modal-popup__card--appt {
	background: var(--bk-popup-ai-blue-soft) !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
	color: var(--bk-popup-ai-blue-ink) !important;
}

body.bk-client-body #incompleteDataModal .incomplete-data-popup-warn svg,
body.bk-client-body #submitConfirmationModal .questionnaire-submit-popup__warn svg,
body.bk-client-body #questionnaireSubmitConfirmationModal svg,
body.bk-client-body #bkClientQuestionnaireIntroModal .bk-client-questionnaire-intro-popup__reassure svg,
body.bk-client-body #editRequestWarning .edit-request-warning-popup__warn svg,
body.bk-client-body #successModal .success-modal-popup__c-icon svg,
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__body svg,
body.bk-client-body #specialDocumentUploadModal svg {
	stroke: var(--bk-popup-ai-blue-ink);
	color: var(--bk-popup-ai-blue-ink);
}

/* Guide video gold accents */
body.bk-client-body #video_modal .guide-video-popup-header-icon svg path {
	fill: none !important;
	stroke: var(--bk-popup-head-num) !important;
}

/* VIN help uses resend-reminder shell */
body.bk-client-body #vehicleVinHelpModal .resend-reminder-popup-card {
	background: var(--bk-popup-ai-card) !important;
}

/* Beat ID-specific gold/salmon/green header chips */
body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__header-icon,
body.bk-client-body #incompleteDataModal .incomplete-data-popup__header-icon,
body.bk-client-body #successModal .success-modal-popup__header-icon,
body.bk-client-body #clientNotificationDetailModal .notification-detail-popup-header-icon,
body.bk-client-body #prpertyPreviewModal .property-value-preview-popup-header-icon,
body.bk-client-body #creditReportGuideModal .credit-report-guide-popup-header-icon,
body.bk-client-body #profitLossConfirmModal .profit-loss-confirm-popup-header-icon,
body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-header-icon,
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup-header-icon,
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__header-icon,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .login-screen-notice-popup__header-icon,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-header-icon,
body.bk-client-body #clientChangePasswordModal .change-password-popup__header-icon {
	background: none !important;
	color: var(--bk-popup-head-num) !important;
	border: none !important;
	box-shadow: none !important;
}

body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__header-icon svg,
body.bk-client-body #incompleteDataModal .incomplete-data-popup__header-icon svg,
body.bk-client-body #successModal .success-modal-popup__header-icon svg,
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__header-icon svg {
	stroke: var(--bk-popup-head-num) !important;
	color: var(--bk-popup-head-num) !important;
	fill: none !important;
}

body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__header-icon svg path,
body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__header-icon svg circle,
body.bk-client-body #incompleteDataModal .incomplete-data-popup__header-icon svg path,
body.bk-client-body #incompleteDataModal .incomplete-data-popup__header-icon svg circle,
body.bk-client-body #successModal .success-modal-popup__header-icon svg path,
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__header-icon svg path,
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__header-icon svg circle,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .login-screen-notice-popup__header-icon svg path,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .login-screen-notice-popup__header-icon svg rect,
body.bk-client-body #clientChangePasswordModal .change-password-popup__header-icon svg path {
	stroke: var(--bk-popup-head-num) !important;
	fill: none !important;
	color: var(--bk-popup-head-num) !important;
}

body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__header-icon svg circle[fill],
body.bk-client-body #incompleteDataModal .incomplete-data-popup__header-icon svg circle[fill],
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__header-icon svg circle[fill] {
	fill: var(--bk-popup-head-num) !important;
	stroke: var(--bk-popup-head-num) !important;
}

body.bk-client-body #clientNotificationDetailModal .notification-detail-popup-header-icon i,
body.bk-client-body #prpertyPreviewModal .property-value-preview-popup-header-icon i,
body.bk-client-body #creditReportGuideModal .credit-report-guide-popup-header-icon i,
body.bk-client-body #profitLossConfirmModal .profit-loss-confirm-popup-header-icon i,
body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-header-icon i,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-header-icon i {
	color: var(--bk-popup-head-num) !important;
}

body.bk-client-body #utilityPopupModal .dip-header,
body.bk-client-body #detailedItemsPopupModal .dip-header,
body.bk-client-body #detailedItemsPopupModal .modal-content.detailed-items-popup .dip-header {
	background: var(--bk-popup-head-grad) !important;
	background-color: #eef2ff !important;
	background-image: var(--bk-popup-head-grad) !important;
	border-bottom: 1px solid var(--bk-popup-head-line) !important;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.35);
	color: var(--bk-popup-head-ink) !important;
	padding: 12px 18px 10px !important;
	align-items: flex-start !important;
}

body.bk-client-body #utilityPopupModal .dip-modal-title,
body.bk-client-body #detailedItemsPopupModal .dip-modal-title {
	font-family: "Fraunces", Georgia, serif !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em !important;
	line-height: 1.2 !important;
	color: var(--bk-popup-head-ink) !important;
}

body.bk-client-body #utilityPopupModal .dip-modal-sub,
body.bk-client-body #detailedItemsPopupModal .dip-modal-sub {
	font-size: 11.5px !important;
	color: var(--bk-popup-head-faint) !important;
	line-height: 1.4 !important;
}

body.bk-client-body #utilityPopupModal .dip-modal-icon,
body.bk-client-body #detailedItemsPopupModal .dip-modal-icon {
	width: auto !important;
	height: auto !important;
	min-width: 22px !important;
	background: none !important;
	border-radius: 0 !important;
	color: var(--bk-popup-head-num) !important;
	align-self: baseline;
}

body.bk-client-body #utilityPopupModal .dip-modal-close,
body.bk-client-body #detailedItemsPopupModal .dip-modal-close {
	color: var(--bk-popup-head-ink) !important;
	opacity: 0.55;
	background: transparent !important;
}

body.bk-client-body #utilityPopupModal .dip-modal-close i,
body.bk-client-body #detailedItemsPopupModal .dip-modal-close i {
	color: var(--bk-popup-head-ink) !important;
}

body.bk-client-body #both_document_upload_modal:not(.bk-upload-modal--step-flow) .modal-content .dip-header.bk-doc-upload-modal__head,
body.bk-client-body #both_document_upload_modal:not(.bk-upload-modal--step-flow) .modal-content .modal-header.dip-header.bk-doc-upload-modal__head {
	background: var(--bk-popup-head-grad) !important;
	border-bottom: 1px solid var(--bk-popup-head-line) !important;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.35);
	padding: 12px 18px 10px !important;
	color: var(--bk-popup-head-ink) !important;
}

body.bk-client-body #both_document_upload_modal:not(.bk-upload-modal--step-flow) .bk-doc-upload-modal__head .dip-modal-title,
body.bk-client-body #both_document_upload_modal:not(.bk-upload-modal--step-flow) .bk-doc-upload-modal__head .resend-reminder-popup-title {
	font-family: "Fraunces", Georgia, serif !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	color: var(--bk-popup-head-ink) !important;
}

body.bk-client-body #both_document_upload_modal:not(.bk-upload-modal--step-flow) .bk-doc-upload-modal__head .dip-modal-sub,
body.bk-client-body #both_document_upload_modal:not(.bk-upload-modal--step-flow) .bk-doc-upload-modal__head .resend-reminder-popup-subtitle {
	font-size: 11.5px !important;
	color: var(--bk-popup-head-faint) !important;
}

body.bk-client-body #both_document_upload_modal:not(.bk-upload-modal--step-flow) .bk-doc-upload-modal__head .dip-modal-icon,
body.bk-client-body #both_document_upload_modal:not(.bk-upload-modal--step-flow) .bk-doc-upload-modal__head .resend-reminder-popup-header-icon {
	background: none !important;
	color: var(--bk-popup-head-num) !important;
	border-radius: 0 !important;
}

body.bk-client-body #both_document_upload_modal:not(.bk-upload-modal--step-flow) .bk-doc-upload-modal__head .who,
body.bk-client-body #both_document_upload_modal:not(.bk-upload-modal--step-flow) .bk-doc-upload-modal__head .header-label.who {
	color: var(--bk-popup-head-num) !important;
}

/* Upload modal “gold” category chip → Light AI blue */
body.bk-client-body #both_document_upload_modal .dip-section-card__icon--gold,
body.bk-client-body #both_document_upload_modal .bk-phh-item-card__icon.dip-section-card__icon--gold {
	background: var(--bk-popup-ai-blue-soft) !important;
	color: var(--bk-popup-ai-blue-ink) !important;
}

/* Custom Yes/No confirm used on client pages */
body.bk-client-body #customConfirm .custom-confirm-icon,
body.bk-client-body #customConfirm .swal-icon {
	background: var(--bk-popup-ai-blue-soft);
	color: var(--bk-popup-ai-blue);
}

/* Dark theme: tokens for portal + client login */
html[data-theme="dark"] body.bk-client-body,
html[data-theme="dark"] body.body-class.bk-auth3-page {
	--bk-popup-ai-paper: #141518;
	--bk-popup-ai-card: #1e2024;
	--bk-popup-ai-body: #181a1e;
	--bk-popup-ai-line: rgba(255, 255, 255, 0.1);
	--bk-popup-ai-text: #e8eaed;
	--bk-popup-ai-muted: #9aa0a6;
	--bk-popup-ai-blue: #3b82f6;
	--bk-popup-ai-blue-strong: #60a5fa;
	--bk-popup-ai-blue-soft: rgba(59, 130, 246, 0.16);
	--bk-popup-ai-blue-border: rgba(96, 165, 250, 0.32);
	--bk-popup-ai-blue-ink: #93c5fd;
	--bk-popup-ai-shadow: none;
	--bk-popup-head-num: #a8bdfc;
	--bk-popup-head-ink: #e8eaed;
	--bk-popup-head-faint: rgba(232, 234, 237, 0.64);
	--bk-popup-head-grad: linear-gradient(
		135deg,
		rgba(124, 157, 251, 0.22) 0%,
		rgba(169, 124, 240, 0.1) 48%,
		rgba(124, 157, 251, 0.08) 100%
	);
	--bk-popup-head-line: rgba(255, 255, 255, 0.1);
	--popup-ink: var(--bk-popup-ai-blue-strong);
	--popup-ink-soft: var(--bk-popup-ai-blue-ink);
	--popup-gold: var(--bk-popup-ai-blue);
	--popup-gold-soft: var(--bk-popup-ai-blue-soft);
	--popup-gold-ink: var(--bk-popup-ai-blue-ink);
	--popup-text: var(--bk-popup-ai-text);
	--popup-text-muted: var(--bk-popup-ai-muted);
	--popup-body-bg: var(--bk-popup-ai-body);
	--popup-card-border: var(--bk-popup-ai-line);
}

/* =========================================================
 * ID shells that used --popup-body-bg / --popup-ink and showed
 * the dimmed page as a dark frame (document notice, DIP, login).
 * ========================================================= */
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup,
body.bk-client-body #documentNoticePromptModal .modal-content.document-screen-notice-popup,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-shell,
body.bk-client-body #detailedItemsPopupModal .modal-content.detailed-items-popup,
body.bk-client-body #utilityPopupModal .modal-content.utility-items-popup,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .login-screen-notice-popup,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-content.resend-reminder-popup {
	background: var(--bk-popup-ai-card) !important;
}

body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__body,
body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__footer,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-body,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-footer,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .login-screen-notice-popup__body,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .login-screen-notice-popup__footer {
	background: var(--bk-popup-ai-card) !important;
}

body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__body,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-body,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .login-screen-notice-popup__body {
	background: var(--bk-popup-ai-body) !important;
}

body.bk-client-body #detailedItemsPopupModal .dip-footer,
body.bk-client-body #detailedItemsPopupModal .modal-footer.dip-footer,
body.bk-client-body #utilityPopupModal .dip-footer {
	background: var(--bk-popup-ai-card) !important;
}

body.bk-client-body #documentNoticePromptModal .modal-header.resend-reminder-popup-header,
body.bk-client-body #documentNoticePromptModal .property-notice .modal-header.resend-reminder-popup-header,
body.bk-client-body #propertyNoticePromptModal .modal-header.resend-reminder-popup-header,
body.bk-client-body #propertyNoticePromptModal .property-notice .modal-header.resend-reminder-popup-header,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-header.resend-reminder-popup-header {
	background: var(--bk-popup-head-grad) !important;
	background-color: #eef2ff !important;
	background-image: var(--bk-popup-head-grad) !important;
	color: var(--bk-popup-head-ink) !important;
}

html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .modal-header.resend-reminder-popup-header,
html[data-theme="dark"] body.bk-client-body #propertyNoticePromptModal .modal-header.resend-reminder-popup-header,
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-header,
html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-header.resend-reminder-popup-header {
	background-color: #1a1d28 !important;
}

/* =========================================================
 * Property notice body — Light AI (dashboard + property tab)
 * ========================================================= */
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-main-card.resend-reminder-popup-card {
	background: var(--bk-popup-ai-card) !important;
	border: 1px solid var(--bk-popup-ai-line) !important;
	border-radius: 12px !important;
	padding: 18px 20px !important;
	box-shadow: none !important;
}

body.bk-client-body #propertyNoticePromptModal .property-notice-popup-must {
	display: flex !important;
	gap: 12px !important;
	align-items: flex-start !important;
	background: #fef2f2 !important;
	border: 1px solid #fecaca !important;
	border-radius: 11px !important;
	padding: 13px 16px !important;
	margin-bottom: 16px !important;
}

body.bk-client-body #propertyNoticePromptModal .property-notice-popup-must-icon {
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	border-radius: 50% !important;
	background: #fff !important;
	color: #b91c1c !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 0.75rem !important;
}

body.bk-client-body #propertyNoticePromptModal .property-notice-popup-must-text,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-lead-text,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-must-hl,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-lead-text .text-danger {
	color: #b91c1c !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
}

body.bk-client-body #propertyNoticePromptModal .property-notice-popup-section-title.resend-reminder-popup-card-heading {
	font-size: 11px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	color: var(--bk-popup-ai-muted) !important;
	margin: 0 0 12px !important;
}

body.bk-client-body #propertyNoticePromptModal .property-notice-popup-list-icon-wrap,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-list-icon-wrap--value,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-list-icon-wrap--disclose {
	background: var(--bk-popup-ai-blue-soft) !important;
	color: var(--bk-popup-ai-blue-ink) !important;
	border-radius: 9px !important;
}

body.bk-client-body #propertyNoticePromptModal .property-notice-popup-list-text {
	color: var(--bk-popup-ai-text) !important;
	font-size: 13px !important;
	line-height: 1.55 !important;
}

body.bk-client-body #propertyNoticePromptModal .property-notice-popup-list-text strong {
	color: var(--bk-popup-head-ink) !important;
	font-weight: 700 !important;
}

body.bk-client-body #propertyNoticePromptModal .property-notice-popup-list-muted {
	color: var(--bk-popup-ai-muted) !important;
	font-weight: 400 !important;
}

body.bk-client-body #propertyNoticePromptModal .property-notice-popup-reassure,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-crucial-shell {
	display: flex !important;
	gap: 12px !important;
	align-items: flex-start !important;
	background: var(--bk-popup-ai-blue-soft) !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
	border-radius: 12px !important;
	padding: 14px 16px !important;
}

body.bk-client-body #propertyNoticePromptModal .property-notice-popup-crucial-icon-wrap,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-reassure-icon {
	width: auto !important;
	min-width: 22px !important;
	height: auto !important;
	background: none !important;
	color: var(--bk-popup-head-num) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-size: 1rem !important;
	padding: 0 !important;
}

body.bk-client-body #propertyNoticePromptModal .property-notice-popup-crucial-icon-wrap .bi,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-reassure-icon .bi {
	color: var(--bk-popup-head-num) !important;
}

body.bk-client-body #propertyNoticePromptModal .property-notice-popup-reassure-title,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-crucial-text {
	color: var(--bk-popup-ai-blue-ink) !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	margin-bottom: 2px !important;
}

body.bk-client-body #propertyNoticePromptModal .property-notice-popup-reassure-sub {
	color: var(--bk-popup-ai-muted) !important;
	font-size: 12.5px !important;
	line-height: 1.5 !important;
}

/* =========================================================
 * Beat popup_glass white titles + popup-ink blue headers
 * ========================================================= */
body.bk-client-body #video_modal .guide-video-popup-header,
body.bk-client-body #taxReturnModal .tax-return-popup-header,
body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-header,
body.bk-client-body #profitLossFormModal .modal-header.pl-form-popup-header,
body.bk-client-body #profitLossFormModal .profit-loss-form-popup-shell > .modal-header.pl-form-popup-header,
body.bk-client-body #profitLossFormModal .modal-content.modal-content-div.pl-form-popup.profit-loss-form-popup-shell .modal-header.pl-form-popup-header,
body.bk-client-body #utilityPopupModal .dip-header,
body.bk-client-body #utilityPopupModal .modal-content.utility-items-popup .dip-header {
	background: var(--bk-popup-head-grad) !important;
	background-color: #eef2ff !important;
	background-image: var(--bk-popup-head-grad) !important;
	border-bottom: 1px solid var(--bk-popup-head-line) !important;
	color: var(--bk-popup-head-ink) !important;
}

body.bk-client-body #video_modal .guide-video-popup-title,
body.bk-client-body #video_modal .guide-video-popup-header h5.guide-video-popup-title,
body.bk-client-body #video_modal .modal-content-div.guide-video-popup .modal-header h5.guide-video-popup-title,
body.bk-client-body #taxReturnModal .tax-return-popup-title,
body.bk-client-body #taxReturnModal .tax-return-popup-header h5.tax-return-popup-title,
body.bk-client-body #taxReturnModal .modal-content-div.tax-return-popup .modal-header h5.tax-return-popup-title,
body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-title,
body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-header h5.pl-confirm-popup-title,
body.bk-client-body #profitLossConfirmModal .modal-content-div.pl-confirm-popup .modal-header h5.pl-confirm-popup-title,
body.bk-client-body #profitLossFormModal .pl-form-popup-title,
body.bk-client-body #profitLossFormModal .pl-form-popup-header h5.pl-form-popup-title,
body.bk-client-body #profitLossFormModal .modal-content-div.pl-form-popup .modal-header h5.pl-form-popup-title,
body.bk-client-body #utilityPopupModal .dip-modal-title {
	color: var(--bk-popup-head-ink) !important;
}

body.bk-client-body #video_modal .guide-video-popup-subtitle,
body.bk-client-body #taxReturnModal .tax-return-popup-subtitle,
body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-subtitle,
body.bk-client-body #profitLossConfirmModal .profit-loss-confirm-popup-subtitle,
body.bk-client-body #profitLossFormModal .pl-form-popup-subtitle,
body.bk-client-body #profitLossFormModal .profit-loss-form-popup-subtitle,
body.bk-client-body #utilityPopupModal .dip-modal-sub {
	color: var(--bk-popup-head-faint) !important;
}

body.bk-client-body #taxReturnModal .tax-return-popup-footnote {
	background: var(--bk-popup-ai-blue-soft) !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
	color: var(--bk-popup-ai-blue-ink) !important;
}

body.bk-client-body #taxReturnModal .tax-return-popup-footnote svg {
	stroke: var(--bk-popup-ai-blue-ink) !important;
	color: var(--bk-popup-ai-blue-ink) !important;
}

/* =========================================================
 * Flag: questionnaire completion gate body
 * ========================================================= */
body.bk-client-body #openFlagPopupModal.open-flag-popup--questionnaire-completion .bk-qc-completion-popup {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

body.bk-client-body #openFlagPopupModal.open-flag-popup--questionnaire-completion .open-flag-popup-dynamic-card {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}

body.bk-client-body #openFlagPopupModal.open-flag-popup--questionnaire-completion .bk-qc-completion-popup__main.resend-reminder-popup-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 !important;
	padding: 16px 18px !important;
	background: var(--bk-popup-ai-card) !important;
	border: 1px solid var(--bk-popup-ai-line) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
}

body.bk-client-body #openFlagPopupModal.open-flag-popup--questionnaire-completion .open-flag-popup-lead {
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.45 !important;
	color: var(--bk-popup-ai-text) !important;
}

body.bk-client-body #openFlagPopupModal.open-flag-popup--questionnaire-completion .open-flag-popup-qc-steps {
	margin: 0 !important;
	padding: 12px 14px !important;
	background: var(--bk-popup-ai-blue-soft) !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
	border-radius: 10px !important;
}

body.bk-client-body #openFlagPopupModal.open-flag-popup--questionnaire-completion .open-flag-popup-qc-step--current .open-flag-popup-qc-step__num {
	background: #2563eb !important;
	color: #ffffff !important;
	border: none !important;
}

body.bk-client-body #openFlagPopupModal.open-flag-popup--questionnaire-completion .open-flag-popup-qc-step--current .open-flag-popup-qc-step__label {
	color: var(--bk-popup-ai-blue-ink) !important;
}

body.bk-client-body #openFlagPopupModal.open-flag-popup--questionnaire-completion .open-flag-popup-qc-step--next .open-flag-popup-qc-step__num {
	background: #e5e7eb !important;
	color: #6b7280 !important;
	border: none !important;
}

body.bk-client-body #openFlagPopupModal.open-flag-popup--questionnaire-completion .open-flag-popup-qc-step--next .open-flag-popup-qc-step__label {
	color: var(--bk-popup-ai-muted) !important;
	font-weight: 500 !important;
}

body.bk-client-body #openFlagPopupModal.open-flag-popup--questionnaire-completion .open-flag-popup-qc-steps__arrow {
	color: #2563eb !important;
}

body.bk-client-body #openFlagPopupModal.open-flag-popup--questionnaire-completion .open-flag-popup-insurance-policies__tip {
	margin: 0 !important;
	background: var(--bk-popup-ai-card) !important;
	border: 1px solid var(--bk-popup-ai-line) !important;
	border-left: 3px solid #2563eb !important;
	border-radius: 10px !important;
	padding: 12px 14px !important;
	color: var(--bk-popup-ai-text) !important;
	font-size: 13px !important;
	line-height: 1.55 !important;
}

body.bk-client-body #openFlagPopupModal.open-flag-popup--questionnaire-completion .open-flag-popup-question {
	margin: 0 !important;
	background: var(--bk-popup-ai-blue-soft) !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
	border-radius: 10px !important;
	padding: 12px 14px !important;
	color: var(--bk-popup-ai-blue-ink) !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
}

/* =========================================================
 * Shared footer chrome — beat per-popup ID padding / navy / cream / green
 * Hide footers with no actions (empty flag info, leftover d-none bars)
 * ========================================================= */
body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-footer,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-footer {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	padding: 14px 20px 16px !important;
	margin: 0 !important;
	min-height: 0 !important;
	background: var(--bk-popup-ai-card) !important;
	background-color: var(--bk-popup-ai-card) !important;
	background-image: none !important;
	border-top: 1px solid var(--bk-popup-head-line) !important;
	box-shadow: none !important;
}

body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-footer.d-none,
body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-footer.hide-data,
body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-footer:not(:has(button, a.btn, input[type="submit"], input[type="button"])),
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-footer.d-none {
	display: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	min-height: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

body.bk-client-body #utilityPopupModal .dip-footer,
body.bk-client-body #detailedItemsPopupModal .dip-footer,
body.bk-client-body #video_modal .guide-video-popup-footer {
	justify-content: space-between !important;
}

body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-footer .bottom-btn-div,
body.bk-client-body #openFlagPopupModal .open-flag-popup-qc-actions,
body.bk-client-body #propertyNoticePromptModal .property-notice-popup-footer-btns,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-footer .bottom-btn-div {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: flex-end !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
	width: 100%;
	background: transparent !important;
}

body.bk-client-body #video_modal .guide-video-popup-footer .bottom-btn-div {
	justify-content: space-between !important;
}

body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-footer .btn,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-footer .btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	flex: 0 0 auto !important;
	width: auto !important;
	min-height: 36px !important;
	height: 36px !important;
	padding: 6px 14px !important;
	margin: 0 !important;
	border-radius: 9px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	transform: none !important;
}

body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-footer :is(
	.resend-reminder-popup-btn-submit,
	.invite-client-popup-btn-submit-green,
	.open-flag-popup-btn-primary,
	.dip-btn-primary,
	.confirm-yes,
	.btn-green,
	.session-timeout-popup__btn-relogin,
	.plaid-initializing-popup-ok,
	.guide-video-popup-btn-submit,
	.bk-client-questionnaire-intro-popup__btn-ok,
	.incomplete-data-popup__btn-goto,
	.document-screen-notice-popup__btn-understood,
	.bk-qc-completion-popup__btn-primary
),
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-footer .resend-reminder-popup-btn-submit {
	background: #2563eb !important;
	border: 1px solid #2563eb !important;
	color: #ffffff !important;
}

body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-footer :is(
	.resend-reminder-popup-btn-submit,
	.invite-client-popup-btn-submit-green,
	.open-flag-popup-btn-primary,
	.dip-btn-primary,
	.confirm-yes,
	.btn-green,
	.session-timeout-popup__btn-relogin,
	.plaid-initializing-popup-ok,
	.guide-video-popup-btn-submit,
	.bk-client-questionnaire-intro-popup__btn-ok,
	.incomplete-data-popup__btn-goto,
	.document-screen-notice-popup__btn-understood,
	.bk-qc-completion-popup__btn-primary
):hover,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-footer .resend-reminder-popup-btn-submit:hover {
	background: #1d4ed8 !important;
	border-color: #1d4ed8 !important;
	color: #ffffff !important;
}

body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-footer :is(
	.resend-reminder-popup-btn-back,
	.open-flag-popup-btn-outline,
	.dip-btn-secondary,
	.guide-video-popup-btn-back,
	.tax-return-popup-btn-back,
	.pl-confirm-popup-btn-dismiss,
	.bk-qc-completion-popup__btn-secondary
),
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-footer .resend-reminder-popup-btn-back {
	background: #ffffff !important;
	border: 1px solid #d1d5db !important;
	color: #111827 !important;
}

body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-footer :is(
	.resend-reminder-popup-btn-back,
	.open-flag-popup-btn-outline,
	.dip-btn-secondary,
	.guide-video-popup-btn-back,
	.tax-return-popup-btn-back,
	.pl-confirm-popup-btn-dismiss,
	.bk-qc-completion-popup__btn-secondary
):hover,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-footer .resend-reminder-popup-btn-back:hover {
	background: #f9fafb !important;
	border-color: #2563eb !important;
	color: #2563eb !important;
}

/* =========================================================
 * Header icon tile — all client popups
 * Soft white/blue chip (like questionnaire “01”), not a naked glyph
 * ========================================================= */
body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-header [class*="header-icon"],
body.bk-client-body :is(
	#detailedItemsPopupModal,
	#utilityPopupModal,
	#both_document_upload_modal
) .dip-header .dip-modal-icon,
body.bk-client-body #openFlagPopupModal .open-flag-popup-header-icon,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-header [class*="header-icon"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	align-self: center !important;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	padding: 0 !important;
	margin: 0 2px 0 0 !important;
	border-radius: 11px !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
	background: #ffffff !important;
	background-image: none !important;
	box-shadow: 0 1px 2px rgba(37, 99, 235, 0.07) !important;
	color: #2563eb !important;
	line-height: 1 !important;
	font-size: 1.05rem !important;
}

body.bk-client-body #video_modal.modal .modal-header .guide-video-popup-header-icon i.guide-video-popup-header-glyph {
	display: block !important;
	color: #2563eb !important;
	font-size: 1.15rem !important;
	line-height: 1 !important;
	opacity: 1 !important;
}

body.bk-client-body #video_modal.modal .modal-header .guide-video-popup-header-icon i.guide-video-popup-header-glyph.d-none,
body.bk-client-body #video_modal.modal .modal-header .guide-video-popup-header-icon i.guide-video-popup-header-glyph[hidden] {
	display: none !important;
}

body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-header [class*="header-icon"] i,
body.bk-client-body :is(#detailedItemsPopupModal, #utilityPopupModal, #both_document_upload_modal) .dip-header .dip-modal-icon i,
body.bk-client-body #openFlagPopupModal .open-flag-popup-header-icon i,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-header [class*="header-icon"] i {
	display: block !important;
	margin: 0 !important;
	font-size: 1.15rem !important;
	line-height: 1 !important;
	color: #2563eb !important;
	background: none !important;
	text-shadow: none !important;
}

body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-header [class*="header-icon"] svg,
body.bk-client-body :is(#detailedItemsPopupModal, #utilityPopupModal, #both_document_upload_modal) .dip-header .dip-modal-icon svg,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-header [class*="header-icon"] svg {
	width: 18px !important;
	height: 18px !important;
	max-width: 18px !important;
	max-height: 18px !important;
	display: block !important;
	color: #2563eb !important;
	stroke: #2563eb !important;
}

body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-header [class*="header-icon"] svg path,
body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-header [class*="header-icon"] svg rect,
body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-header [class*="header-icon"] svg circle,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-header [class*="header-icon"] svg path,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-header [class*="header-icon"] svg rect {
	stroke: #2563eb !important;
	color: #2563eb !important;
}

body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-header .resend-reminder-popup-header-inner,
body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-header .resend-reminder-popup-header-inner {
	align-items: center !important;
	gap: 12px !important;
}

/* Nested .bi-x-lg is hidden; CSS SVG X on .btn-close is the only mark */
body.bk-client-body .modal .modal-header .btn-close > i,
body.bk-client-body .modal .modal-header .btn-close > svg,
body.body-class.bk-auth3-page .modal .modal-header .btn-close > i,
body.body-class.bk-auth3-page .modal .modal-header .btn-close > svg {
	display: none !important;
}

/* =========================================================
 * Dark mode — all client popups (shell / body / footer / chrome)
 * ========================================================= */
html[data-theme="dark"] body.bk-client-body .modal .modal-content,
html[data-theme="dark"] body.bk-client-body .modal .modal-content.resend-reminder-popup,
html[data-theme="dark"] body.bk-client-body .modal .modal-content.detailed-items-popup,
html[data-theme="dark"] body.bk-client-body .modal .modal-content.utility-items-popup,
html[data-theme="dark"] body.bk-client-body .modal .modal-content.doc-upload-popup,
html[data-theme="dark"] body.bk-client-body .modal .modal-content.tax-return-popup,
html[data-theme="dark"] body.bk-client-body .modal .modal-content.guide-video-popup,
html[data-theme="dark"] body.bk-client-body .modal .modal-content.pl-confirm-popup,
html[data-theme="dark"] body.bk-client-body .modal .modal-content.pl-form-popup,
html[data-theme="dark"] body.bk-client-body .modal .modal-content.plaid-initializing-popup,
html[data-theme="dark"] body.body-class.bk-auth3-page .modal .modal-content {
	background: var(--bk-popup-ai-card) !important;
	border-color: var(--bk-popup-ai-line) !important;
	box-shadow: none !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #both_document_upload_modal.bk-upload-modal--step-flow .modal-content.resend-reminder-popup:has(.bk-up-sheet),
html[data-theme="dark"] body.bk-client-body #both_document_upload_modal.bk-upload-modal--step-flow .modal-content.documents-upload-popup:has(.bk-up-sheet),
html[data-theme="dark"] body.bk-client-body #both_document_upload_modal.bk-upload-modal--step-flow .modal-content.bk-upload-modal__content:has(.bk-up-sheet) {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html[data-theme="dark"] body.bk-client-body .modal .modal-header,
html[data-theme="dark"] body.bk-client-body .modal .modal-header.resend-reminder-popup-header,
html[data-theme="dark"] body.bk-client-body .modal .dip-header,
html[data-theme="dark"] body.bk-client-body #video_modal .guide-video-popup-header,
html[data-theme="dark"] body.bk-client-body #taxReturnModal .tax-return-popup-header,
html[data-theme="dark"] body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__header,
html[data-theme="dark"] body.body-class.bk-auth3-page .modal .modal-header {
	background: var(--bk-popup-head-grad) !important;
	background-color: #1a1d28 !important;
	background-image: var(--bk-popup-head-grad) !important;
	border-bottom-color: var(--bk-popup-head-line) !important;
	color: var(--bk-popup-head-ink) !important;
	box-shadow: none !important;
}

html[data-theme="dark"] body.bk-client-body .modal .modal-header .modal-title,
html[data-theme="dark"] body.bk-client-body .modal .modal-header [class*="popup-title"],
html[data-theme="dark"] body.bk-client-body .modal .modal-header [class*="popup__title"],
html[data-theme="dark"] body.body-class.bk-auth3-page .modal .modal-header .modal-title {
	color: var(--bk-popup-head-ink) !important;
}

html[data-theme="dark"] body.bk-client-body .modal .modal-header [class*="subtitle"],
html[data-theme="dark"] body.bk-client-body .modal .modal-header [class*="popup-subtitle"],
html[data-theme="dark"] body.body-class.bk-auth3-page .modal .modal-header [class*="subtitle"] {
	color: var(--bk-popup-head-faint) !important;
}

html[data-theme="dark"] body.bk-client-body .modal .modal-body,
html[data-theme="dark"] body.bk-client-body .modal .modal-body.resend-reminder-popup-body,
html[data-theme="dark"] body.bk-client-body .modal .modal-body[class*="-popup-body"],
html[data-theme="dark"] body.bk-client-body .modal .modal-body[class*="-popup__body"],
html[data-theme="dark"] body.bk-client-body #openFlagPopupModal .open-flag-popup__body,
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__body,
html[data-theme="dark"] body.bk-client-body #video_modal .guide-video-popup-body,
html[data-theme="dark"] body.body-class.bk-auth3-page .modal .modal-body {
	background: var(--bk-popup-ai-body) !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body .modal .modal-footer,
html[data-theme="dark"] body.bk-client-body .modal .modal-footer.resend-reminder-popup-footer,
html[data-theme="dark"] body.bk-client-body .modal .dip-footer,
html[data-theme="dark"] body.bk-client-body #video_modal .guide-video-popup-footer,
html[data-theme="dark"] body.body-class.bk-auth3-page .modal .modal-footer {
	background: var(--bk-popup-ai-card) !important;
	border-top-color: var(--bk-popup-ai-line) !important;
	box-shadow: none !important;
}

html[data-theme="dark"] body.bk-client-body .modal .resend-reminder-popup-card,
html[data-theme="dark"] body.bk-client-body .modal .pl-confirm-popup-card,
html[data-theme="dark"] body.bk-client-body .modal .pl-form-popup-card,
html[data-theme="dark"] body.bk-client-body .modal .tax-return-popup-card,
html[data-theme="dark"] body.bk-client-body .modal .open-flag-popup-dynamic-card,
html[data-theme="dark"] body.bk-client-body .modal .open-flag-popup-info-panel,
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__fields,
html[data-theme="dark"] body.body-class.bk-auth3-page .modal .resend-reminder-popup-card {
	background: var(--bk-popup-ai-card) !important;
	border-color: var(--bk-popup-ai-line) !important;
	box-shadow: none !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body .modal .modal-footer .resend-reminder-popup-btn-back,
html[data-theme="dark"] body.bk-client-body .modal .modal-footer .guide-video-popup-btn-back,
html[data-theme="dark"] body.bk-client-body .modal .modal-footer .tax-return-popup-btn-back,
html[data-theme="dark"] body.bk-client-body .modal .modal-footer .pl-confirm-popup-btn-dismiss,
html[data-theme="dark"] body.bk-client-body .modal .dip-footer .dip-btn-secondary,
html[data-theme="dark"] body.bk-client-body .modal .modal-footer .btn:not(.resend-reminder-popup-btn-submit):not(.btn-primary):not([class*="btn-submit"]):not([class*="relogin"]),
html[data-theme="dark"] body.body-class.bk-auth3-page .modal .modal-footer .resend-reminder-popup-btn-back {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body .modal .modal-footer .resend-reminder-popup-btn-submit,
html[data-theme="dark"] body.bk-client-body .modal .modal-footer .guide-video-popup-btn-submit,
html[data-theme="dark"] body.bk-client-body .modal .dip-footer .dip-btn-primary,
html[data-theme="dark"] body.bk-client-body .modal .modal-footer .btn-primary,
html[data-theme="dark"] body.bk-client-body .modal .modal-footer [class*="btn-submit"],
html[data-theme="dark"] body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__btn-relogin,
html[data-theme="dark"] body.body-class.bk-auth3-page .modal .modal-footer .resend-reminder-popup-btn-submit {
	background: #2563eb !important;
	background-color: #2563eb !important;
	border-color: #2563eb !important;
	color: #fff !important;
}

html[data-theme="dark"] body.bk-client-body .modal .modal-header .btn-close,
html[data-theme="dark"] body.bk-client-body .modal .modal-header .resend-reminder-popup-close,
html[data-theme="dark"] body.body-class.bk-auth3-page .modal .modal-header .btn-close {
	filter: invert(1) grayscale(100%) brightness(180%);
	opacity: 0.7;
}

html[data-theme="dark"] body.bk-client-body .modal .modal-header .btn-close i,
html[data-theme="dark"] body.bk-client-body .modal .modal-header .resend-reminder-popup-close i {
	filter: none;
	color: var(--bk-popup-ai-muted) !important;
}

html[data-theme="dark"] body.bk-client-body .modal .modal-header [class*="header-icon"],
html[data-theme="dark"] body.bk-client-body .modal .modal-header .resend-reminder-popup-header-icon {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(168, 189, 252, 0.35) !important;
	color: var(--bk-popup-head-num) !important;
}

html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) [class*="popup__warn"],
html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) [class*="notice-shell"],
html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) [class*="reassure"],
html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) .open-flag-popup-question,
html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) .open-flag-popup-item-chip,
html[data-theme="dark"] body.bk-client-body #taxReturnModal .tax-return-popup-footnote,
html[data-theme="dark"] body.bk-client-body #taxReturnModal .tax-return-popup-badge {
	background: var(--bk-popup-ai-blue-soft) !important;
	border-color: var(--bk-popup-ai-blue-border) !important;
	color: var(--bk-popup-ai-blue-ink) !important;
}

html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) .open-flag-popup-notice,
html[data-theme="dark"] body.bk-client-body #propertyNoticePromptModal .property-notice-popup-must {
	background: rgba(185, 28, 28, 0.16) !important;
	border-color: rgba(248, 113, 113, 0.35) !important;
	color: #fca5a5 !important;
}

html[data-theme="dark"] body.bk-client-body #taxReturnModal .tax-return-popup-provider,
html[data-theme="dark"] body.bk-client-body #taxReturnModal .tax-return-popup-visit {
	border-color: var(--bk-popup-ai-line) !important;
}

html[data-theme="dark"] body.bk-client-body #taxReturnModal .tax-return-popup-provider {
	background: var(--bk-popup-ai-card) !important;
}

html[data-theme="dark"] body.bk-client-body #taxReturnModal .tax-return-popup-service,
html[data-theme="dark"] body.bk-client-body #taxReturnModal .tax-return-popup-body-label {
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #taxReturnModal .tax-return-popup-url {
	color: var(--bk-popup-ai-muted) !important;
}

html[data-theme="dark"] body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__saved,
html[data-theme="dark"] body.bk-client-body #sessionTimeOutPopup [class*="saved"] {
	background: rgba(16, 185, 129, 0.14) !important;
	border-color: rgba(52, 211, 153, 0.35) !important;
	color: #6ee7b7 !important;
}

html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) .modal-body .form-control,
html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) .modal-body .form-select,
html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) .resend-reminder-popup-card .form-control,
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__input {
	background: #141518 !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) .modal-body label,
html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) .resend-reminder-popup-card-heading,
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__section-title {
	color: var(--bk-popup-ai-blue-ink) !important;
}

html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) .modal-body p,
html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) .confirm-question,
html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) [class*="popup__lead"],
html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) [class*="check-row"] {
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body .modal:not(#video_modal) [class*="popup__tip"],
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__tip {
	color: var(--bk-popup-ai-muted) !important;
}

html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-body,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .dip-body,
html[data-theme="dark"] body.bk-client-body #both_document_upload_modal .modal-body {
	background: var(--bk-popup-ai-body) !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal .login-screen-notice-popup__device-tile {
	background: var(--bk-popup-ai-card) !important;
	border-color: var(--bk-popup-ai-line) !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #customConfirm .modal-content,
html[data-theme="dark"] body.bk-client-body #customConfirm .swal-modal {
	background: var(--bk-popup-ai-card) !important;
	color: var(--bk-popup-ai-text) !important;
}

/* =========================================================
 * Screenshot audit — shared light + dark fixes (2026-08-27)
 * ========================================================= */

/* Body / in-modal green CTAs → Light AI blue (footer rule missed these) */
body.bk-client-body .modal :is(
	.invite-client-popup-btn-submit-green,
	.btn-green,
	.btn-primary-green,
	.success-modal-popup__btn-primary,
	.login-screen-notice-popup__cta-web,
	.cta-web,
	.btn-website,
	.creditor-confirm-popup-import-btn.btn-primary-green,
	[class*="btn-primary-green"]
),
body.body-class.bk-auth3-page .modal :is(
	.login-screen-notice-popup__cta-web,
	.cta-web,
	.btn-website,
	.invite-client-popup-btn-submit-green
) {
	background: #2563eb !important;
	background-color: #2563eb !important;
	border-color: #2563eb !important;
	color: #ffffff !important;
}

body.bk-client-body .modal :is(
	.invite-client-popup-btn-submit-green,
	.btn-green,
	.btn-primary-green,
	.success-modal-popup__btn-primary,
	.login-screen-notice-popup__cta-web,
	.cta-web,
	.btn-website,
	.creditor-confirm-popup-import-btn.btn-primary-green
):hover,
body.body-class.bk-auth3-page .modal :is(.login-screen-notice-popup__cta-web, .cta-web, .btn-website):hover {
	background: #1d4ed8 !important;
	border-color: #1d4ed8 !important;
	color: #ffffff !important;
}

/* Creditors secondary import — outline blue, not green */
body.bk-client-body #creditorPopup .creditor-confirm-popup-import-btn--secondary,
body.bk-client-body #creditorPopup .btn-primary-green-light {
	background: transparent !important;
	border: 1px solid #2563eb !important;
	color: #2563eb !important;
}

body.bk-client-body #creditorPopup {
	--bk-cred-good: #2563eb;
	--bk-cred-good-soft: var(--bk-popup-ai-blue-soft);
	--bk-cred-gold: var(--bk-popup-ai-blue);
	--bk-cred-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-cred-gold-ink: var(--bk-popup-ai-blue-ink);
	--bk-cred-paper: var(--bk-popup-ai-body);
	--bk-cred-panel: var(--bk-popup-ai-card);
	--bk-cred-line: var(--bk-popup-ai-line);
	--bk-cred-text: var(--bk-popup-ai-text);
	--bk-cred-text-muted: var(--bk-popup-ai-muted);
}

body.bk-client-body #successModal .success-modal-popup__btn-outline {
	background: var(--bk-popup-ai-card) !important;
	border: 1px solid var(--bk-popup-ai-line) !important;
	color: var(--bk-popup-ai-text) !important;
}

body.bk-client-body #successModal .success-modal-popup__btn-outline svg {
	stroke: var(--bk-popup-ai-text) !important;
	color: var(--bk-popup-ai-text) !important;
}

/* ---- Dark: beat per-file hardcoded whites / greens ---- */
html[data-theme="dark"] body.bk-client-body .modal .modal-footer .resend-reminder-popup-btn-back,
html[data-theme="dark"] body.bk-client-body .modal .modal-footer .guide-video-popup-btn-back,
html[data-theme="dark"] body.bk-client-body .modal .modal-footer .tax-return-popup-btn-back,
html[data-theme="dark"] body.bk-client-body .modal .modal-footer .pl-confirm-popup-btn-dismiss,
html[data-theme="dark"] body.bk-client-body .modal .dip-footer .dip-btn-secondary,
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__footer .resend-reminder-popup-btn-back,
html[data-theme="dark"] body.bk-client-body #successModal .success-modal-popup__footer .resend-reminder-popup-btn-back,
html[data-theme="dark"] body.bk-client-body #creditorPopup .creditor-confirm-popup-footer .resend-reminder-popup-btn-back,
html[data-theme="dark"] body.body-class.bk-auth3-page .modal .modal-footer .resend-reminder-popup-btn-back {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	color: var(--bk-popup-ai-text) !important;
	box-shadow: none !important;
}

html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__footer,
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__body,
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__fields {
	background: var(--bk-popup-ai-body) !important;
	border-color: var(--bk-popup-ai-line) !important;
}

html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__fields {
	background: var(--bk-popup-ai-card) !important;
}

html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__req-list {
	background: var(--bk-popup-ai-blue-soft) !important;
	border-color: var(--bk-popup-ai-blue-border) !important;
}

html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__req {
	color: var(--bk-popup-ai-blue-ink) !important;
}

html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__req-icon {
	background: var(--bk-popup-ai-card) !important;
	border-color: var(--bk-popup-ai-blue-border) !important;
}

html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__input,
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__input.form-control {
	background: #141518 !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__submit,
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .resend-reminder-popup-btn-submit {
	background: #2563eb !important;
	color: #fff !important;
}

/* Login notice — dark cards (were solid white) */
html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal .resend-reminder-popup-card,
html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal .login-screen-notice-popup__brand-card,
html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal .login-screen-notice-popup__devices-card,
html[data-theme="dark"] body.bk-client-body #clientLoginNoticePromptModal .resend-reminder-popup-card {
	background: var(--bk-popup-ai-card) !important;
	border-color: var(--bk-popup-ai-line) !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal .login-screen-notice-popup__callout,
html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal [class*="callout"] {
	background: var(--bk-popup-ai-blue-soft) !important;
	border-color: var(--bk-popup-ai-blue-border) !important;
	color: var(--bk-popup-ai-blue-ink) !important;
}

/* Success — phone button readable on dark */
html[data-theme="dark"] body.bk-client-body #successModal .success-modal-popup__btn-outline {
	background: var(--bk-popup-ai-card) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #successModal .success-modal-popup__btn-outline svg {
	stroke: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #successModal .success-modal-popup__card,
html[data-theme="dark"] body.bk-client-body #successModal .success-modal-popup__card--appt,
html[data-theme="dark"] body.bk-client-body #successModal .success-modal-popup__card--call {
	background: var(--bk-popup-ai-card) !important;
	border-color: var(--bk-popup-ai-line) !important;
}

html[data-theme="dark"] body.bk-client-body #successModal .success-modal-popup__footer {
	background: var(--bk-popup-ai-card) !important;
	border-top-color: var(--bk-popup-ai-line) !important;
}

/* DIP / utility — dark header readable + item cards not white */
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-header,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .dip-header,
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .modal-header,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .modal-header {
	background: var(--bk-popup-head-grad) !important;
	background-color: #1a1d28 !important;
	background-image: var(--bk-popup-head-grad) !important;
	color: var(--bk-popup-head-ink) !important;
}

html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-header .modal-title,
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-header h5,
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-modal-title,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .dip-header .modal-title,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .dip-modal-title {
	color: var(--bk-popup-head-ink) !important;
}

html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-header .dip-modal-sub,
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-header .resend-reminder-popup-subtitle,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .dip-header .dip-modal-sub {
	color: var(--bk-popup-head-faint) !important;
}

html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal [class*="item-card"],
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal [class*="dip-item"],
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .bk-phh-item-card,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal [class*="item-card"],
html[data-theme="dark"] body.bk-client-body #utilityPopupModal [class*="utility"] .card,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .utility-service-card {
	background: var(--bk-popup-ai-card) !important;
	border-color: var(--bk-popup-ai-line) !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal input,
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal select,
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .form-control,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal input,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .form-control {
	background: #141518 !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	color: var(--bk-popup-ai-text) !important;
}

/* Creditors dark table / empty state */
html[data-theme="dark"] body.bk-client-body #creditorPopup .creditor-confirm-popup-body,
html[data-theme="dark"] body.bk-client-body #creditorPopup .resend-reminder-popup-body {
	background: var(--bk-popup-ai-body) !important;
}

html[data-theme="dark"] body.bk-client-body #creditorPopup .creditor-confirm-popup-footer,
html[data-theme="dark"] body.bk-client-body #creditorPopup .resend-reminder-popup-footer {
	background: var(--bk-popup-ai-card) !important;
	border-top-color: var(--bk-popup-ai-line) !important;
}

html[data-theme="dark"] body.bk-client-body #creditorPopup thead,
html[data-theme="dark"] body.bk-client-body #creditorPopup thead th,
html[data-theme="dark"] body.bk-client-body #creditorPopup .table thead,
html[data-theme="dark"] body.bk-client-body #creditorPopup [class*="table-head"],
html[data-theme="dark"] body.bk-client-body #creditorPopup [class*="creditor-confirm"] th {
	background: var(--bk-popup-ai-card) !important;
	color: var(--bk-popup-ai-muted) !important;
	border-color: var(--bk-popup-ai-line) !important;
}

html[data-theme="dark"] body.bk-client-body #creditorPopup .no-record,
html[data-theme="dark"] body.bk-client-body #creditorPopup [class*="no-record"],
html[data-theme="dark"] body.bk-client-body #creditorPopup [class*="empty"],
html[data-theme="dark"] body.bk-client-body #creditorPopup td {
	color: var(--bk-popup-ai-muted) !important;
}

html[data-theme="dark"] body.bk-client-body #creditorPopup .creditor-confirm-popup-import-btn.btn-primary-green {
	background: #2563eb !important;
	border-color: #2563eb !important;
	color: #fff !important;
}

html[data-theme="dark"] body.bk-client-body #creditorPopup .creditor-confirm-popup-import-btn--secondary,
html[data-theme="dark"] body.bk-client-body #creditorPopup .btn-primary-green-light {
	background: transparent !important;
	border: 1px solid #60a5fa !important;
	color: #93c5fd !important;
}

/* Notification / credit report / document notice — readable dark text */
html[data-theme="dark"] body.bk-client-body #clientNotificationDetailModal .modal-body,
html[data-theme="dark"] body.bk-client-body #clientNotificationDetailModal .modal-body p,
html[data-theme="dark"] body.bk-client-body #clientNotificationDetailModal .modal-body span,
html[data-theme="dark"] body.bk-client-body #creditReportGuideModal .modal-body,
html[data-theme="dark"] body.bk-client-body #creditReportGuideModal .modal-title,
html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .modal-body,
html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .modal-body p {
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .resend-reminder-popup-card,
html[data-theme="dark"] body.bk-client-body #vehicleVinHelpModal .resend-reminder-popup-card,
html[data-theme="dark"] body.bk-client-body #specialDocumentUploadModal [class*="preview"],
html[data-theme="dark"] body.bk-client-body #prpertyPreviewModal .modal-body {
	background: var(--bk-popup-ai-card) !important;
	border-color: var(--bk-popup-ai-line) !important;
	color: var(--bk-popup-ai-text) !important;
}

/* Flag popups — dark Edit / primary actions not white-on-white */
html[data-theme="dark"] body.bk-client-body #openFlagPopupModal .modal-footer .btn:not(.resend-reminder-popup-btn-submit):not(.open-flag-popup-btn-primary),
html[data-theme="dark"] body.bk-client-body #openFlagPopupModal a.btn,
html[data-theme="dark"] body.bk-client-body #openFlagPopupModal [class*="edit"] {
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #openFlagPopupModal .open-flag-popup-btn-primary,
html[data-theme="dark"] body.bk-client-body #openFlagPopupModal .resend-reminder-popup-btn-submit {
	background: #2563eb !important;
	border-color: #2563eb !important;
	color: #fff !important;
}

/* P&L / signed docs body greens */
html[data-theme="dark"] body.bk-client-body #profitLossConfirmModal .modal-header,
html[data-theme="dark"] body.bk-client-body #profitLossFormModal .modal-header,
html[data-theme="dark"] body.bk-client-body #signed_doc_modal .modal-header {
	background-color: #1a1d28 !important;
	color: var(--bk-popup-head-ink) !important;
}

html[data-theme="dark"] body.bk-client-body #profitLossConfirmModal .modal-header .modal-title,
html[data-theme="dark"] body.bk-client-body #profitLossFormModal .modal-header .modal-title,
html[data-theme="dark"] body.bk-client-body #signed_doc_modal .modal-header .modal-title {
	color: var(--bk-popup-head-ink) !important;
}

/* =========================================================
 * Dark mode — header icon tiles + footer buttons (all client popups)
 * ========================================================= */
html[data-theme="dark"] body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-header [class*="header-icon"],
html[data-theme="dark"] body.bk-client-body :is(
	#detailedItemsPopupModal,
	#utilityPopupModal,
	#both_document_upload_modal
) .dip-header .dip-modal-icon,
html[data-theme="dark"] body.bk-client-body #openFlagPopupModal .open-flag-popup-header-icon,
html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-header [class*="header-icon"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	align-self: center !important;
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	padding: 0 !important;
	margin: 0 2px 0 0 !important;
	border-radius: 11px !important;
	border: 1px solid rgba(96, 165, 250, 0.4) !important;
	background: rgba(255, 255, 255, 0.08) !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #93c5fd !important;
	line-height: 1 !important;
	font-size: 1.05rem !important;
}

html[data-theme="dark"] body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-header [class*="header-icon"] i,
html[data-theme="dark"] body.bk-client-body :is(#detailedItemsPopupModal, #utilityPopupModal, #both_document_upload_modal) .dip-header .dip-modal-icon i,
html[data-theme="dark"] body.bk-client-body #openFlagPopupModal .open-flag-popup-header-icon i,
html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-header [class*="header-icon"] i {
	color: #93c5fd !important;
	background: none !important;
	font-size: 1.15rem !important;
	line-height: 1 !important;
}

html[data-theme="dark"] body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-header [class*="header-icon"] svg,
html[data-theme="dark"] body.bk-client-body :is(#detailedItemsPopupModal, #utilityPopupModal, #both_document_upload_modal) .dip-header .dip-modal-icon svg,
html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-header [class*="header-icon"] svg {
	width: 18px !important;
	height: 18px !important;
	color: #93c5fd !important;
	stroke: #93c5fd !important;
}

html[data-theme="dark"] body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-header [class*="header-icon"] svg path,
html[data-theme="dark"] body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-header [class*="header-icon"] svg rect,
html[data-theme="dark"] body.bk-client-body :is(#detailedItemsPopupModal, #utilityPopupModal, #both_document_upload_modal) .dip-header .dip-modal-icon svg path,
html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-header [class*="header-icon"] svg path,
html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-header [class*="header-icon"] svg rect {
	fill: none !important;
	stroke: #93c5fd !important;
	color: #93c5fd !important;
}

html[data-theme="dark"] body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-header [class*="header-icon"] svg circle[fill],
html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-header [class*="header-icon"] svg circle[fill] {
	fill: #93c5fd !important;
	stroke: #93c5fd !important;
}

/* Dark footer secondary (Close / Back) */
html[data-theme="dark"] body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-footer :is(
	.resend-reminder-popup-btn-back,
	.open-flag-popup-btn-outline,
	.dip-btn-secondary,
	.guide-video-popup-btn-back,
	.tax-return-popup-btn-back,
	.pl-confirm-popup-btn-dismiss,
	.bk-qc-completion-popup__btn-secondary,
	.change-password-popup__footer .resend-reminder-popup-btn-back
),
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__footer .resend-reminder-popup-btn-back,
html[data-theme="dark"] body.bk-client-body #successModal .success-modal-popup__footer .resend-reminder-popup-btn-back,
html[data-theme="dark"] body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__footer .btn:not(.session-timeout-popup__btn-relogin),
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-footer .dip-btn-secondary,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .dip-footer .dip-btn-secondary,
html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-footer .resend-reminder-popup-btn-back {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 36px !important;
	height: 36px !important;
	padding: 6px 14px !important;
	margin: 0 !important;
	border-radius: 9px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	color: #e8eaed !important;
	box-shadow: none !important;
}

html[data-theme="dark"] body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-footer :is(
	.resend-reminder-popup-btn-back,
	.open-flag-popup-btn-outline,
	.dip-btn-secondary,
	.guide-video-popup-btn-back,
	.tax-return-popup-btn-back,
	.pl-confirm-popup-btn-dismiss,
	.bk-qc-completion-popup__btn-secondary
):hover,
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__footer .resend-reminder-popup-btn-back:hover,
html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-footer .resend-reminder-popup-btn-back:hover {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: #60a5fa !important;
	color: #93c5fd !important;
}

/* Dark footer primary (Submit / Continue / Save) */
html[data-theme="dark"] body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-footer :is(
	.resend-reminder-popup-btn-submit,
	.invite-client-popup-btn-submit-green,
	.open-flag-popup-btn-primary,
	.dip-btn-primary,
	.confirm-yes,
	.btn-green,
	.session-timeout-popup__btn-relogin,
	.plaid-initializing-popup-ok,
	.guide-video-popup-btn-submit,
	.bk-client-questionnaire-intro-popup__btn-ok,
	.incomplete-data-popup__btn-goto,
	.document-screen-notice-popup__btn-understood,
	.bk-qc-completion-popup__btn-primary,
	.change-password-popup__submit
),
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__footer .resend-reminder-popup-btn-submit,
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__footer .change-password-popup__submit,
html[data-theme="dark"] body.bk-client-body #sessionTimeOutPopup .session-timeout-popup__btn-relogin,
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-footer .dip-btn-primary,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .dip-footer .dip-btn-primary,
html[data-theme="dark"] body.body-class.bk-auth3-page #clientLoginNoticePromptModal .modal-footer .resend-reminder-popup-btn-submit {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 36px !important;
	height: 36px !important;
	padding: 6px 14px !important;
	margin: 0 !important;
	border-radius: 9px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	background: #2563eb !important;
	background-color: #2563eb !important;
	border: 1px solid #2563eb !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

html[data-theme="dark"] body.bk-client-body :is(
	#clientLoginNoticePromptModal,
	#video_modal,
	#taxReturnModal,
	#sessionTimeOutPopup,
	#bkClientQuestionnaireIntroModal,
	#editRequestWarning,
	#submitConfirmationModal,
	#incompleteDataModal,
	#successModal,
	#questionnaireSubmitConfirmationModal,
	#clientChangePasswordModal,
	#propertyNoticePromptModal,
	#signed_doc_modal,
	#clientNotificationDetailModal,
	#prpertyPreviewModal,
	#residentOcrConfirmModal,
	#VehicleValueProcessingModal,
	#propertyOcrConfirmModal,
	#InitializingPlaidConnection,
	#vehicleVinHelpModal,
	#detailedItemsPopupModal,
	#creditReportGuideModal,
	#creditorPopup,
	#both_document_upload_modal,
	#profitLossConfirmModal,
	#profitLossFormModal,
	#gigWorkMediaPreviewModal,
	#pinwheelCalculationModal,
	#utilityPopupModal,
	#documentNoticePromptModal,
	#specialDocumentUploadModal,
	#clientDocumentsDownloadModal,
	#openFlagPopupModal
) .modal-footer :is(
	.resend-reminder-popup-btn-submit,
	.invite-client-popup-btn-submit-green,
	.open-flag-popup-btn-primary,
	.dip-btn-primary,
	.confirm-yes,
	.btn-green,
	.session-timeout-popup__btn-relogin,
	.plaid-initializing-popup-ok,
	.guide-video-popup-btn-submit,
	.bk-client-questionnaire-intro-popup__btn-ok,
	.incomplete-data-popup__btn-goto,
	.document-screen-notice-popup__btn-understood,
	.bk-qc-completion-popup__btn-primary,
	.change-password-popup__submit
):hover,
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__footer .resend-reminder-popup-btn-submit:hover,
html[data-theme="dark"] body.bk-client-body #clientChangePasswordModal .change-password-popup__footer .change-password-popup__submit:hover {
	background: #1d4ed8 !important;
	border-color: #1d4ed8 !important;
	color: #ffffff !important;
}

/* =========================================================
 * Screenshot callouts — incomplete / success / section submit / notification
 * ========================================================= */

/* --- Incomplete data (#incompleteDataModal) --- */
body.bk-client-body #incompleteDataModal .incomplete-data-popup__reminder {
	background: var(--bk-popup-ai-blue-soft) !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
}

body.bk-client-body #incompleteDataModal .incomplete-data-popup__reminder-icon,
body.bk-client-body #incompleteDataModal .incomplete-reminder-icon-wrap {
	background: var(--bk-popup-ai-card) !important;
	color: var(--bk-popup-ai-blue-ink) !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
}

body.bk-client-body #incompleteDataModal .incomplete-data-popup__reminder-title,
body.bk-client-body #incompleteDataModal .incomplete-reminder-title {
	color: var(--bk-popup-ai-blue-ink) !important;
}

body.bk-client-body #incompleteDataModal .incomplete-data-popup__reminder-text,
body.bk-client-body #incompleteDataModal .incomplete-reminder-text {
	color: #374151 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}

body.bk-client-body #incompleteDataModal .incomplete-data-popup__mini-edit {
	background: #ffffff !important;
	border: 1px solid #d1d5db !important;
	color: #111827 !important;
}

body.bk-client-body #incompleteDataModal .incomplete-data-popup__mini-edit svg {
	stroke: #111827 !important;
	color: #111827 !important;
}

html[data-theme="dark"] body.bk-client-body #incompleteDataModal .incomplete-data-popup__imported-icon,
html[data-theme="dark"] body.bk-client-body #incompleteDataModal .incomplete-imported-icon-wrap {
	background: rgba(16, 185, 129, 0.18) !important;
	border: 1px solid rgba(52, 211, 153, 0.4) !important;
	color: #6ee7b7 !important;
}

html[data-theme="dark"] body.bk-client-body #incompleteDataModal .incomplete-data-popup__imported-icon svg,
html[data-theme="dark"] body.bk-client-body #incompleteDataModal .incomplete-imported-icon-wrap svg {
	stroke: #6ee7b7 !important;
	color: #6ee7b7 !important;
}

html[data-theme="dark"] body.bk-client-body #incompleteDataModal .incomplete-data-popup__mini-edit {
	background: var(--bk-popup-ai-card) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	color: #e8eaed !important;
}

html[data-theme="dark"] body.bk-client-body #incompleteDataModal .incomplete-data-popup__mini-edit svg {
	stroke: #e8eaed !important;
	color: #e8eaed !important;
}

html[data-theme="dark"] body.bk-client-body #incompleteDataModal .incomplete-data-popup__reminder {
	background: var(--bk-popup-ai-blue-soft) !important;
	border-color: var(--bk-popup-ai-blue-border) !important;
}

html[data-theme="dark"] body.bk-client-body #incompleteDataModal .incomplete-data-popup__reminder-text,
html[data-theme="dark"] body.bk-client-body #incompleteDataModal .incomplete-reminder-text {
	color: var(--bk-popup-ai-text) !important;
}

/* --- Success (#successModal) — blue CTA + dark calendar icon tile --- */
body.bk-client-body #successModal .success-modal-popup__btn-primary {
	background: #2563eb !important;
	border: 1px solid #2563eb !important;
	color: #ffffff !important;
}

body.bk-client-body #successModal .success-modal-popup__btn-primary:hover {
	background: #1d4ed8 !important;
	border-color: #1d4ed8 !important;
	color: #ffffff !important;
}

body.bk-client-body #successModal .success-modal-popup__card--appt .success-modal-popup__c-icon {
	background: var(--bk-popup-ai-blue-soft) !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
}

body.bk-client-body #successModal .success-modal-popup__card--appt .success-modal-popup__c-icon svg {
	stroke: #2563eb !important;
	color: #2563eb !important;
}

html[data-theme="dark"] body.bk-client-body #successModal .success-modal-popup__card--appt .success-modal-popup__c-icon {
	background: rgba(59, 130, 246, 0.16) !important;
	border: 1px solid rgba(96, 165, 250, 0.4) !important;
}

html[data-theme="dark"] body.bk-client-body #successModal .success-modal-popup__card--appt .success-modal-popup__c-icon svg {
	stroke: #93c5fd !important;
	color: #93c5fd !important;
}

html[data-theme="dark"] body.bk-client-body #successModal .success-modal-popup__card--call .success-modal-popup__c-icon {
	background: rgba(59, 130, 246, 0.16) !important;
	border: 1px solid rgba(96, 165, 250, 0.35) !important;
}

html[data-theme="dark"] body.bk-client-body #successModal .success-modal-popup__card--call .success-modal-popup__c-icon svg {
	stroke: #93c5fd !important;
	color: #93c5fd !important;
}

/* --- Section submit (#questionnaireSubmitConfirmationModal) — warn border --- */
body.bk-client-body #questionnaireSubmitConfirmationModal .questionnaire-confirmation-prompt-popup__warn,
body.bk-client-body #questionnaireSubmitConfirmationModal .questionnaire-submit-notice-shell,
body.bk-client-body #submitConfirmationModal .questionnaire-submit-popup__warn,
body.bk-client-body #submitConfirmationModal .questionnaire-submit-notice-shell {
	background: var(--bk-popup-ai-blue-soft) !important;
	border: 1px solid #93c5fd !important;
	box-shadow: none !important;
}

body.bk-client-body #questionnaireSubmitConfirmationModal .questionnaire-confirmation-prompt-popup__warn-text,
body.bk-client-body #questionnaireSubmitConfirmationModal .questionnaire-confirmation-prompt-popup__warn,
body.bk-client-body #submitConfirmationModal .questionnaire-submit-popup__warn-text {
	color: var(--bk-popup-ai-blue-ink) !important;
}

body.bk-client-body #questionnaireSubmitConfirmationModal .questionnaire-confirmation-prompt-popup__warn-icon,
body.bk-client-body #submitConfirmationModal .questionnaire-submit-popup__warn-icon,
body.bk-client-body #submitConfirmationModal .questionnaire-submit-warning-icon-wrap {
	background: #ffffff !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
	color: var(--bk-popup-ai-blue-ink) !important;
}

html[data-theme="dark"] body.bk-client-body #questionnaireSubmitConfirmationModal .questionnaire-confirmation-prompt-popup__warn,
html[data-theme="dark"] body.bk-client-body #questionnaireSubmitConfirmationModal .questionnaire-submit-notice-shell,
html[data-theme="dark"] body.bk-client-body #submitConfirmationModal .questionnaire-submit-popup__warn {
	background: var(--bk-popup-ai-blue-soft) !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
}

html[data-theme="dark"] body.bk-client-body #questionnaireSubmitConfirmationModal .questionnaire-confirmation-prompt-popup__warn-icon {
	background: var(--bk-popup-ai-card) !important;
	border-color: var(--bk-popup-ai-blue-border) !important;
}

/* --- Notification detail (#clientNotificationDetailModal) --- */
html[data-theme="dark"] body.bk-client-body #clientNotificationDetailModal .notification-detail-popup-message-body,
html[data-theme="dark"] body.bk-client-body #clientNotificationDetailModal .notification-detail-popup-message-body strong,
html[data-theme="dark"] body.bk-client-body #clientNotificationDetailModal .notification-detail-popup-message-kicker {
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #clientNotificationDetailModal .notification-detail-popup-message-kicker {
	color: var(--bk-popup-ai-muted) !important;
}

html[data-theme="dark"] body.bk-client-body #clientNotificationDetailModal .notification-detail-popup-callout--need {
	background: rgba(185, 28, 28, 0.18) !important;
	border: 1px solid rgba(248, 113, 113, 0.4) !important;
}

html[data-theme="dark"] body.bk-client-body #clientNotificationDetailModal .notification-detail-popup-callout-copy,
html[data-theme="dark"] body.bk-client-body #clientNotificationDetailModal .notification-detail-popup-callout-copy strong {
	color: #fecaca !important;
}

html[data-theme="dark"] body.bk-client-body #clientNotificationDetailModal .notification-detail-popup-callout-icon {
	background: rgba(0, 0, 0, 0.25) !important;
	color: #fca5a5 !important;
}

html[data-theme="dark"] body.bk-client-body #clientNotificationDetailModal .notification-detail-popup-reupload-btn,
html[data-theme="dark"] body.bk-client-body #clientNotificationDetailModal .notification-detail-popup-reupload-btn.resend-reminder-popup-btn-submit {
	background: #2563eb !important;
	border-color: #2563eb !important;
	color: #ffffff !important;
}

/* =========================================================
 * Screenshot callouts batch 2 — DIP / credit / P&L / pinwheel / utility / doc notice
 * ========================================================= */

/* --- Detailed items: dark grid / section cards (no white flash border) --- */
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-body,
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__body {
	background: var(--bk-popup-ai-body) !important;
}

html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__card.dip-section-card.bk-phh-item-card,
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-phh-root .detailed-items-popup__card.dip-section-card.bk-phh-item-card,
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-section-card {
	background: var(--bk-popup-ai-card) !important;
	border: 1px solid var(--bk-popup-ai-line) !important;
	box-shadow: none !important;
}

html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__card .bk-phh-item-card__title,
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-item-card,
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .item-card {
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-item-card,
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .common_detailed_items_popup .item-card {
	background: #141518 !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .dip-item-card.selected,
html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .common_detailed_items_popup .item-card.selected {
	background: var(--bk-popup-ai-card) !important;
	border-color: #60a5fa !important;
}

html[data-theme="dark"] body.bk-client-body #detailedItemsPopupModal .detailed-items-popup__summary.dip-selected-bar {
	background: var(--bk-popup-ai-blue-soft) !important;
	border-color: var(--bk-popup-ai-blue-border) !important;
	color: var(--bk-popup-ai-text) !important;
}

/* --- P&L confirm: step numbers visible in light; Yes → blue --- */
body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-q-num,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-q-num {
	background: #2563eb !important;
	background-image: none !important;
	color: #ffffff !important;
	border: 1px solid #2563eb !important;
	box-shadow: none !important;
}

body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-q-connector,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-q-connector {
	background: linear-gradient(180deg, #93c5fd 0%, #bfdbfe 55%, #eff6ff 100%) !important;
}

body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-btn-yes,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-btn-yes {
	background: #2563eb !important;
	border-color: #1d4ed8 !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-btn-yes:hover,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-btn-yes:hover {
	background: #1d4ed8 !important;
	border-color: #1e40af !important;
	color: #ffffff !important;
}

body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-btn-no,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-btn-no {
	background: #fff !important;
	border: 1px solid #fca5a5 !important;
	color: #b91c1c !important;
	box-shadow: none !important;
}

body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-btn-no .pl-confirm-popup-action-leading--decline,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-btn-no .pl-confirm-popup-action-leading--decline {
	background: #fef2f2 !important;
	border: 1px solid #fecaca !important;
	color: #b91c1c !important;
}

body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-btn-no-label,
body.bk-client-body .pl-confirm-popup .pl-confirm-popup-btn-no-label {
	color: #b91c1c !important;
}

html[data-theme="dark"] body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-btn-no,
html[data-theme="dark"] body.bk-client-body .pl-confirm-popup .pl-confirm-popup-btn-no {
	background: rgba(185, 28, 28, 0.16) !important;
	border-color: rgba(248, 113, 113, 0.45) !important;
	color: #fecaca !important;
}

html[data-theme="dark"] body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-btn-no-label,
html[data-theme="dark"] body.bk-client-body .pl-confirm-popup .pl-confirm-popup-btn-no-label {
	color: #fecaca !important;
}

html[data-theme="dark"] body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-btn-yes,
html[data-theme="dark"] body.bk-client-body .pl-confirm-popup .pl-confirm-popup-btn-yes {
	background: #2563eb !important;
	border-color: #2563eb !important;
	color: #ffffff !important;
}

html[data-theme="dark"] body.bk-client-body #profitLossConfirmModal .pl-confirm-popup-q-main {
	background: var(--bk-popup-ai-card) !important;
	border-color: var(--bk-popup-ai-line) !important;
	color: var(--bk-popup-ai-text) !important;
}

/* =========================================================
 * P&L worksheet inputs — match client form chrome
 * (bk-ds-form-edit: 13px / 38px / 8px 12px; beat .h20)
 * ========================================================= */
body.bk-client-body #profitLossFormModal input.form-control,
body.bk-client-body #profitLossFormModal select.form-control,
body.bk-client-body #profitLossFormModal textarea.form-control,
body.bk-client-body #profitLossFormModal .form-control.price-field,
body.bk-client-body #profitLossFormModal .income-price-field {
	box-sizing: border-box !important;
	min-height: 38px !important;
	height: auto !important;
	padding: 8px 12px !important;
	border: 1.5px solid #d1d5db !important;
	border-radius: 8px !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	color: #111827 !important;
	background: #ffffff !important;
	box-shadow: none !important;
}

body.bk-client-body #profitLossFormModal .input-group {
	align-items: stretch;
}

body.bk-client-body #profitLossFormModal .input-group .input-group-text {
	display: flex !important;
	align-items: center !important;
	min-height: 38px !important;
	height: auto !important;
	padding: 8px 12px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #6b7280 !important;
	background: #f3f4f6 !important;
	border: 1.5px solid #d1d5db !important;
}

body.bk-client-body #profitLossFormModal .input-group > .input-group-text:first-child {
	border-right-width: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-top-left-radius: 8px !important;
	border-bottom-left-radius: 8px !important;
}

body.bk-client-body #profitLossFormModal .input-group > .input-group-text:first-child + .form-control {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-top-right-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
}

body.bk-client-body #profitLossFormModal select.form-control {
	padding-right: 28px !important;
}

body.bk-client-body #profitLossFormModal input.form-control:focus,
body.bk-client-body #profitLossFormModal select.form-control:focus,
body.bk-client-body #profitLossFormModal .form-control.price-field:focus {
	border-color: #2563eb !important;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
	outline: none !important;
}

body.bk-client-body #profitLossFormModal .input-group:focus-within .input-group-text {
	border-color: #2563eb !important;
}

/* --- P&L form: Business details labels + inputs dark --- */
html[data-theme="dark"] body.bk-client-body #profitLossFormModal .pl-form-popup-body label,
html[data-theme="dark"] body.bk-client-body #profitLossFormModal .pl-form-popup-body .form-label,
html[data-theme="dark"] body.bk-client-body #profitLossFormModal .pl-form-popup-body .label-div label,
html[data-theme="dark"] body.bk-client-body #profitLossFormModal .pl-profit-loss label {
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #profitLossFormModal .company-name-display-wrapper,
html[data-theme="dark"] body.bk-client-body #profitLossFormModal .company-name-display-text,
html[data-theme="dark"] body.bk-client-body #profitLossFormModal .form-control,
html[data-theme="dark"] body.bk-client-body #profitLossFormModal select.form-control,
html[data-theme="dark"] body.bk-client-body #profitLossFormModal .pl-form-popup-body .form-control,
html[data-theme="dark"] body.bk-client-body #profitLossFormModal .pl-form-popup-body select,
html[data-theme="dark"] body.bk-client-body #profitLossFormModal .form-control.price-field,
html[data-theme="dark"] body.bk-client-body #profitLossFormModal .income-price-field {
	background: #141518 !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #profitLossFormModal .input-group .input-group-text {
	background: #1a1b1e !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	color: #9ca3af !important;
}

html[data-theme="dark"] body.bk-client-body #profitLossFormModal .input-group:focus-within .input-group-text {
	border-color: #2563eb !important;
}

html[data-theme="dark"] body.bk-client-body #profitLossFormModal .company-name-edit-btn {
	background: #2563eb !important;
	border-color: #2563eb !important;
	color: #fff !important;
}

html[data-theme="dark"] body.bk-client-body #profitLossFormModal .resend-reminder-popup-card-heading,
html[data-theme="dark"] body.bk-client-body #profitLossFormModal .pl-form-popup-card-heading {
	color: var(--bk-popup-ai-blue-ink) !important;
}

html[data-theme="dark"] body.bk-client-body #profitLossFormModal .pl-form-popup-header,
html[data-theme="dark"] body.bk-client-body #profitLossFormModal .modal-header {
	background: var(--bk-popup-head-grad) !important;
	background-color: #1a1d28 !important;
	background-image: var(--bk-popup-head-grad) !important;
	color: var(--bk-popup-head-ink) !important;
}

/* --- Pinwheel: dark row labels + selects --- */
html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal .pinwheel-calculation-popup-body,
html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal .modal-body {
	color: var(--bk-popup-ai-text) !important;
	background: var(--bk-popup-ai-body) !important;
}

html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal {
	--bk-pwc-paper: var(--bk-popup-ai-body);
	--bk-pwc-line: var(--bk-popup-ai-line);
	--bk-pwc-text: var(--bk-popup-ai-text);
	--bk-pwc-gold-soft: var(--bk-popup-ai-blue-soft);
	--bk-pwc-gold-ink: var(--bk-popup-ai-blue-ink);
}

html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal .pinwheel-calculation-popup-body label,
html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal .pinwheel-calculation-popup-body p,
html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal .pinwheel-calculation-popup-body span,
html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal .pinwheel-calculation-popup-body .form-group,
html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal #pinwheel_cal_form label,
html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal #pinwheel_cal_form .col-form-label,
html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal #pinwheel_cal_form .control-label,
html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal .pinwheel-calculation-popup .form_bgp label,
html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal .pinwheel-calculation-dotted-label .title,
html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal .pinwheel-calculation-dotted-label .amount {
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal select,
html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal .form-select,
html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal .form-control {
	background: #141518 !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #pinwheelCalculationModal select option {
	background: #1e2024;
	color: #e8eaed;
}

/* --- Utility: dark cards with visible borders --- */
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .dip-body,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .modal-body {
	background: var(--bk-popup-ai-body) !important;
}

html[data-theme="dark"] body.bk-client-body #utilityPopupModal .utility-card.dip-utility-card,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .utility-item .utility-card {
	background: var(--bk-popup-ai-card) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #utilityPopupModal .utility-card.selected {
	border-color: #60a5fa !important;
}

html[data-theme="dark"] body.bk-client-body #utilityPopupModal .utility-card-label,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .dip-utility-card-title,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .dip-inp-label {
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #utilityPopupModal .dip-inp-input,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal .utility-amount-field,
html[data-theme="dark"] body.bk-client-body #utilityPopupModal input.form-control {
	background: #141518 !important;
	border-color: rgba(255, 255, 255, 0.18) !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #utilityPopupModal .dip-section-card.bk-phh-item-card {
	background: var(--bk-popup-ai-card) !important;
	border-color: var(--bk-popup-ai-line) !important;
}

/* --- Document notice: dark alerts + app promo --- */
html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup__alert-shell,
html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .questionnaire-submit-notice-shell {
	background: rgba(185, 28, 28, 0.16) !important;
	border: 1px solid rgba(248, 113, 113, 0.4) !important;
}

html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup-lead-text,
html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup-list-text,
html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .resend-reminder-popup-subtitle {
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup-app-shell,
html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup-app-card {
	background: rgba(37, 99, 235, 0.14) !important;
	border: 1px solid rgba(96, 165, 250, 0.35) !important;
}

html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup-app-lead,
html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup-app-search-hint,
html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup-app-shell .brand-name,
html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup-app-shell [class*="App"] {
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #documentNoticePromptModal .document-screen-notice-popup-app-icon-wrap {
	background: rgba(255, 255, 255, 0.08) !important;
	color: #93c5fd !important;
	border: 1px solid rgba(96, 165, 250, 0.35) !important;
}

/* =========================================================
 * Screenshot callouts batch 3 — docs download + flag info tip/need
 * ========================================================= */

/* Documents download — zip + Remove dark */
html[data-theme="dark"] body.bk-client-body #clientDocumentsDownloadModal .documents-download-popup-zip-btn,
html[data-theme="dark"] body.bk-client-body #clientDocumentsDownloadModal .documents-download-popup-zip-btn.resend-reminder-popup-btn-submit,
html[data-theme="dark"] body.bk-client-body .documents-download-popup-shell .documents-download-popup-zip-btn {
	background: #2563eb !important;
	border: 1px solid #2563eb !important;
	color: #ffffff !important;
}

html[data-theme="dark"] body.bk-client-body #clientDocumentsDownloadModal .documents-download-popup-remove,
html[data-theme="dark"] body.bk-client-body .documents-download-popup-shell .documents-download-popup-remove {
	background: rgba(185, 28, 28, 0.2) !important;
	border: 1px solid rgba(248, 113, 113, 0.4) !important;
	color: #fecaca !important;
}

html[data-theme="dark"] body.bk-client-body #clientDocumentsDownloadModal .documents-download-popup-remove:hover,
html[data-theme="dark"] body.bk-client-body .documents-download-popup-shell .documents-download-popup-remove:hover {
	background: rgba(185, 28, 28, 0.32) !important;
	color: #fee2e2 !important;
}

html[data-theme="dark"] body.bk-client-body #clientDocumentsDownloadModal .documents-download-popup-download,
html[data-theme="dark"] body.bk-client-body #clientDocumentsDownloadModal .documents-download-popup-row a.documents-download-popup-link {
	background: var(--bk-popup-ai-blue-soft) !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
	color: var(--bk-popup-ai-blue-ink) !important;
}

html[data-theme="dark"] body.bk-client-body #clientDocumentsDownloadModal .documents-download-popup-row,
html[data-theme="dark"] body.bk-client-body #clientDocumentsDownloadModal .documents-download-popup-card {
	background: var(--bk-popup-ai-card) !important;
	border-color: var(--bk-popup-ai-line) !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #clientDocumentsDownloadModal .documents-download-popup-filename {
	color: var(--bk-popup-ai-text) !important;
}

/* Flag info cards — tip (mutual funds) + need (whole/universal life) */
html[data-theme="dark"] body.bk-client-body #openFlagPopupModal .open-flag-popup-info-tip,
html[data-theme="dark"] body.bk-client-body #openFlagPopupModal .open-flag-popup-insurance-policies__tip {
	background: var(--bk-popup-ai-blue-soft) !important;
	border: 1px solid var(--bk-popup-ai-blue-border) !important;
	border-left: 3px solid #60a5fa !important;
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #openFlagPopupModal .open-flag-popup-info-tip strong,
html[data-theme="dark"] body.bk-client-body #openFlagPopupModal .open-flag-popup-insurance-policies__tip strong {
	color: var(--bk-popup-ai-blue-ink) !important;
}

html[data-theme="dark"] body.bk-client-body #openFlagPopupModal .open-flag-popup-info-need {
	background: rgba(185, 28, 28, 0.18) !important;
	border: 1px solid rgba(248, 113, 113, 0.4) !important;
	color: #fecaca !important;
}

html[data-theme="dark"] body.bk-client-body #openFlagPopupModal .open-flag-popup-info-need strong {
	color: #fee2e2 !important;
}

html[data-theme="dark"] body.bk-client-body #openFlagPopupModal .open-flag-popup-info-panel {
	background: var(--bk-popup-ai-card) !important;
	border-color: var(--bk-popup-ai-line) !important;
}

html[data-theme="dark"] body.bk-client-body #openFlagPopupModal .open-flag-popup-info-text,
html[data-theme="dark"] body.bk-client-body #openFlagPopupModal .open-flag-popup-info-text strong {
	color: var(--bk-popup-ai-text) !important;
}

html[data-theme="dark"] body.bk-client-body #openFlagPopupModal.open-flag-popup--info-card .open-flag-popup__body {
	background: var(--bk-popup-ai-body) !important;
}