/* Public announcement popup */
.public-announcement-modal .modal-dialog { max-width: 860px; }
.public-announcement-modal .modal-content { border: 0; border-radius: 20px; font-family: "Plus Jakarta Sans", sans-serif; overflow: hidden; }
.public-announcement-modal .modal-header { align-items: flex-start; background: #3750B0; border: 0; color: #fff; padding: 28px 32px; }
.public-announcement-modal .modal-title { font-size: 22px; font-weight: 700; line-height: 1.4; padding-right: 24px; }
.public-announcement-modal .btn-close { background-color: #fff; border-radius: 50%; margin: 2px 0 0; opacity: 1; }
.public-announcement-modal .modal-body { color: #344054; font-size: 14px; line-height: 1.7; padding: 28px 32px; }
.public-announcement-modal .modal-body p { margin: 0 0 18px; }
.public-announcement-modal .modal-body p:last-child { margin-bottom: 0; font-weight: 600; }
.public-announcement-modal .modal-footer { align-items: center; border-top: 1px solid #eaecf0; color: #3750B0; font-size: 14px; font-weight: 700; justify-content: space-between; padding: 18px 32px; }
.public-announcement-modal .btn-primary { background: #3750B0; border-color: #3750B0; border-radius: 8px; font-size: 14px; font-weight: 600; padding: 10px 22px; }

@media (max-width: 575.98px) {
    .public-announcement-modal .modal-dialog {
        height: auto;
        margin: 8vh auto;
        max-width: calc(100% - 32px);
        min-height: 0;
        width: 420px;
    }
    .public-announcement-modal .modal-dialog-scrollable { height: auto; }
    .public-announcement-modal .modal-content { max-height: 84vh; }
    .public-announcement-modal .modal-header,
    .public-announcement-modal .modal-body,
    .public-announcement-modal .modal-footer { padding-left: 20px; padding-right: 20px; }
    .public-announcement-modal .modal-body { overflow-y: auto; }
    .public-announcement-modal .modal-title { font-size: 18px; }
    .public-announcement-modal .modal-footer { align-items: flex-start; flex-direction: column; gap: 14px; }
}