/* Bluemint pop-outs — mint border + solid white close X (no faded square) */

:root {
    --bm-modal-mint: #3fd6d4;
    --bm-modal-navy: #262646;
    --bm-modal-font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
}

/* Shared chalkboard / pipeline modal shells (child components don't inherit scoped parent CSS) */
.bm-chalkboard-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.bm-pipeline-lead-backdrop {
    z-index: 2100;
}

.bm-chalkboard-modal-backdrop--stacked {
    z-index: 2300;
}

.bm-chalkboard-modal {
    width: 100%;
    max-width: 640px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2);
    overflow: hidden;
    pointer-events: auto;
}

/* ---- Banner title font (match Client Profile pop-outs) ---- */
.modal-header.btn-navy .modal-title,
.modal-header.btn-navy h5,
.modal-header.btn-navy h4,
.modal-header.btn-navy h3,
.modal-header.btn-navy h2,
.cp-modal-header .modal-title,
.cp-profile-modal .modal-header .modal-title,
.fo-flow-modal .modal-title,
.bm-lender-send-modal .modal-title,
.ad-auth-modal .ad-auth-title,
.ad-auth-modal .ad-auth-header .modal-title,
.bm-audit-header .modal-title,
.bm-audit-header h5,
.bm-cpd-modal .modal-title,
.bm-task-modal .modal-title,
.bm-referral-modal .modal-title,
.bm-complaint-modal .modal-title,
.bm-gift-modal .modal-title,
.bm-breach-modal .modal-title,
.bm-cyber-modal .modal-title,
.bm-conflict-modal .modal-title,
.bm-vuln-modal .modal-title,
.bm-outsource-modal .modal-title,
.bm-report-modal .modal-title,
.quick-note-modal .modal-header .modal-title,
.ks-modal-card .modal-title,
.bm-compliance-header .modal-title,
.admin-modal-title,
.bm-chalkboard-modal-title,
.bm-pipeline-notes-modal-title,
.bm-pipeline-detail-title,
.bm-pipeline-history-title,
.bm-report-notes-title,
.bm-offer-email-header h5,
.bm-survey-email-header h5,
.bm-arrears-email-header h5,
.bm-add-client-title,
.bm-audit-title,
.bm-chalkboard-detail-title,
.bm-doc-modal .cp-modal-header .modal-title,
.bm-doc-modal .modal-header.cp-modal-header .modal-title {
    font-family: var(--bm-modal-font) !important;
    font-size: 1.0625rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: normal !important;
    color: #fff !important;
    margin: 0 !important;
}

/* Modal body section labels (Stage history, Pipeline notes, etc.) */
.bm-pipeline-history-section-title,
.bm-pipeline-label {
    font-family: var(--bm-modal-font) !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #94a3b8 !important;
    line-height: 1.25 !important;
    text-align: left;
}

/* Banner sub-headers (client / type / stage lines under title) */
.cp-header-sub,
.cp-modal-header .modal-subtitle,
.bm-pipeline-notes-modal-sub,
.bm-pipeline-history-sub,
.bm-add-client-subtitle,
.bm-pipeline-detail-badges,
.ad-auth-modal .ad-auth-subtitle,
.fo-tracker-subtitle,
.tracker-subtitle,
.bm-chalkboard-detail-sub {
    font-family: var(--bm-modal-font) !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    letter-spacing: normal !important;
    color: #a9bfce !important;
}

/* ---- Mint border on pop-outs ---- */
.modal .modal-content:not(.border-0):not(.bg-transparent),
.modal-content.cardborder,
.cp-modal-shell,
.cp-profile-modal .modal-content.cp-modal-shell,
.bm-chalkboard-modal,
.bm-pipeline-notes-modal,
.bm-report-notes-modal,
.admin-modal-content,
.fo-flow-modal .modal-content,
.ad-auth-modal .modal-content,
.bm-offer-email-modal,
.bm-survey-email-modal,
.bm-pipeline-history-modal,
.bm-arrears-email-modal {
    border: 2px solid var(--bm-modal-mint) !important;
}

/* Transparent modal shells stay borderless */
.modal .modal-content.border-0,
.modal .modal-content.bg-transparent {
    border: none !important;
}

/* Applications + Compliance (#mymodal2): full mint border, no clipped bottom edge */
#mymodal2 .modal-content.cardborder {
    border: 2px solid var(--bm-modal-mint) !important;
    border-radius: 12px !important;
    overflow: hidden;
    background-clip: padding-box;
    box-shadow: none !important;
}

