/* Mensagens v5.5.0 — interface do HTML aprovado conectada às notificações reais. */
.bksg-v53-view-notificacoes {
    --bksg-v55-blue: #086bf2;
    --bksg-v55-ink: #11213d;
    --bksg-v55-muted: #687791;
    --bksg-v55-line: #dfe8f3;
    --bksg-v55-green: #0aa66a;
    --bksg-v55-red: #ec4257;
    --bksg-v55-shadow: 0 14px 40px rgba(33,82,139,.09);
    background: radial-gradient(circle at 88% 3%,rgba(38,162,255,.09),transparent 27%),linear-gradient(180deg,#f8fbff 0%,#f1f7fc 100%) !important;
    color: var(--bksg-v55-ink);
    font-family: Inter,"Segoe UI",Roboto,Arial,sans-serif !important;
}

.bksg-v53-view-notificacoes,
.bksg-v53-view-notificacoes * { box-sizing: border-box; }

.bksg-v53-view-notificacoes h1,
.bksg-v53-view-notificacoes h2,
.bksg-v53-view-notificacoes p,
.bksg-v53-view-notificacoes a,
.bksg-v53-view-notificacoes button,
.bksg-v53-view-notificacoes span,
.bksg-v53-view-notificacoes strong,
.bksg-v53-view-notificacoes time { font-family: inherit !important; }

.bksg-v53-view-notificacoes .bksg-v55-messages-page-head {
    align-items: flex-end !important;
    background: transparent !important;
    border: 0 !important;
    gap: 24px !important;
    margin: 0 auto 22px !important;
    max-width: 1600px;
    min-height: 0 !important;
    padding: 30px 28px 0 !important;
    width: 100%;
}
.bksg-v55-messages-page-head > div { flex: 1; max-width: 830px; min-width: 0; }
.bksg-v53-view-notificacoes .bksg-v55-messages-page-head > div:first-of-type > span {
    color: var(--bksg-v55-blue) !important;
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 1.25px !important;
    line-height: 1.2 !important;
    margin: 0 0 8px !important;
    text-transform: uppercase;
}
.bksg-v53-view-notificacoes .bksg-v55-messages-page-head h1 {
    color: var(--bksg-v55-ink) !important;
    font-size: clamp(30px,3vw,43px) !important;
    font-weight: 800 !important;
    letter-spacing: -1.6px !important;
    line-height: 1.06 !important;
    margin: 0 !important;
}
.bksg-v53-view-notificacoes .bksg-v55-messages-page-head p {
    color: var(--bksg-v55-muted) !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    margin: 9px 0 0 !important;
    max-width: 820px;
}
.bksg-v55-read-all {
    appearance: none;
    background: #fff !important;
    border: 1px solid #cfdced !important;
    border-radius: 12px !important;
    color: #315173 !important;
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 12px !important;
    font-weight: 800 !important;
    min-height: 42px;
    padding: 0 17px !important;
    transition: border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
.bksg-v55-read-all:hover { border-color: #9dc6f8 !important; box-shadow: 0 9px 24px rgba(33,82,139,.1); color: var(--bksg-v55-blue) !important; }
.bksg-v55-read-all:focus-visible { outline: 3px solid rgba(8,107,242,.2); outline-offset: 3px; }
.bksg-v55-read-all[hidden] { display: none !important; }

.bksg-v53-view-notificacoes .bksg-v5-app-content {
    flex: 1 0 auto;
    margin: 0 auto;
    max-width: 1600px;
    padding: 0 28px 38px !important;
    width: 100%;
}
.bksg-v55-messages .bksg-v5-card {
    background: #fff !important;
    border: 1px solid var(--bksg-v55-line) !important;
    border-radius: 20px !important;
    box-shadow: var(--bksg-v55-shadow) !important;
}

.bksg-v55-summary-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 15px;
    margin-bottom: 18px;
}
.bksg-v55-summary-card {
    appearance: none;
    min-height: 116px;
    overflow: hidden;
    padding: 19px 20px !important;
    position: relative;
}
.bksg-v55-summary-card::after {
    background: rgba(8,107,242,.055);
    border-radius: 50%;
    bottom: -34px;
    content: "";
    height: 95px;
    position: absolute;
    right: -28px;
    width: 95px;
}
.bksg-v55-summary-filter {
    cursor: pointer;
    text-align: left;
    transition: transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.bksg-v55-summary-filter:hover { background: #fbfdff !important; box-shadow: 0 17px 42px rgba(33,82,139,.12) !important; transform: translateY(-2px); }
.bksg-v55-summary-filter:focus-visible { outline: 3px solid rgba(8,107,242,.2); outline-offset: 3px; }
.bksg-v55-summary-label { align-items: center; color: #687791; display: flex; font-size: 12px !important; font-weight: 700 !important; gap: 8px; }
.bksg-v55-summary-label i { background: var(--bksg-v55-blue); border-radius: 50%; height: 8px; width: 8px; }
.bksg-v55-summary-label i.is-green { background: var(--bksg-v55-green); }
.bksg-v55-summary-label i.is-gold { background: #ffc95c; }
.bksg-v55-summary-value { color: var(--bksg-v55-ink); display: block; font-size: 27px !important; font-weight: 800 !important; letter-spacing: -.8px; line-height: 1 !important; margin-top: 11px; }
.bksg-v55-summary-note { color: #7a879d; display: block; font-size: 11px !important; margin-top: 8px; }

.bksg-v55-filters-row { align-items: center; display: flex; gap: 15px; justify-content: space-between; margin-bottom: 14px; }
.bksg-v55-segmented { align-items: center; background: #eaf0f7; border: 1px solid #dce6f1; border-radius: 13px; display: inline-flex; gap: 3px; padding: 3px; }
.bksg-v55-segmented button {
    appearance: none;
    background: transparent !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: #596983 !important;
    cursor: pointer;
    font-size: 11px !important;
    font-weight: 800 !important;
    min-height: 39px;
    padding: 0 14px !important;
    white-space: nowrap;
}
.bksg-v55-segmented button:hover { color: var(--bksg-v55-blue) !important; }
.bksg-v55-segmented button.is-active { background: #fff !important; box-shadow: 0 5px 14px rgba(25,69,119,.09); color: var(--bksg-v55-blue) !important; }
.bksg-v55-segmented button:focus-visible { outline: 2px solid #9ccaff; outline-offset: 1px; }
.bksg-v55-counter { color: #75839a; font-size: 11px !important; white-space: nowrap; }

.bksg-v55-messages .bksg-v55-notifications-card { border-color: transparent !important; padding: 6px !important; }
.bksg-v55-notification {
    align-items: start;
    appearance: none;
    background: #fff !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: inherit !important;
    cursor: pointer;
    display: grid;
    gap: 15px;
    grid-template-columns: 48px minmax(0,1fr) auto;
    padding: 17px 16px !important;
    position: relative;
    text-align: left;
    transition: background .18s ease,box-shadow .18s ease;
    width: 100%;
}
.bksg-v55-notification[hidden] { display: none !important; }
.bksg-v55-notification + .bksg-v55-notification,
.bksg-v55-notifications-card > template + .bksg-v55-notification { border-radius: 0 !important; border-top: 1px solid #edf2f7 !important; }
.bksg-v55-notification.is-first-visible { border-radius: 14px 14px 0 0 !important; border-top: 0 !important; }
.bksg-v55-notification:hover { background: #f7faff !important; box-shadow: 0 8px 22px rgba(37,74,121,.055); z-index: 1; }
.bksg-v55-notification:focus-visible { outline: 3px solid rgba(8,107,242,.18); outline-offset: -3px; z-index: 2; }
.bksg-v55-notification.is-unread { background: #f5faff !important; }
.bksg-v55-notification.is-unread:hover { background: #eef7ff !important; }
.bksg-v55-notification.is-unread::before { background: var(--bksg-v55-blue); border-radius: 50%; box-shadow: 0 0 0 4px rgba(8,107,242,.1); content: ""; height: 7px; left: 7px; position: absolute; top: 24px; width: 7px; }
.bksg-v55-notice-icon { background: #eaf4ff; border-radius: 14px; color: var(--bksg-v55-blue); display: grid; height: 46px; place-items: center; width: 46px; }
.bksg-v55-notice-icon svg { fill: none; height: 22px; stroke: currentColor; stroke-width: 1.9; width: 22px; }
.bksg-v55-notice-copy { min-width: 0; }
.bksg-v55-notice-meta { align-items: center; display: flex; gap: 9px; margin-bottom: 6px; }
.bksg-v55-notice-copy > strong { color: var(--bksg-v55-ink); display: block; font-size: 15px !important; font-weight: 800 !important; line-height: 1.25; margin: 0; }
.bksg-v55-notice-copy > span:last-child { color: #64738d; display: block; font-size: 12px !important; line-height: 1.5; margin-top: 5px; }
.bksg-v55-notice-time { color: #8290a5; font-size: 10px !important; padding-top: 2px; white-space: nowrap; }
.bksg-v55-pill { align-items: center; border-radius: 999px; display: inline-flex; font-size: 9px !important; font-weight: 850 !important; gap: 5px; line-height: 1; padding: 6px 9px; }
.bksg-v55-pill i { background: currentColor; border-radius: 50%; height: 5px; width: 5px; }
.bksg-v55-pill.is-new { background: #e5f1ff; color: var(--bksg-v55-blue); }
.bksg-v55-pill.is-read { background: #e3f8ef; color: #078b5b; }

.bksg-v55-notice-empty { color: #708098; display: grid; justify-items: center; padding: 42px 20px 44px; text-align: center; }
.bksg-v55-notice-empty[hidden] { display: none !important; }
.bksg-v55-empty-icon { background: #eaf4ff; border-radius: 16px; color: var(--bksg-v55-blue); display: grid; height: 52px; margin-bottom: 13px; place-items: center; width: 52px; }
.bksg-v55-empty-icon svg { fill: none; height: 24px; stroke: currentColor; stroke-width: 1.8; width: 24px; }
.bksg-v55-notice-empty strong { color: #1b2b47; font-size: 15px !important; }
.bksg-v55-notice-empty > span:last-child { font-size: 11px !important; line-height: 1.55; margin-top: 6px; max-width: 430px; }

.bksg-v55-modal-backdrop {
    background: rgba(4,19,44,.58);
    display: grid;
    inset: 0;
    padding: 18px;
    place-items: center;
    position: fixed;
    z-index: 999999;
}
.bksg-v55-modal-backdrop[hidden] { display: none !important; }
.bksg-v55-modal { background: #fff; border-radius: 20px; box-shadow: 0 25px 80px rgba(0,16,46,.28); max-height: calc(100dvh - 36px); overflow: auto; width: min(100%,570px); }
.bksg-v55-modal > header { align-items: flex-start; border-bottom: 1px solid #e9eff6; display: flex; gap: 18px; justify-content: space-between; padding: 22px 22px 17px; }
.bksg-v55-modal > header > div > span { color: var(--bksg-v55-blue); display: block; font-size: 10px !important; font-weight: 850 !important; letter-spacing: 1.1px; margin-bottom: 6px; }
.bksg-v55-modal h2 { color: var(--bksg-v55-ink) !important; font-size: 22px !important; font-weight: 800 !important; letter-spacing: -.5px; line-height: 1.2 !important; margin: 0 !important; }
.bksg-v55-modal > header p { color: var(--bksg-v55-muted) !important; font-size: 11px !important; margin: 5px 0 0 !important; }
.bksg-v55-modal > header button { align-items: center; appearance: none; background: #eef3f8 !important; border: 0 !important; border-radius: 50% !important; color: #60708a !important; cursor: pointer; display: inline-grid !important; flex: 0 0 auto; height: 36px; justify-items: center; line-height: 0 !important; padding: 0 !important; place-content: center; width: 36px; }
.bksg-v55-modal > header button svg { display: block; fill: none; height: 14px; margin: 0 !important; pointer-events: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2; width: 14px; }
.bksg-v55-modal-body { padding: 21px 22px 23px; }
.bksg-v55-modal-message { background: #f4f8fc; border-radius: 13px; color: #42516b; font-size: 13px; line-height: 1.7; margin-top: 15px; padding: 15px; }
.bksg-v55-modal-message p { color: inherit !important; font-size: inherit !important; line-height: inherit !important; margin: 0 0 10px !important; }
.bksg-v55-modal-message p:last-child { margin-bottom: 0 !important; }
.bksg-v55-message-image { margin-top: 15px; }
.bksg-v55-message-image img { border-radius: 12px; display: block; height: auto; max-width: 100%; }
.bksg-v55-modal-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; margin-top: 20px; }
.bksg-v55-modal-actions button,
.bksg-v55-modal-actions a { align-items: center; border: 1px solid transparent !important; border-radius: 11px !important; cursor: pointer; display: inline-flex; font-size: 11px !important; font-weight: 800 !important; justify-content: center; min-height: 40px; min-width: 104px; padding: 0 15px !important; text-decoration: none !important; }
.bksg-v55-modal-actions .is-danger { background: #fff0f2 !important; border-color: #f5c3ca !important; color: #c52f44 !important; }
.bksg-v55-modal-actions .is-secondary { background: #eef3f8 !important; color: #52647e !important; }
.bksg-v55-modal-actions .is-support { background: #fff !important; border-color: #cfdced !important; color: var(--bksg-v55-blue) !important; }
.bksg-v55-modal-actions .is-primary { background: var(--bksg-v55-blue) !important; color: #fff !important; }
.bksg-v55-modal-actions [hidden] { display: none !important; }

.bksg-v55-toast { background: #10213c; border-radius: 12px; bottom: 22px; box-shadow: 0 15px 40px rgba(0,0,0,.2); color: #fff; font-size: 13px !important; left: 50%; max-width: calc(100vw - 30px); opacity: 0; padding: 13px 17px; pointer-events: none; position: fixed; transform: translate(-50%,130%); transition: transform .22s ease,opacity .22s ease; z-index: 1000000; }
.bksg-v55-toast.is-visible { opacity: 1; transform: translate(-50%,0); }
html.bksg-v55-modal-open,
body.bksg-v55-modal-open { overflow: hidden !important; }

@media (max-width: 1260px) {
    .bksg-v53-view-notificacoes .bksg-v55-messages-page-head,
    .bksg-v53-view-notificacoes .bksg-v5-app-content { padding-left: 20px !important; padding-right: 20px !important; }
}

@media (max-width: 980px) {
    .bksg-v55-summary-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 820px) {
    .bksg-v53-view-notificacoes .bksg-v55-messages-page-head { align-items: flex-start !important; flex-wrap: wrap; padding-top: 76px !important; }
    .bksg-v53-view-notificacoes .bksg-v55-messages-page-head .bksg-v5-menu-button { display: grid; flex: 0 0 42px; margin: 0; place-items: center; }
    .bksg-v53-view-notificacoes .bksg-v55-messages-page-head .bksg-v5-menu-button svg { height: 21px; width: 21px; }
    .bksg-v55-read-all { margin-left: 54px; }
}

@media (max-width: 720px) {
    .bksg-v55-segmented { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; }
    .bksg-v55-segmented button { padding-left: 9px !important; padding-right: 9px !important; }
}

@media (max-width: 650px) {
    .bksg-v55-notification { grid-template-columns: 40px minmax(0,1fr); }
    .bksg-v55-notice-icon { height: 40px; width: 40px; }
    .bksg-v55-notice-time { grid-column: 2; padding-top: 0; }
    .bksg-v55-filters-row { align-items: flex-start; flex-direction: column; }
    .bksg-v55-notification.is-unread::before { left: 4px; }
    .bksg-v55-messages .bksg-v55-notifications-card { padding: 3px !important; }
}

@media (max-width: 620px) {
    .bksg-v53-view-notificacoes .bksg-v55-messages-page-head { gap: 12px !important; padding-left: 14px !important; padding-right: 14px !important; }
    .bksg-v53-view-notificacoes .bksg-v55-messages-page-head h1 { font-size: 31px !important; }
    .bksg-v53-view-notificacoes .bksg-v55-messages-page-head p { font-size: 13px !important; }
    .bksg-v53-view-notificacoes .bksg-v5-app-content { padding-left: 14px !important; padding-right: 14px !important; }
    .bksg-v55-read-all { margin-left: 54px; width: calc(100% - 54px); }
    .bksg-v55-summary-grid { grid-template-columns: 1fr; }
    .bksg-v55-segmented { grid-template-columns: 1fr 1fr; }
    .bksg-v55-segmented button:last-child { grid-column: 1 / -1; }
    .bksg-v55-modal-actions { display: grid; }
    .bksg-v55-modal-actions button,
    .bksg-v55-modal-actions a { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .bksg-v53-view-notificacoes *,
    .bksg-v53-view-notificacoes *::before,
    .bksg-v53-view-notificacoes *::after { scroll-behavior: auto !important; transition: none !important; }
}