.notification-bell{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff35;border-radius:10px;color:#fff;text-decoration:none;font-size:22px;transform:rotate(45deg)}.notification-bell>b{position:absolute;right:-7px;top:-7px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:20px;background:#ef3f55;color:#fff;font-size:11px;transform:rotate(-45deg);box-shadow:0 2px 8px #0004}.notification-bell.active{background:#ffffff16}.notification-page{display:grid;gap:12px}.notification-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:15px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px 20px;box-shadow:0 8px 22px #173b590a}.notification-item.unread{border-left:4px solid var(--blue);background:#fbfdff}.notification-item.read{opacity:.72}.notification-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e7f3ff;color:#0875db;font-size:22px;font-weight:800}.type-atraso .notification-symbol,.type-devolucao .notification-symbol{background:#fff0f1;color:#bd293d}.type-prazo .notification-symbol{background:#fff5df;color:#9e6800}.type-aprovacao .notification-symbol{background:#e8f8f0;color:#138253}.notification-item b{font-size:17px}.notification-item p{margin:4px 0;color:#536b86}.notification-item small{color:var(--muted)}.notification-actions{display:flex;align-items:center;gap:12px}.notification-actions form{display:block}.notification-actions a,.notification-actions button{border:0;background:none;color:#0875db;text-decoration:none;font:inherit;cursor:pointer}.notification-actions span{color:var(--muted)}.notification-empty{background:#fff;border:1px solid var(--line);border-radius:17px;padding:70px;text-align:center}.notification-empty>span{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#e8f8f0;color:#148759;font-size:27px;margin:0 auto 15px}.notification-empty b{font-size:20px}.notification-empty p{color:var(--muted)}@media(max-width:700px){.notification-item{grid-template-columns:44px 1fr}.notification-actions{grid-column:2;flex-wrap:wrap}.notification-empty{padding:45px 20px}}