#mymodal2 .bm-compliance-modal,
#mymodal2 .bm-apps-modal {
    overflow: hidden;
    border-radius: 10px;
}

#mymodal2 .bm-compliance-header,
#mymodal2 .bm-apps-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#mymodal2 .bm-compliance-body,
#mymodal2 .bm-apps-body {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* ---- Close X: solid white, no faded square (match Client Profile) ---- */
.modal-header.btn-navy .btn-close,
.modal-header .btn-close.btn-close-white,
.cp-modal-header .btn-close,
.cp-profile-modal .modal-header .btn-close,
.ad-auth-modal .ad-auth-header .btn-close,
.bm-audit-close,
.bm-cpd-modal .btn-close,
.bm-task-modal .btn-close,
.bm-referral-modal .btn-close,
.bm-complaint-modal .btn-close,
.bm-gift-modal .btn-close,
.bm-breach-modal .btn-close,
.bm-cyber-modal .btn-close,
.bm-conflict-modal .btn-close,
.bm-vuln-modal .btn-close,
.bm-outsource-modal .btn-close,
.bm-report-modal .btn-close,
.bm-offer-email-close,
.bm-survey-email-close,
.bm-arrears-email-close,
.bm-report-notes-close,
.quick-note-modal .modal-header .btn-close,
.bm-chalkboard-modal-close,
.bm-pipeline-notes-modal-close,
.fo-flow-modal-close,
.admin-modal-close,
.bm-compliance-close,
.bm-add-client-close,
.bm-pipeline-history-close,
.bm-modal-close,
.bm-refix-close,
.bm-lender-send-modal .btn-close,
.bm-compliance-header .btn-close,
.cp-welcome-close,
.cp-help-close {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    filter: none;
}

/* Bootstrap SVG close → solid white, Client Profile size (1.1rem / 0.85rem) */
.modal-header.btn-navy .btn-close,
.modal-header .btn-close.btn-close-white,
.cp-modal-header .btn-close,
.cp-profile-modal .modal-header .btn-close,
.ad-auth-modal .ad-auth-header .btn-close,
.bm-audit-close,
.bm-cpd-modal .btn-close,
.bm-task-modal .btn-close,
.bm-referral-modal .btn-close,
.bm-complaint-modal .btn-close,
.bm-gift-modal .btn-close,
.bm-breach-modal .btn-close,
.bm-cyber-modal .btn-close,
.bm-conflict-modal .btn-close,
.bm-vuln-modal .btn-close,
.bm-outsource-modal .btn-close,
.bm-report-modal .btn-close,
.bm-offer-email-close,
.bm-survey-email-close,
.bm-arrears-email-close,
.bm-report-notes-close,
.quick-note-modal .modal-header .btn-close,
.fo-flow-modal-close,
.bm-compliance-close,
.bm-pipeline-history-close,
.bm-modal-close,
.bm-refix-close,
.bm-lender-send-modal .btn-close,
.bm-compliance-header .btn-close {
    width: 1.1rem !important;
    height: 1.1rem !important;
    margin: 0 !important;
    padding: 0.25rem !important;
    flex-shrink: 0;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 0.85rem !important;
    filter: none !important;
    opacity: 1 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer;
}

.modal-header.btn-navy .btn-close:hover,
.modal-header .btn-close.btn-close-white:hover,
.cp-modal-header .btn-close:hover,
.cp-profile-modal .modal-header .btn-close:hover,
.ad-auth-modal .ad-auth-header .btn-close:hover,
.bm-audit-close:hover,
.bm-cpd-modal .btn-close:hover,
.bm-task-modal .btn-close:hover,
.bm-referral-modal .btn-close:hover,
.bm-complaint-modal .btn-close:hover,
.bm-gift-modal .btn-close:hover,
.bm-breach-modal .btn-close:hover,
.bm-cyber-modal .btn-close:hover,
.bm-conflict-modal .btn-close:hover,
.bm-vuln-modal .btn-close:hover,
.bm-outsource-modal .btn-close:hover,
.bm-report-modal .btn-close:hover,
.bm-offer-email-close:hover,
.bm-survey-email-close:hover,
.bm-arrears-email-close:hover,
.bm-report-notes-close:hover,
.quick-note-modal .modal-header .btn-close:hover,
.fo-flow-modal-close:hover,
.bm-compliance-close:hover,
.bm-pipeline-history-close:hover,
.bm-modal-close:hover,
.bm-refix-close:hover,
.bm-lender-send-modal .btn-close:hover,
.bm-compliance-header .btn-close:hover {
    opacity: 1 !important;
    background-color: transparent !important;
}

