.notif160-stats{
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-bottom:14px
}
.notif160-tabs{
    margin-bottom:13px
}
.notif160-list{
    display:grid;
    gap:8px;
    margin-bottom:22px
}
.notif160-row{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:12px;
    align-items:start;
    padding:13px 14px;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fff
}
.notif160-row.severity-high{
    border-color:#e7aaa5;
    background:#fff9f8
}
.notif160-row.severity-warning{
    border-color:#e7d4a2
}
.notif160-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#f1f1ee;
    font-size:18px
}
.notif160-main p{
    margin:5px 0;
    color:#5e5e59;
    font-size:12px;
    line-height:1.45
}
.notif160-main small{
    color:var(--muted);
    font-size:10px
}
.notif160-title-line{
    display:flex;
    gap:7px;
    align-items:center;
    flex-wrap:wrap
}
.notif160-new{
    padding:3px 6px;
    border-radius:999px;
    background:#181818;
    color:#fff;
    font-size:9px;
    font-weight:800
}
.notif160-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap
}
.notif160-settings{
    scroll-margin-top:80px
}
.notif160-permission-state{
    min-height:18px;
    margin:-3px 0 12px;
    color:var(--muted);
    font-size:11px
}
.notif160-settings-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px
}
.notif160-settings-block{
    display:grid;
    align-content:start;
    gap:9px;
    padding:14px;
    border:1px solid var(--line);
    border-radius:13px;
    background:#fcfcfa
}
.notif160-settings-block h3{
    margin:0 0 2px;
    font-size:14px
}
.notif160-settings-block label:not(.check){
    display:grid;
    gap:5px;
    color:#5e5e59;
    font-size:11px
}
.notif160-settings-block input[type="time"]{
    max-width:160px
}
.notif160-save{
    grid-column:1/-1
}
.notif160-help{
    margin:15px 0 0;
    padding:12px 14px;
    border-radius:11px;
    background:#f5f5f2;
    color:#666660;
    font-size:11px;
    line-height:1.5
}
.notification-bell{
    position:relative;
    display:inline-grid;
    place-items:center;
    min-width:30px;
    height:30px;
    border-radius:9px;
    font-size:15px
}
.notification-bell:hover{
    background:#f2f2ef
}
.notification-badge{
    position:absolute;
    right:-3px;
    top:-4px;
    min-width:17px;
    height:17px;
    display:grid;
    place-items:center;
    padding:0 4px;
    border-radius:999px;
    background:#c62922;
    color:#fff;
    border:2px solid #fff;
    font-size:8px;
    font-weight:850
}
@media(max-width:850px){
    .notif160-stats{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .notif160-settings-form{
        grid-template-columns:1fr
    }
}
@media(max-width:620px){
    .notif160-row{
        grid-template-columns:36px minmax(0,1fr)
    }
    .notif160-actions{
        grid-column:2
    }
}


.push170-panel{
    margin-bottom:18px;
    scroll-margin-top:80px
}
.push170-panel .section-head p:not(.eyebrow){
    margin:4px 0 0;
    color:var(--muted);
    font-size:12px
}
.push170-status{
    margin:6px 0 10px;
    padding:11px 13px;
    border:1px solid var(--line);
    border-radius:11px;
    background:#fafaf8;
    font-size:12px
}
.push170-status.ok{
    background:#f3faf5;
    border-color:#b9ddc2
}
.push170-status.warning{
    background:#fff9e8;
    border-color:#eadba5
}
.push170-status.error{
    background:#fff4f2;
    border-color:#e5b4ae
}
.push170-actions{
    min-height:6px;
    margin-bottom:8px
}
.push170-device-list{
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:13px;
    background:#fff
}
.push170-device-head,
.push170-device{
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:center;
    padding:11px 13px;
    border-bottom:1px solid var(--line)
}
.push170-device:last-child{
    border-bottom:0
}
.push170-device-head{
    background:#f7f7f4;
    font-size:12px
}
.push170-device-head span{
    color:var(--muted)
}
.push170-device strong,
.push170-device small{
    display:block
}
.push170-device small{
    margin-top:3px;
    color:var(--muted);
    font-size:10px
}
.push170-device.inactive{
    opacity:.55
}
.push170-device-list>.empty-copy{
    padding:18px 13px;
    margin:0
}
.push170-help{
    margin-top:10px;
    padding:11px 13px;
    border-radius:11px;
    background:#f5f5f2;
    color:#63635e;
    font-size:11px;
    line-height:1.5
}