.beerdon-notice-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(115deg,#2457e8,#4c7189);border-radius:22px;padding:25px;color:#fff;margin-bottom:20px;box-shadow:0 12px 32px #3758d528}.beerdon-notice-hero-icon{display:grid;place-items:center;width:56px;height:56px;flex-shrink:0;border:1px solid #ffffff50;border-radius:17px;background:#ffffff18}.beerdon-notice-hero svg{width:28px;height:28px}.beerdon-notice-hero span{font-size:10px;letter-spacing:.18em;font-weight:700}.beerdon-notice-hero h2{font-size:22px;color:#fff!important;margin:7px 0}.beerdon-notice-hero p{font-size:13px;color:#e0eaff!important;margin:0}.beerdon-notice-count{margin-left:auto;text-align:center;font-size:28px!important;letter-spacing:0!important}.beerdon-notice-count small{display:block;font-size:9px;letter-spacing:.15em;margin-top:4px}.beerdon-notice-filters{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:3px 0 15px;overscroll-behavior-x:contain}.beerdon-notice-filters button{flex-shrink:0;font:inherit;font-size:12px;font-weight:700;border:1px solid #d6e2ff;color:#385685;background:#fff;border-radius:99px;padding:9px 14px;cursor:pointer;min-height:38px}.beerdon-notice-filters button.active{background:#315beb!important;border-color:#315beb;color:#fff!important}.beerdon-notice-list{display:grid;gap:14px}.beerdon-notice{--notice-accent:#376c96;--notice-tint:#eff6ff;position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 72px;gap:15px;padding:22px;background:#fff!important;color:#18304f!important;border:1px solid #dce7f7;border-left:4px solid var(--notice-accent);border-radius:18px;box-shadow:0 4px 18px #25477907;overflow:hidden}.beerdon-notice.tone-success{--notice-accent:#39836c;--notice-tint:#ecfdf5}.beerdon-notice.tone-warning{--notice-accent:#ea580c;--notice-tint:#fff7ed}.beerdon-notice.tone-danger{--notice-accent:#e11d48;--notice-tint:#fff1f2}.beerdon-notice.is-unread{box-shadow:0 6px 22px #315beb0d}.beerdon-notice.is-read{border-left-width:2px}.beerdon-notice-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--notice-tint)!important;color:var(--notice-accent)!important}.beerdon-notice-icon svg{width:24px;height:24px}.beerdon-notice-content{min-width:0}.beerdon-notice-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.beerdon-notice-category{color:var(--notice-accent)!important;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.beerdon-notice-new{background:var(--notice-tint)!important;color:var(--notice-accent)!important;padding:3px 7px;border-radius:20px;font-size:10px;font-weight:700}.beerdon-notice time{font-size:10px;color:#7183a0}.beerdon-notice h2{font-size:16px;line-height:1.4;margin:0 0 7px;color:inherit!important;overflow-wrap:anywhere}.beerdon-notice p{font-size:13px;line-height:1.65;margin:0;color:#49617e!important;overflow-wrap:anywhere}.beerdon-notice-client{margin-top:8px;font-size:11px;font-weight:700;color:#456084}.beerdon-notice-logo{width:72px;height:24px;object-fit:contain;border:0;border-radius:0;background:transparent}.beerdon-notice-note{margin-top:12px;padding:11px 13px;border-radius:10px;background:var(--notice-tint)!important}.beerdon-notice-note strong{font-size:11px;color:var(--notice-accent)!important}.beerdon-notice-note p{margin-top:4px;font-size:12px;white-space:pre-wrap}.beerdon-notice-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}.beerdon-notice-actions .notice-action{display:inline-flex;align-items:center;gap:7px;color:#fff!important;background:var(--notice-accent)!important;border-color:var(--notice-accent)!important}.notice-action svg{width:16px;height:16px}.beerdon-notice-actions .notice-read{background:transparent!important;color:var(--notice-accent)!important;border-color:#d3def0}.beerdon-notice-read{font-size:11px;color:#7183a0}.beerdon-notice-documents{margin-top:12px;font-size:12px}.beerdon-notice-documents summary{cursor:pointer;color:var(--notice-accent);line-height:1.5}.beerdon-notice-documents ul{padding-left:16px;margin:10px 0}.beerdon-notice-documents li{margin:6px 0}.beerdon-notice-documents li span{display:block;font-size:11px;color:#7183a0}.beerdon-notice-empty{padding:45px 20px;background:#fff;border:1px dashed #bdd0ee;text-align:center;border-radius:18px}.beerdon-notice-empty svg{width:40px;height:40px;color:#4c7189}.beerdon-notice-empty h2{font-size:18px;margin:15px 0 7px}.beerdon-notice-empty p{font-size:13px;color:#7183a0}.bell{position:relative}.business-notice-badge{position:absolute;top:-5px;right:-6px;min-width:19px;height:19px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:#e11d48!important;color:#fff!important;border:2px solid #fff;font-size:9px;font-weight:800}.business-notice-badge[hidden]{display:none}.beerdon-credit-state{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.beerdon-credit-state p{flex-basis:100%}.beerdon-credit-state strong{color:#39836c}.beerdon-credit-state small{color:#7183a0}
#toastRoot .toast{display:flex;align-items:center;gap:12px;max-width:min(440px,calc(100vw - 32px));border:1px solid #bfcef7;border-left:4px solid #4c7189;background:#fff!important;color:#18304f!important;border-radius:16px;box-shadow:0 12px 40px #172b4530;padding:14px 17px;overflow-wrap:anywhere}#toastRoot .toast img{width:62px;height:42px;object-fit:contain;border-radius:7px}#toastRoot .toast small{display:block;color:#4c7189;font-weight:800;font-size:9px;letter-spacing:.12em;margin-bottom:4px}#toastRoot .toast span{font-size:12px;line-height:1.5}
html[data-theme=dark] .beerdon-notice,html[data-theme=dark] .beerdon-notice-empty,html[data-theme=dark] #toastRoot .toast{background:#15233a!important;color:#e6efff!important;border-color:#304765}html[data-theme=dark] .beerdon-notice p{color:#c2d0e5!important}html[data-theme=dark] .beerdon-notice-filters button{background:#15233a;color:#d5e3fb;border-color:#304765}html[data-theme=dark] .beerdon-notice-icon,html[data-theme=dark] .beerdon-notice-note,html[data-theme=dark] .beerdon-notice-new{background:#ffffff0d!important}html[data-theme=dark] .beerdon-notice{--notice-accent:#72a7ff}html[data-theme=dark] .beerdon-notice.tone-success{--notice-accent:#34d399}html[data-theme=dark] .beerdon-notice.tone-warning{--notice-accent:#fb923c}html[data-theme=dark] .beerdon-notice.tone-danger{--notice-accent:#fb7185}
@media(max-width:600px){.beerdon-notice-hero{padding:18px;gap:12px}.beerdon-notice-hero h2{font-size:18px}.beerdon-notice-hero-icon{width:42px;height:42px;border-radius:13px}.beerdon-notice-count{display:none}.beerdon-notice{padding:16px 13px;grid-template-columns:36px minmax(0,1fr);gap:11px}.beerdon-notice-icon{width:36px;height:36px;border-radius:11px}.beerdon-notice-icon svg{width:20px;height:20px}.beerdon-notice-logo{position:absolute;right:12px;top:12px;width:48px;height:16px}.beerdon-notice-meta{padding-right:48px;gap:6px}.beerdon-notice time{flex-basis:100%}.beerdon-notice h2{font-size:15px}.beerdon-notice-actions .btn{padding:9px 11px;min-height:38px}#toastRoot .toast{bottom:100px;right:16px}}

/* Compact native disclosures: opening a notice never marks it as read. */
details.beerdon-notice{display:block;padding:0}
.beerdon-notice-summary{display:flex;align-items:center;gap:14px;min-height:82px;padding:17px 20px;cursor:pointer;list-style:none}
.beerdon-notice-summary::-webkit-details-marker{display:none}.beerdon-notice-summary::marker{content:''}
.beerdon-notice-summary:focus-visible{outline:3px solid var(--notice-accent);outline-offset:-3px;border-radius:14px}
.beerdon-notice-summary:hover{background:color-mix(in srgb,var(--notice-accent) 4%,transparent)}
.beerdon-notice-summary .beerdon-notice-content{flex:1;min-width:0}
.beerdon-notice-summary .beerdon-notice-meta{margin-bottom:5px;padding-right:0}
.beerdon-notice-summary h2{margin:0;font-size:14px}
.beerdon-notice-summary .beerdon-notice-client{margin-top:4px}
.beerdon-notice-chevron{display:flex;flex:none;color:var(--notice-accent)}.beerdon-notice-chevron svg{width:20px;height:20px;transition:transform .15s}
details.beerdon-notice[open]>.beerdon-notice-summary{border-bottom:1px solid #8da2b533}
details.beerdon-notice[open]>.beerdon-notice-summary .beerdon-notice-chevron svg{transform:rotate(180deg)}
.beerdon-notice-detail{padding:17px 20px 20px 80px;min-width:0}
.beerdon-notice-detail>.beerdon-notice-logo{display:block;position:static;margin-top:16px;width:72px;height:24px}
@media(max-width:600px){.beerdon-notice-summary{gap:10px;padding:14px 13px;min-height:78px}.beerdon-notice-detail{padding:14px 13px}.beerdon-notice-summary .beerdon-notice-icon{flex:none}.beerdon-notice-summary time{flex-basis:auto}.beerdon-notice-actions{gap:8px}.beerdon-notice-actions .btn{white-space:normal;text-align:left}}
@media(prefers-reduced-motion:reduce){.beerdon-notice-chevron svg{transition:none}}