/* Text / FA-icon closes — same visual weight as Client Profile X */
.admin-modal-close,
.bm-add-client-close,
.cp-welcome-close,
.cp-help-close {
    color: #fff !important;
    background: transparent !important;
    background-image: none !important;
    opacity: 1 !important;
    padding: 0.25rem !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    font-size: 1.1rem !important;
    cursor: pointer;
}

.admin-modal-close:hover,
.bm-add-client-close:hover,
.cp-welcome-close:hover,
.cp-help-close:hover {
    color: #fff !important;
    background: transparent !important;
    opacity: 1 !important;
}

.cp-welcome-close i,
.cp-help-close i,
.bm-add-client-close i {
    font-size: 1.1rem !important;
    line-height: 1 !important;
    color: #fff !important;
}

/* Material-icon close buttons (chalkboard / pipeline notes) */
.bm-chalkboard-modal-close,
.bm-pipeline-notes-modal-close {
    color: #fff !important;
    background: transparent !important;
    background-image: none !important;
    opacity: 1 !important;
    padding: 0.15rem;
    line-height: 1;
    width: auto !important;
    height: auto !important;
    font-size: inherit !important;
    cursor: pointer;
}

.bm-chalkboard-modal-close:hover,
.bm-pipeline-notes-modal-close:hover {
    color: #fff !important;
    background: transparent !important;
    opacity: 1 !important;
}

.bm-chalkboard-modal-close .material-icons,
.bm-pipeline-notes-modal-close .material-icons {
    color: #fff !important;
    font-size: 1.25rem;
}

/* ---- Dashboard → Documents (rename / upload pop-outs) ---- */
.bm-doc-modal.cp-profile-modal {
    border: 2px solid var(--bm-modal-mint) !important;
    border-radius: 14px !important;
    overflow: hidden;
    font-family: var(--bm-modal-font);
    background: #fff;
}

.bm-doc-modal .modal-header.cp-modal-header,
.bm-doc-modal .modal-header.btn-navy,
.bm-doc-modal .cp-modal-header {
    background: var(--bm-modal-navy) !important;
    color: #fff !important;
    border: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    padding: 0.9rem 1.35rem !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.bm-doc-modal .cp-modal-header .modal-title,
.bm-doc-modal .modal-header.cp-modal-header .modal-title,
.bm-doc-modal .cp-modal-header h5 {
    color: #fff !important;
    font-family: var(--bm-modal-font) !important;
    font-size: 1.0625rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.bm-doc-modal .cp-modal-body {
    padding: 1.25rem 1.5rem 1rem !important;
    color: var(--bm-modal-navy);
}

.bm-doc-modal .modal-footer.cp-modal-footer.bm-doc-modal-footer-actions,
.bm-doc-modal .cp-modal-footer.bm-doc-modal-footer-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    border-top: 1px solid #e2e8f0;
    padding: 0.85rem 1.5rem !important;
    background: #fff;
}

.bm-doc-modal .modal-footer .btn.cp-btn-save,
.bm-doc-modal .modal-footer .cp-btn-save,
.bm-doc-modal .cp-modal-footer .btn.cp-btn-save,
.bm-doc-modal .cp-modal-footer .cp-btn-save {
    background: var(--bm-modal-mint) !important;
    color: var(--bm-modal-navy) !important;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px rgba(63, 214, 212, 0.22) !important;
    font-family: var(--bm-modal-font) !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    padding: 0.62rem 1.2rem !important;
    line-height: 1.3;
}

.bm-doc-modal .modal-footer .btn.cp-btn-save:hover,
.bm-doc-modal .modal-footer .cp-btn-save:hover,
.bm-doc-modal .cp-modal-footer .btn.cp-btn-save:hover,
.bm-doc-modal .cp-modal-footer .cp-btn-save:hover {
    background: #36c4c2 !important;
    color: var(--bm-modal-navy) !important;
}

.bm-doc-modal .modal-footer .btn-outline-secondary.btn-sm,
.bm-doc-modal .cp-modal-footer .btn-outline-secondary.btn-sm {
    font-family: var(--bm-modal-font) !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    border-radius: 10px !important;
    text-transform: none;
    letter-spacing: normal;
    padding: 0.55rem 1rem !important;
}

.bm-doc-modal .modal-header.cp-modal-header .btn-close,
.bm-doc-modal .cp-modal-header .btn-close {
    width: 1.1rem !important;
    height: 1.1rem !important;
    margin: 0 !important;
    padding: 0.25rem !important;
    flex-shrink: 0;
    opacity: 1 !important;
    filter: none !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    background-size: 0.85rem !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}