.notification-bell{position:relative}.notification-bell-trigger{position:relative;display:inline-grid;place-items:center;width:var(--ds-touch,44px);height:var(--ds-touch,44px);border:1px solid var(--line-2);border-radius:var(--r-2);background:transparent;color:var(--text-2);cursor:pointer;font-family:inherit;transition:color var(--ease),border-color var(--ease),background var(--ease)}.notification-bell-trigger.is-open,.notification-bell-trigger:hover{border-color:var(--brand-line);background:var(--brand-dim);color:var(--brand-2)}.notification-bell-trigger:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}.notification-bell-count{position:absolute;top:-5px;inset-inline-end:-5px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--danger);color:#fff;font:700 11px/1 var(--mono);box-shadow:0 0 0 2px var(--bg-0)}.notification-popup{position:absolute;top:calc(100% + 10px);inset-inline-end:0;z-index:110;width:min(360px,calc(100vw - 24px));overflow:hidden;border:1px solid var(--line-2);border-radius:var(--r-3);background:rgba(20,19,17,.98);box-shadow:var(--sh-3);color:var(--text);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.notification-bell .notification-popup>footer,.notification-bell .notification-popup>header{display:flex;margin:0;background:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.notification-bell .notification-popup>header{border-bottom:1px solid var(--line)}.notification-bell .notification-popup>footer{border-top:1px solid var(--line)}.notification-bell .notification-popup>footer a,.notification-bell .notification-popup>header a{color:var(--brand-2);font-size:var(--fs-13);text-decoration:none}.notification-popup-list{max-height:min(420px,60vh);overflow-y:auto;padding:6px;display:grid;gap:2px}.notification-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border-radius:var(--r-2);color:var(--text);text-decoration:none}a.notification-row:hover{background:var(--bg-2)}.notification-row.is-unread{background:var(--brand-dim)}.notification-preview>i,.notification-row>i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--bg-3);color:var(--brand-2);font-style:normal;font-size:13px}.notification-preview>i[data-kind=live],.notification-row>i[data-kind=live]{background:var(--danger-dim);color:var(--danger)}.notification-preview>i[data-kind=follow_up],.notification-row>i[data-kind=follow_up]{background:var(--info-dim);color:var(--info)}.notification-preview>i[data-kind=motivation],.notification-row>i[data-kind=motivation]{background:var(--ok-dim);color:var(--ok)}.notification-preview>span,.notification-row>span{display:grid;gap:3px;min-width:0;line-height:1.55}.notification-preview small,.notification-row small{color:var(--text-3);font-size:12px}.notification-preview b,.notification-row b{font-size:var(--fs-14);font-weight:600}.notification-preview em,.notification-row em{color:var(--text-2);font-size:var(--fs-13);font-style:normal;white-space:pre-line;overflow-wrap:anywhere}.notification-row a{color:var(--brand-2);font-size:var(--fs-13);text-decoration:none;width:fit-content}.notification-empty{margin:0;padding:18px 12px;color:var(--text-3);font-size:var(--fs-13);line-height:1.7;text-align:center}.notifications-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}.notifications-side{display:grid;gap:18px}.notifications-card{display:grid;gap:12px;padding:20px;border:1px solid var(--line-2);border-radius:var(--r-3);background:var(--bg-1);min-width:0}.notifications-card h2{margin:0;font-size:var(--fs-18);font-weight:600}.notifications-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.notifications-muted{color:var(--text-3)}.notifications-muted,.notifications-note{margin:0;font-size:var(--fs-13);line-height:1.7}.notifications-note{padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--bg-2);color:var(--text-2)}.notifications-error{margin:0;color:var(--danger);font-size:var(--fs-13)}.notifications-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.notifications-matrix{display:grid;gap:2px}.notifications-matrix>div{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,58px);align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid var(--line)}.notifications-matrix-head span{color:var(--text-3);font-size:12px;text-align:center}.notifications-matrix-head span:first-child{text-align:start}.notifications-matrix [role=rowheader]{display:grid;gap:2px}.notifications-matrix [role=rowheader] b{font-size:var(--fs-14);font-weight:600}.notifications-matrix [role=rowheader] small{color:var(--text-3);font-size:12px}.notifications-matrix label{display:grid;place-items:center;min-height:44px;cursor:pointer}.notifications-matrix label.is-inactive{opacity:.45}.notifications-matrix input{width:20px;height:20px;accent-color:var(--brand);cursor:pointer}.notifications-admin{width:min(1120px,100%);margin:0 auto;padding:28px 20px 64px;color:var(--text);display:grid;gap:18px}.notifications-admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.notifications-admin-head h1{margin:4px 0 8px;font-size:clamp(24px,3vw,34px);font-weight:600}.notifications-admin-head a{color:var(--brand-2);text-decoration:none;font-size:var(--fs-13)}.notifications-admin-head .notifications-muted{max-width:720px}.notifications-eyebrow{margin:0;color:var(--brand-2);font-size:var(--fs-13)}.notifications-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.notifications-admin-stats span{display:grid;gap:4px;padding:14px;border:1px solid var(--line-2);border-radius:var(--r-3);color:var(--text-3);font-size:var(--fs-13)}.notifications-admin-stats b{color:var(--text);font:600 22px var(--mono)}.notifications-admin-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.notifications-field{display:grid;gap:6px;color:var(--text-2);font-size:var(--fs-13)}.notifications-field input,.notifications-field select,.notifications-field textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--bg-0);color:var(--text);font:inherit;font-size:var(--fs-14);resize:vertical}.notifications-field input:focus,.notifications-field select:focus,.notifications-field textarea:focus{outline:none;border-color:var(--brand-line);box-shadow:0 0 0 3px var(--brand-dim)}.notifications-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0}.notifications-kinds legend{margin-bottom:6px;color:var(--text-2);font-size:var(--fs-13)}.notifications-kinds label{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--r-2);cursor:pointer}.notifications-kinds label.is-on{border-color:var(--brand-line);background:var(--brand-dim)}.notifications-kinds input{position:absolute;opacity:0;pointer-events:none}.notifications-kinds b{font-size:var(--fs-14);font-weight:600}.notifications-kinds small{color:var(--text-3);font-size:12px}.notifications-kinds label:has(input:focus-visible){outline:2px solid var(--brand-2);outline-offset:2px}.notification-preview{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:12px;border:1px dashed var(--line-3);border-radius:var(--r-2);background:var(--bg-2)}.notifications-primary{min-height:46px;padding:0 18px;border:0;border-radius:var(--r-2);background:var(--brand);color:var(--brand-ink);font:inherit;font-weight:700;cursor:pointer}.notifications-primary:disabled{opacity:.5;cursor:not-allowed}.notifications-delivery{display:flex;flex-wrap:wrap;gap:4px 12px}.notifications-delivery em{color:var(--text-2);font-size:12px;font-style:normal}.notifications-link-button{width:fit-content;padding:0;border:0;background:none;color:var(--brand-2);font:inherit;font-size:var(--fs-13);cursor:pointer}@media (max-width:860px){.notifications-admin-grid,.notifications-kinds,.notifications-layout{grid-template-columns:minmax(0,1fr)}.notifications-matrix>div{grid-template-columns:minmax(0,1fr) repeat(3,48px)}}