/*
 * Scoped overrides for the session idle-timeout warning modal (#mb-idle-warning).
 * The shared .message-box layout renders .mb-container as a full-width dark band
 * with the text in a centered 50% strip, which reads as "full width". These rules
 * turn ONLY this modal into a compact, centered dialog card. Selectors are id-
 * scoped so the specificity beats the shared theme rules and the logout modal
 * (#mb-signout) is left untouched.
 */
#mb-idle-warning .mb-container {
    left: 50%;
    top: 50%;
    width: auto;
    max-width: 420px;
    transform: translate(-50%, -50%);
    border-radius: 6px;
}

#mb-idle-warning .mb-container .mb-middle {
    width: 100%;
    left: 0;
}

#mb-idle-warning .mb-container .mb-middle .mb-title {
    font-size: 22px;
    line-height: 28px;
}

#mb-idle-warning .mb-container .mb-middle .mb-title .fa {
    font-size: 26px;
}

/* Keep the two actions on one row and comfortably tappable within the card. */
#mb-idle-warning .mb-footer .btn {
    margin-left: 8px;
}