.nav [data-page="Notificações"]{display:flex;align-items:center;justify-content:space-between}
.nav-alert-count{min-width:21px;height:21px;padding:2px 6px;border-radius:12px;background:#d95b50;color:#fff;font-size:11px;font-weight:800;text-align:center}
.auto-alert{position:fixed;right:24px;top:88px;z-index:30;width:min(390px,calc(100vw - 32px));display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:15px 16px;border-radius:12px;background:#fff;box-shadow:0 12px 35px rgba(19,42,58,.24);border-left:6px solid #138a83;animation:alert-in .25s ease-out}
.auto-alert+.auto-alert{top:180px}
.auto-alert.critical{border-left-color:#bd493f;background:#fff5f3}
.auto-alert.warning{border-left-color:#d28b28;background:#fffaf0}
.auto-alert strong,.auto-alert span{display:block}.auto-alert strong{font-size:11px;letter-spacing:.05em;margin-bottom:3px}.auto-alert span{color:#334850}
.auto-alert button{border:0;background:transparent;font-size:23px;line-height:1;color:#687982;padding:0;cursor:pointer}
.attention-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 17px;margin-bottom:18px;border:1px solid #efc98d;border-left:6px solid #d28b28;border-radius:11px;background:#fff9ee}
.attention-panel strong,.attention-panel span{display:block}.attention-panel strong{color:#8a5a12}.attention-panel span{color:#5f6f76;margin-top:2px}
@keyframes alert-in{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}
@media(max-width:720px){.auto-alert{right:16px;top:82px}.attention-panel{align-items:flex-start;flex-direction:column}}