.notif-chipset{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.notif-live-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-mid);background:var(--surface-sunken);color:var(--on-iron-muted);font-size:var(--fs-caption);font-variant-numeric:var(--num)}.notif-live-chip .dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--warning)}.notif-live-chip[data-state=on]{border-color:var(--success-line);color:var(--on-success)}.notif-live-chip[data-state=on] .dot{background:var(--success)}.notif-urgent{border:1px solid var(--danger-line);border-radius:var(--radius-md);background:var(--danger-wash);padding:var(--space-4);margin-bottom:var(--space-4)}.notif-urgent__head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.notif-urgent__title{font-family:var(--font-display);font-size:var(--fs-h4);color:var(--on-danger);margin:0}.notif-urgent__count{padding:0 var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--danger-line);color:var(--on-danger);font-size:var(--fs-caption);font-variant-numeric:var(--num)}.notif-urgent__sub{margin:0 0 var(--space-2);color:var(--on-iron-muted);font-size:var(--fs-body-sm)}.notice-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.notice-list__item{display:flex;align-items:flex-start;gap:var(--space-3);border:1px solid var(--border-subtle);border-left:var(--space-1) solid var(--border-mid);border-radius:var(--radius-sm);background:var(--surface-sunken);padding:var(--space-3)}.notice-list__item--critical{border-left-color:var(--danger);background:var(--danger-wash)}.notice-list__item--warn{border-left-color:var(--warning);background:var(--warning-wash)}.notice-list__item--good{border-left-color:var(--success)}.notice-list__item--info{border-left-color:var(--info)}.notice-list__icon{flex:none;font-size:var(--fs-body-lg)}.notice-list__body{flex:1 1 auto;min-width:0}.notice-list__title{color:var(--on-iron);font-weight:600;font-size:var(--fs-body-sm)}.notice-list__sub{color:var(--on-iron-muted);font-size:var(--fs-body-sm)}.notice-list__cta{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.notice-list__empty{padding:var(--space-3);border:1px dashed var(--border-mid);border-radius:var(--radius-sm);color:var(--on-iron-muted);font-size:var(--fs-body-sm)}.notif-filters{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.notif-chip{cursor:pointer}.notif-chip svg{width:var(--space-4);height:var(--space-4);fill:none;stroke:currentColor}.notif-chip[aria-pressed=true]{color:var(--ts-text-high);border-bottom-color:var(--ts-gold)}.notification-feed{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.notification-feed__group{margin-top:var(--space-2);color:var(--on-iron-muted);font-family:var(--font-display);font-size:var(--fs-body-sm);letter-spacing:.08em;text-transform:uppercase}.notification-feed__group:first-child{margin-top:0}.notification-feed__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"icon line time actions";align-items:center;column-gap:var(--space-3);row-gap:var(--space-1);border:1px solid var(--border-subtle);border-left:var(--space-1) solid var(--border-mid);border-radius:var(--radius-sm);background:var(--surface-sunken);padding:var(--space-3)}.notification-feed__row--critical{border-left-color:var(--danger)}.notification-feed__row--high{border-left-color:var(--warning)}.notification-feed__row--good{border-left-color:var(--success)}.notification-feed__row--info{border-left-color:var(--info)}.notification-feed__row.is-unread{background:var(--surface)}.notification-feed__row.is-marking{opacity:.6}.notification-feed__icon .ts-ui-icon,.notice-list__icon .ts-ui-icon{inline-size:var(--space-6);block-size:var(--space-6)}.notification-feed__icon{grid-area:icon;font-size:var(--fs-body-lg);inline-size:var(--space-6);text-align:center;color:var(--on-iron-muted)}.notification-feed__icon svg,.notice-list__icon svg{width:var(--space-6);height:var(--space-6);fill:none;stroke:currentColor}.notification-feed__line{grid-area:line;min-width:0;display:flex;align-items:baseline;gap:var(--space-2)}.notification-feed__title{flex:none;color:var(--on-iron);font-size:var(--fs-body-sm)}.notification-feed__title+.notification-feed__body:before{content:"· "}.notification-feed__row.is-unread .notification-feed__title:after{content:" · unread";color:var(--accent-on-iron);font-weight:400;font-size:var(--fs-caption)}.notification-feed__time{grid-area:time;white-space:nowrap}.notification-feed__body{min-width:0;color:var(--on-iron-muted);font-size:var(--fs-body-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-feed__row:hover .notification-feed__body,.notification-feed__row:focus-within .notification-feed__body{white-space:normal;overflow-wrap:anywhere}.notification-feed__actions{grid-area:actions;display:flex;align-items:center;gap:var(--space-2)}.notification-feed__open{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-min);padding:var(--space-1) var(--space-3);border:1px solid var(--accent-line-strong);border-radius:var(--radius-sm);background:var(--accent-wash);color:var(--accent-on-iron);font-size:var(--fs-body-sm);text-decoration:none;text-align:center}.notification-feed__open:hover{background:var(--surface-hover)}.notification-feed__mark-read{min-height:var(--tap-min);padding:var(--space-1) var(--space-3);border:1px solid var(--border-mid);border-radius:var(--radius-sm);background:none;color:var(--on-iron-muted);font-size:var(--fs-body-sm);cursor:pointer}.notification-feed__mark-read:hover:not([disabled]){color:var(--on-iron);background:var(--surface-hover)}.notification-feed__row--empty{display:block}.hook-list{display:grid;gap:var(--space-3)}.hook-family{margin:0;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:grid;gap:var(--space-2)}.hook-family__legend{padding:0 var(--space-2);color:var(--accent-on-iron);font-family:var(--font-caps);font-size:var(--fs-caption);letter-spacing:.08em;text-transform:uppercase}.hook-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-sunken);padding:var(--space-3)}.hook-row__label{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);color:var(--on-iron);cursor:pointer}.hook-row__label input[type=checkbox]{width:var(--space-6);height:var(--space-6);accent-color:var(--accent)}.hook-row__title{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--fs-body-sm)}.hook-row__title svg{width:var(--space-4);height:var(--space-4);fill:none;stroke:currentColor}.hook-row__state{color:var(--on-iron-muted);font-size:var(--fs-caption)}.hook-row__actions{margin-left:auto;display:flex;gap:var(--space-2)}.hook-row>.mechanic-fold{flex-basis:100%;margin:0}.notif-settings .mechanic-fold>summary:focus-visible{box-shadow:var(--focus-ring)}.hook-row--stack{flex-direction:column;align-items:stretch}.hook-row__discord{display:grid;gap:var(--space-2)}.hook-row__discord-help{color:var(--on-iron);font-size:var(--fs-body-sm)}.notif-webhook{margin-top:var(--space-3);max-width:none}.notif-webhook>.hook-row{margin-top:var(--space-2)}.hook-row__input{width:100%;min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:1px solid var(--border-mid);border-radius:var(--radius-sm);background:var(--surface);color:var(--on-iron);font-family:var(--font-body);font-size:var(--fs-body)}.main .notif-load-older-row{justify-content:center;margin-top:var(--space-2)}.main .notif-load-older-row[hidden]{display:none}.notif-settings{margin-top:var(--space-6);max-width:none}.notif-settings>.ts-panel{margin-top:var(--space-3)}#notif-settings{scroll-margin-top:calc(var(--hud-h) + var(--space-5))}.notif-page-status{margin:0 0 var(--space-3);color:var(--on-iron-muted);font-size:var(--fs-body-sm)}.notif-page-status .spinner{margin-right:var(--space-2)}@media(max-width:768px){.notification-feed__row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon line time" "actions actions actions"}.notification-feed__body{white-space:normal;overflow-wrap:anywhere}.notification-feed__actions>*{flex:1 1 auto}}