/* A camada prioritária unifica inclusive os estilos locais das views. */
@layer registra-modal-header {
    .modal .modal-header {
        display:flex !important;
        align-items:center !important;
        gap:8px !important;
        min-height:50px !important;
        padding:14px 18px !important;
        background:#eef6ff !important;
        border-bottom:1px solid #bfdbfe !important;
        box-shadow:none !important;
        color:#1d4ed8 !important;
    }
    .modal .modal-header .modal-title,
    .modal .modal-header h2,
    .modal .modal-header h5 {
        display:flex !important;
        align-items:center !important;
        gap:8px !important;
        margin:0 !important;
        color:inherit !important;
        font-size:15px !important;
        font-weight:700 !important;
        line-height:1.3 !important;
    }
    .modal .modal-header i {
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        color:inherit !important;
        font-size:15px !important;
    }
    .modal .modal-header [class$="__icon"],
    .modal .modal-header [class$="-icon"] {
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        color:inherit !important;
    }
    .modal .modal-header strong { color:inherit !important; font-size:15px !important; font-weight:700 !important; }
    .modal .modal-header .close {
        flex:0 0 32px !important;
        width:32px !important;
        height:32px !important;
        padding:0 !important;
        margin:-6px -4px -6px auto !important;
        color:#64748b !important;
        font-size:22px !important;
        opacity:1 !important;
        text-shadow:none !important;
        background:transparent !important;
    }
    body.theme-dark .modal .modal-header,
    body.dark-mode .modal .modal-header {
        background:#172d4c !important;
        border-bottom-color:#315d99 !important;
        color:#bfdbfe !important;
    }
    body.theme-dark .modal .modal-header .close,
    body.dark-mode .modal .modal-header .close { color:#bfdbfe !important; }
    @media(max-width:575.98px) {
        .modal .modal-header { padding:14px 16px !important; }
        .modal .modal-header .close { flex-basis:44px !important; width:44px !important; height:44px !important; margin:-12px -10px -12px auto !important; }
    }
}