/* The app sets a global `.modal-content { width: fit-content; min-width: 500px }`
   (quividi.css) which overrides Bootstrap's dialog sizing and lets the coloured
   header bleed past the rounded corners. Scope those back for this modal. */
#scene-models-consent .modal-dialog {
    max-width: 720px;
}

#scene-models-consent .modal-content {
    width: auto;
    min-width: 0;
    overflow: hidden;
    /* Border-less so the header's rounded top corners meet the content box with no
       1px light sliver (the border would round to the 17px inner radius). */
    border: 0;
    border-radius: 18px;
}

/* Round the navy header's own top corners to match, so it fills the rounded
   corners of the modal rather than sitting square behind them. */
#scene-models-consent .consent-modal-header {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

/* inspinia-bs5-compat.css has a catch-all .btn:not(...) whose :not(n) typo fails
   to exclude solid .btn-success, recolouring it to the default blue. Force the
   bulk "Enable all" back to success green so it matches the per-row toggles. */
#scene-models-consent [data-sm-bulk="enable"] {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
    color: #fff;
}

/* Bootstrap gives the footer less horizontal padding than the body; match the
   body's so the progress text and note line up with the rest of the content. */
#scene-models-consent .modal-footer {
    padding-left: var(--bs-modal-padding);
    padding-right: var(--bs-modal-padding);
}

/* Decision pills on the profile history table — match the modal's toggle
   colours. Plain .badge.bg-success is recoloured to indigo by
   inspinia-bs5-compat.css, so use dedicated classes instead. */
.sm-decision-pill {
    color: #fff;
}
.sm-decision-pill.sm-on {
    background-color: var(--bs-success);
}
.sm-decision-pill.sm-off {
    background-color: var(--bs-secondary);
}