#callbackModal.pingo-modal .modal-dialog { width: calc(100% - 32px); }
#callbackModal.pingo-modal .pingo-modal-header,
#callbackModal.pingo-modal .pingo-modal-footer { color: #fff; border-color: rgba(255,255,255,.14); background: var(--pingo-primary-dark); }
#callbackModal.pingo-modal .pingo-modal-title { color: #fff; }
#callbackModal.pingo-modal .pingo-modal-header .btn-close { opacity: .82; background-color: rgba(255,255,255,.14); filter: brightness(0) invert(1); }
#callbackModal.pingo-modal .pingo-modal-header .btn-close:hover { opacity: 1; background-color: rgba(255,255,255,.22); }
#callbackModal.pingo-modal .pingo-modal-footer .btn-crm-secondary { color: var(--pingo-primary-dark); border-color: #fff; background: #fff; }
#callbackModal.pingo-modal .pingo-modal-footer .btn-crm-secondary:hover { color: var(--pingo-primary-dark); background: var(--pingo-primary-light); }
#callbackModal.pingo-modal .callback-card { border: 1px solid #eeeaf7 !important; border-radius: var(--pingo-radius-md) !important; background: var(--pingo-primary-light); box-shadow: none !important; }
#callbackModal.pingo-modal .callback-card > .d-flex:first-of-type { padding-bottom: 16px; border-bottom: 1px solid #e5dff5; }
#callbackModal.pingo-modal .callback-card h4, #callbackModal.pingo-modal .callback-card .text-crm { color: var(--pingo-primary-dark) !important; }
#callbackModal.pingo-modal .callback-card .badge,
#callbackModal.pingo-modal .callback-card .bg-crm-n { color: #fff !important; background: var(--pingo-primary) !important; }
#callbackModal.pingo-modal .text-crm,
#callbackModal.pingo-modal .text-success { color: var(--pingo-primary-dark) !important; }
#callbackModal.pingo-modal .bg-success,
#callbackModal.pingo-modal .light-green { color: var(--pingo-text) !important; background: var(--pingo-primary-light) !important; }
#callbackModal.pingo-modal .border-success,
#callbackModal.pingo-modal .border-light-green { border-color: #c9bdf2 !important; }
#callbackModal.pingo-modal .alert-success { color: var(--pingo-purple); border-color: #c9bdf2; background: var(--pingo-primary-light); }
#callbackModal.pingo-modal .callback-card .alert.alert-danger { color: #8d2635; border-color: #f0b9c1; background: #fff0f2; }
#callbackModal.pingo-modal .callback-card .avatar { color: #fff; background: var(--pingo-primary) !important; }
#callbackModal.pingo-modal .lead-info { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 22px; padding: 14px 0; }
#callbackModal.pingo-modal .lead-info p { margin: 0 0 5px !important; color: var(--pingo-text); }
#callbackModal.pingo-modal .lead-info a { color: var(--pingo-purple); }
#callbackModal.pingo-modal #callback-info-block .alert-info { border: 0; border-radius: var(--pingo-radius-sm); color: var(--pingo-purple); background: #f0ebff; }
#callbackModal.pingo-modal #callback-info-block .mt-3 { padding-top: 14px; border-top: 1px solid #e5dff5; }
#callbackModal.pingo-modal #callback-info-block .border-start { border-color: var(--pingo-primary) !important; }
#callbackModal.pingo-modal #callback-info-block .border-start > div:last-child { color: var(--pingo-text); }
#callbackModal.pingo-modal .pingo-scheduled-recall { margin: 0 0 18px; padding: 16px 18px; border: 2px solid; border-radius: var(--pingo-radius-md); box-shadow: 0 4px 12px rgba(36,33,75,.08); }
#callbackModal.pingo-modal .pingo-scheduled-recall--due { color: var(--pingo-primary-dark); border-color: #b9a9ed; background: #f1edff; }
#callbackModal.pingo-modal .pingo-scheduled-recall--overdue { color: #8d2635; border-color: #e89aa6; background: #fff0f2; }
#callbackModal.pingo-modal .pingo-scheduled-recall__title { margin-bottom: 6px; font-size: 1.1rem; font-weight: 800; letter-spacing: .02em; }
#callbackModal.pingo-modal .pingo-scheduled-recall__time { font-size: 1rem; font-weight: 600; }
#callbackModal.pingo-modal .pingo-scheduled-recall__message { margin-top: 7px; font-weight: 600; }
#callbackModal.pingo-modal #callback-actions { padding: 19px; border: 1px solid #eeeaf7; border-radius: var(--pingo-radius-md); background: #fff; }
#callbackModal.pingo-modal #callback-actions h5 { margin-bottom: 14px !important; color: var(--pingo-primary-dark) !important; }
#callbackModal.pingo-modal #callback-actions .action-btn, #callbackModal.pingo-modal #callback-actions #callback-client-link, #callbackModal.pingo-modal #callback-actions #callback-qualify-link { border-radius: 18px; font-weight: 600; }
#callbackModal.pingo-modal #callback-actions .action-btn[data-action="voicemail"], #callbackModal.pingo-modal #callback-actions .action-btn[data-action="no_answer"] { color: var(--pingo-purple); border: 1px solid #c9bdf2; background: #fff; }
#callbackModal.pingo-modal #callback-actions .action-btn[data-action="wrong_number"] { color: #a52d3c; border: 1px solid #edb4bd; background: #fff4f5; }
#callbackModal.pingo-modal #callback-actions .action-btn[data-action="not_interested"] { color: #805b20; border: 1px solid #efd39b; background: #fff9ed; }
#callbackModal.pingo-modal #callback-actions .action-btn[data-action="schedule"] { color: var(--pingo-purple); border: 1px solid #c9bdf2; background: #fff; }
#callbackModal.pingo-modal #callback-actions #callback-client-link, #callbackModal.pingo-modal #callback-actions #callback-qualify-link { color: #fff; border: 1px solid var(--pingo-primary); background: var(--pingo-primary); }
#callbackModal.pingo-modal .btn-success,
#callbackModal.pingo-modal .btn-crm,
#callbackModal.pingo-modal .btn-outline-success { color: var(--pingo-purple); border-color: #c9bdf2; background: #fff; }
#callbackModal.pingo-modal .btn-success:hover,
#callbackModal.pingo-modal .btn-crm:hover,
#callbackModal.pingo-modal .btn-outline-success:hover { color: #fff; border-color: var(--pingo-primary); background: var(--pingo-primary); }
#callbackModal.pingo-modal #callback-actions #callback-client-link,
#callbackModal.pingo-modal #callback-actions #callback-qualify-link,
#callbackModal.pingo-modal #callback-submit { color: #fff; border-color: var(--pingo-primary); background: var(--pingo-primary); }
#callbackModal.pingo-modal #callback-actions .action-btn:hover, #callbackModal.pingo-modal #callback-actions #callback-client-link:hover, #callbackModal.pingo-modal #callback-actions #callback-qualify-link:hover { filter: brightness(.97); box-shadow: 0 3px 9px rgba(91,77,164,.16); }
#callbackModal.pingo-modal .ringover-outbound-callback-form .btn-outline-success { color: var(--pingo-purple); border-color: #c9bdf2; background: #fff; }
#callbackModal.pingo-modal #callback-dynamic-zone { padding: 18px; border: 1px solid #eeeaf7; border-radius: var(--pingo-radius-md); background: #fbfaff; }
#callbackModal.pingo-modal #callback-dynamic-zone h6 { color: var(--pingo-primary-dark) !important; }
#callbackModal.pingo-modal #callback-dynamic-zone input, #callbackModal.pingo-modal #callback-dynamic-zone textarea { border-color: var(--pingo-border); border-radius: var(--pingo-radius-sm); }
#callbackModal.pingo-modal #callback-submit { border: 0; border-radius: 18px; }
#callbackModal.pingo-modal.show .modal-dialog { animation: pingo-modal-in .18s ease-out; border-radius: var(--pingo-radius-lg); }
@keyframes pingo-modal-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { #callbackModal.pingo-modal.show .modal-dialog { animation: none; } }
@media (max-width: 767px) {
	#callbackModal.pingo-modal .modal-dialog { width: calc(100% - 20px); margin: 10px auto; }
	#callbackModal.pingo-modal .pingo-modal-header { padding: 14px 16px; }
	#callbackModal.pingo-modal .pingo-modal-title { font-size: 17px; }
	#callbackModal.pingo-modal .pingo-modal-body { padding: 12px; }
	#callbackModal.pingo-modal .lead-info { grid-template-columns: 1fr; gap: 3px; }
	#callbackModal.pingo-modal #callback-actions { padding: 14px; }
	#callbackModal.pingo-modal .pingo-scheduled-recall { padding: 14px; }
	#callbackModal.pingo-modal .pingo-scheduled-recall__title { font-size: 1rem; }
	#callbackModal.pingo-modal .pingo-scheduled-recall__time,
	#callbackModal.pingo-modal .pingo-scheduled-recall__message { font-size: .95rem; }
	#callbackModal.pingo-modal #callback-actions .d-flex { gap: 7px !important; }
}

/* Override the legacy !important colors from assets/css/colors.css in this modal only. */
#callbackModal.pingo-modal #callback-actions .action-btn.btn-crm,
#callbackModal.pingo-modal #callback-actions #callback-client-link,
#callbackModal.pingo-modal #callback-actions #callback-qualify-link,
#callbackModal.pingo-modal #callback-submit {
	color: #fff !important;
	border-color: var(--pingo-primary) !important;
	background: var(--pingo-primary) !important;
}
#callbackModal.pingo-modal #callback-actions .action-btn.btn-crm[data-action="voicemail"],
#callbackModal.pingo-modal #callback-actions .action-btn.btn-crm[data-action="no_answer"],
#callbackModal.pingo-modal #callback-actions .action-btn.btn-crm[data-action="wrong_number"],
#callbackModal.pingo-modal #callback-actions .action-btn.btn-crm[data-action="not_interested"] {
	color: var(--pingo-purple) !important;
	border-color: #c9bdf2 !important;
	background: #fff !important;
}
#callbackModal.pingo-modal #callback-actions .action-btn.btn-crm:hover,
#callbackModal.pingo-modal #callback-actions #callback-client-link:hover,
#callbackModal.pingo-modal #callback-actions #callback-qualify-link:hover,
#callbackModal.pingo-modal #callback-submit:hover {
	color: #fff !important;
	border-color: var(--pingo-primary) !important;
	background: var(--pingo-primary-dark) !important;
}

#callbackModal.pingo-modal .bg-crm-n {
	color: #fff !important;
	background-color: var(--pingo-primary) !important;
	border: 1px solid var(--pingo-primary) !important;
}

#callbackModal.pingo-modal .btn-crm {
	color: #fff !important;
	border: 1px solid var(--pingo-primary) !important;
	background-color: var(--pingo-primary) !important;
}

#callbackModal.pingo-modal .btn-crm:hover,
#callbackModal.pingo-modal .btn-crm:focus {
	color: #fff !important;
	border-color: var(--pingo-primary-dark) !important;
	background-color: var(--pingo-primary-dark) !important;
}

#callbackModal.pingo-modal .border-crm {
	border-color: var(--pingo-border) !important;
}