.notif-shell{max-width:720px;margin:0 auto;padding:48px 24px 88px}.notif-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.notif-head__title{align-items:center;gap:12px;margin-top:10px;display:flex}.notif-head__title h1{font-size:clamp(1.9rem,4vw,2.5rem)}.notif-count{background:var(--cobalt);color:#fff;letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:800}.notif-filter{background:var(--ice);border-radius:999px;gap:4px;margin:20px 0 14px;padding:4px;display:inline-flex}.notif-filter button{color:var(--color-on-surface-muted);transition:background .16s var(--ease-out), color .16s var(--ease-out);background:0 0;border:0;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:600}.notif-filter button.is-on{background:var(--color-surface);color:var(--navy);box-shadow:0 1px 4px #101b3324}.notif-list{gap:10px;display:grid}.notif-row{background:var(--white);border:1px solid var(--line);transition:transform .16s var(--ease-out), box-shadow .18s var(--ease-out), border-color .18s var(--ease-out);border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex;position:relative}.notif-row:hover{border-color:var(--color-line-strong);transform:translateY(-1px);box-shadow:0 10px 26px #101b3314}.notif-row.is-unread{background:var(--color-accent-soft);border-color:#1d4ed838}.notif-row__icon{border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.notif-row__icon--accent{background:var(--color-accent-soft);color:var(--cobalt)}.notif-row__icon--success{background:var(--color-success-soft);color:var(--color-success-strong)}.notif-row__icon--warn{background:var(--color-extension-bg);color:var(--color-on-extension)}.notif-row__icon--neutral{background:var(--ice);color:#64748b}.notif-row.is-unread .notif-row__icon{background:var(--color-surface)}.notif-row__body{flex:1;min-width:0}.notif-row__top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.notif-row__top strong{color:var(--navy);font-size:14px;font-weight:700}.notif-row.is-unread .notif-row__top strong{font-weight:800}.notif-row__top time{color:var(--color-on-surface-faint);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.notif-row__body p{color:var(--color-on-surface-muted);margin:4px 0 0;font-size:13px;line-height:1.55}.notif-row__mark{z-index:1;border:1px solid var(--line);background:var(--color-surface);color:var(--cobalt);cursor:pointer;transition:background .14s var(--ease-out), border-color .14s var(--ease-out);border-radius:999px;flex:none;padding:6px 12px;font-size:12px;font-weight:700;position:relative}.notif-row__mark:hover{background:var(--color-accent-soft);border-color:#1d4ed866}.notif-row__link{border-radius:inherit;position:absolute;inset:0}.notif-empty{border:1.5px dashed var(--color-line-strong);background:var(--white);text-align:center;border-radius:18px;padding:44px 32px}.notif-empty__icon{border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:14px;display:inline-grid}.notif-empty__icon--accent{background:var(--color-accent-soft);color:var(--cobalt)}.notif-empty__icon--success{background:var(--color-success-soft);color:var(--color-success-strong)}.notif-empty h3{color:var(--navy);margin:0;font-size:18px;font-weight:800}.notif-empty p{max-width:420px;color:var(--color-on-surface-muted);margin:8px auto 0;font-size:13.5px;line-height:1.6}.notif-empty__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}@media (max-width:560px){.notif-row{flex-wrap:wrap}.notif-row__mark{order:3;margin-left:52px}}[data-theme=dark] .notif-filter button.is-on{color:var(--color-on-surface)}
/*# sourceMappingURL=0l4l6003o8bws.css.map*/