@import url('settings-v2.css');
/* Alerts 2.0 */
#notifBox{padding:8px 14px;background:linear-gradient(180deg,#fff,#fcfdff)}
.nitem{position:relative;margin:0 -4px;padding:14px 10px 14px 14px;border-bottom:1px solid #edf0f4;border-radius:14px;transition:background .15s,transform .15s}
.nitem:last-child{border-bottom:0}.nitem:active{transform:scale(.995)}
.nitem.unread{background:linear-gradient(90deg,#fff8ea 0,#fffdf8 58%,transparent 100%)}
.nitem .dot{width:9px;height:9px;flex:0 0 9px;margin-top:7px;box-shadow:0 0 0 4px rgba(196,138,54,.11)}
.nitem .dot.off{box-shadow:none}
.nitem .t{font-size:13.5px;font-weight:700;color:#1d2940;line-height:1.42;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.nitem .b{font-size:12.5px;color:#56637a;line-height:1.5;margin-top:6px}.nitem .m{font-size:10.5px;color:#909aad;margin-top:7px}
.ntag{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 8px;margin-right:0;font-size:10px;line-height:1;font-weight:700;letter-spacing:.015em;background:#eef2f7;color:#56637a}
.nitem.severity-critical{background:linear-gradient(90deg,#fff1ef 0,#fffafa 60%,#fff 100%);border-left:3px solid #cf5a50;padding-left:11px}
.nitem.severity-critical .ntag{background:#fbe8e6;color:#b34239}.nitem.severity-critical .dot{background:#c34f45;box-shadow:0 0 0 4px rgba(195,79,69,.12)}
.nitem.severity-warning{background:linear-gradient(90deg,#fff8eb 0,#fffdf8 62%,#fff 100%);border-left:3px solid #d3973e;padding-left:11px}
.nitem.severity-warning .ntag{background:#f9ecd5;color:#a86a17}.nitem.severity-warning .dot{background:#c48a36;box-shadow:0 0 0 4px rgba(196,138,54,.12)}
.nitem.severity-success .ntag{background:#e8f5f0;color:#16815f}.nitem.severity-success .dot{background:#16815f;box-shadow:0 0 0 4px rgba(22,129,95,.1)}
.nitem.severity-info .ntag{background:#edf2f8;color:#52637e}.nitem.severity-info .dot{background:#71809a;box-shadow:0 0 0 4px rgba(113,128,154,.1)}
.notif-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.notif-summary .ns{background:#fff;border:1px solid #e4e8ef;border-radius:15px;padding:11px;box-shadow:0 7px 20px rgba(20,32,51,.05)}.notif-summary .nsl{font-size:10px;color:#8590a3;font-weight:600}.notif-summary .nsv{font-family:'IBM Plex Mono',monospace;font-size:17px;font-weight:700;margin-top:4px}.notif-summary .ns.crit .nsv{color:#c34f45}.notif-summary .ns.warn .nsv{color:#b87924}
@media(max-width:420px){#notifBox{margin-left:-2px;margin-right:-2px;padding:6px 9px}.nitem{padding-top:13px;padding-bottom:13px}.nitem .t{gap:6px}.nitem .b{font-size:12px}.notif-summary{gap:6px}.notif-summary .ns{padding:9px}.notif-summary .nsv{font-size:15px}}