/* v3.62.0 Biznistan alerts: bell in the top bar, the one-time "turn on alerts" strip and the Alerts page */
.hub-bell{position:relative;margin-left:auto;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:var(--bz-radius-pill);border:1px solid var(--bz-border);background:var(--bz-surface);color:var(--bz-ink);flex:none}
.hub-bell:hover,.hub-bell[aria-current="page"]{border-color:var(--bz-primary);background:var(--bz-tint)}
.hub-bell:focus-visible{outline:3px solid var(--bz-focus);outline-offset:2px}
.hub-bell svg{width:20px;height:20px}
.hub-bell-n{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 6px;border-radius:var(--bz-radius-pill);background:var(--bz-accent);color:var(--bz-on-accent);font:800 11px/20px var(--bz-font);text-align:center;box-shadow:0 0 0 2px var(--bz-bg)}
.hub-bell + .hub-top-co{margin-left:12px}

.al-ask{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 28px 0;padding:14px 16px;border-radius:var(--bz-radius-lg);background:var(--bz-primary);color:#fff}
.al-ask-i{width:40px;height:40px;border-radius:50%;background:var(--bz-accent);color:var(--bz-on-accent);display:grid;place-items:center;flex:none}.al-ask-i svg{width:20px;height:20px}
.al-ask-t{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px}.al-ask-t b{font-size:15px}.al-ask-t small{color:var(--bz-navy-200);font-size:13px;line-height:1.45}
.al-ask-a{display:flex;gap:8px;flex-wrap:wrap}
.al-ask .btn{border-color:rgba(255,255,255,.45);color:#fff;background:transparent}
.al-ask .btn.pri{background:var(--bz-accent);border-color:var(--bz-accent);color:var(--bz-on-accent)}.al-ask .btn.pri:hover{background:var(--bz-accent-hover)}
.al-ask .btn:hover{background:rgba(255,255,255,.08)}
.al-ask-m{flex-basis:100%;margin:0;color:#fff}.al-ask-m:empty{display:none}.al-ask-m.bad{color:var(--bz-marigold-300)}

.al-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start}
.al-col{min-width:0;display:flex;flex-direction:column}
.al-state{font:800 17px var(--bz-font);margin:6px 0 4px;color:var(--bz-ink)}
.al-state.on{color:var(--bz-success)}.al-state.bad{color:var(--bz-danger)}
.al-device .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.al-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.al-head h2{margin:0 auto 0 0}
.al-list{list-style:none;margin:0 -8px;padding:0}
.al-item{display:flex;gap:12px;width:100%;text-align:left;background:none;border:0;border-radius:var(--bz-radius-md);padding:12px 8px;font:inherit;color:inherit;cursor:pointer;min-height:44px}
.al-item:hover{background:var(--bz-navy-50)}.al-item:focus-visible{outline:3px solid var(--bz-focus);outline-offset:-3px}
.al-list li + li .al-item{border-top:1px solid var(--bz-border);border-radius:0}
.al-dot{width:9px;height:9px;border-radius:50%;margin-top:7px;flex:none;background:transparent}
.al-item.new .al-dot{background:var(--bz-accent)}
.al-t{min-width:0;display:flex;flex-direction:column;gap:2px}
.al-t b{font-size:14.5px;color:var(--bz-ink);font-weight:600;overflow-wrap:anywhere}.al-item.new .al-t b{font-weight:800}
.al-t small{font-size:13px;color:var(--bz-text);line-height:1.45;overflow-wrap:anywhere}
.al-t .al-meta{color:var(--bz-text-muted);font-size:12px}.al-t .al-meta .chip{font-size:11px;padding:1px 7px}
.al-kinds{display:flex;flex-direction:column}
.al-kind{display:flex;gap:12px;align-items:flex-start;padding:10px 0;cursor:pointer}
.al-kind input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--bz-primary);flex:none}
.al-kind > span{display:flex;flex-direction:column;gap:2px;min-width:0}.al-kind b{font-size:14px;color:var(--bz-ink)}.al-kind b .chip{font-size:11px;padding:1px 7px;margin-left:4px;vertical-align:1px;white-space:nowrap}
.al-grid [hidden]{display:none !important}
.al-kind small{font-size:12.5px;color:var(--bz-text-muted);line-height:1.45}
.al-sep{height:1px;background:var(--bz-border);margin:8px 0}
.al-quiet{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 6px 32px}
.al-quiet label{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--bz-text)}
.al-quiet select{min-height:40px;border:1.5px solid var(--bz-border-strong);border-radius:var(--bz-radius-md);padding:0 10px;font:inherit;background:#fff}
.al-prefs .acts{margin-top:10px}
.al-devs{list-style:none;margin:0;padding:0}
.al-devs li{display:flex;align-items:center;gap:12px;padding:10px 0}.al-devs li + li{border-top:1px solid var(--bz-border)}
.al-devs li > span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.al-devs b{font-size:14px;color:var(--bz-ink)}.al-devs small{font-size:12.5px;color:var(--bz-text-muted)}
.al-help details{border-top:1px solid var(--bz-border);padding:4px 0}
.al-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--bz-ink)}
.al-help ol{margin:0 0 10px;padding-left:20px;font-size:13.5px;line-height:1.6;color:var(--bz-text)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (max-width:900px){
  .hub-bell{width:40px;height:40px}
  .al-ask{margin:12px 14px 0}
  .al-grid{grid-template-columns:minmax(0,1fr)}
}