.unotif-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:var(--u-radius-pill);background:transparent;color:var(--u-ink-2);cursor:pointer;transition:background-color var(--u-transition),border-color var(--u-transition),color var(--u-transition)}.unotif-bell:hover,.unotif-bell[aria-expanded=true]{background:var(--u-surface-2);border-color:var(--u-border);color:var(--u-ink)}.unotif-bell:focus-visible{outline:2px solid var(--u-focus);outline-offset:1px}.unotif-bell__badge{position:absolute;top:2px;right:1px;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--u-surface);border-radius:var(--u-radius-pill);background:var(--u-accent);color:var(--u-on-accent);font-size:9.5px;font-weight:var(--u-weight-bold);line-height:13px;text-align:center;font-variant-numeric:tabular-nums}.unotif-bell.is-critical .unotif-bell__badge{background:var(--u-danger)}.unotif-bell.is-critical{color:var(--u-danger)}.unotif-scrim{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end;background:#101a3d47}.unotif-center{display:flex;flex-direction:column;width:min(440px,100vw);height:100%;background:var(--u-surface);border-left:1px solid var(--u-border);box-shadow:var(--u-shadow-lg);outline:none}.unotif-center__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--u-space-3);padding:var(--u-space-4) var(--u-space-4) var(--u-space-2)}.unotif-center__title{margin:0;color:var(--u-ink);font-size:var(--u-text-lg);font-weight:var(--u-weight-semibold)}.unotif-center__count{margin:2px 0 0;color:var(--u-muted);font-size:var(--u-text-sm)}.unotif-center__tools{display:flex;align-items:center;gap:var(--u-space-1);flex-shrink:0}.unotif-center__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--u-space-2) var(--u-space-4) var(--u-space-4)}.unotif-center__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--u-space-3);padding:var(--u-space-3) var(--u-space-4);border-top:1px solid var(--u-border);background:var(--u-surface-2)}.unotif-center__more{margin-right:auto;color:var(--u-muted);font-size:var(--u-text-sm)}.unotif-tabs{display:flex;align-items:center;gap:2px;padding:0 var(--u-space-4);border-bottom:1px solid var(--u-border);overflow-x:auto;scrollbar-width:thin}.unotif-tab{position:relative;display:inline-flex;align-items:center;gap:6px;padding:9px 10px;border:0;background:none;color:var(--u-muted);font-family:var(--u-font);font-size:var(--u-text-sm);font-weight:var(--u-weight-medium);white-space:nowrap;cursor:pointer;transition:color var(--u-transition)}.unotif-tab:hover{color:var(--u-ink)}.unotif-tab:focus-visible{outline:2px solid var(--u-focus);outline-offset:-2px;border-radius:var(--u-radius-sm)}.unotif-tab.is-active{color:var(--u-accent);font-weight:var(--u-weight-semibold)}.unotif-tab.is-active:after{content:"";position:absolute;left:6px;right:6px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--u-accent)}.unotif-tab__count{padding:0 6px;border-radius:var(--u-radius-pill);background:var(--u-surface-3);color:var(--u-muted);font-size:var(--u-text-xs);font-weight:var(--u-weight-semibold);font-variant-numeric:tabular-nums}.unotif-tab.is-active .unotif-tab__count{background:var(--u-accent-soft);color:var(--u-accent)}.unotif-list{display:flex;flex-direction:column;gap:var(--u-space-4)}.unotif-section__title{margin:var(--u-space-2) 0 var(--u-space-1);color:var(--u-muted);font-size:var(--u-text-xs);font-weight:var(--u-weight-semibold);letter-spacing:.06em;text-transform:uppercase}.unotif-section__items{display:flex;flex-direction:column;gap:var(--u-space-2);margin:0;padding:0;list-style:none}.unotif-item{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:var(--u-space-3);align-items:start;padding:var(--u-space-3);border:1px solid var(--u-border);border-left-width:3px;border-left-color:var(--u-border);border-radius:var(--u-radius);background:var(--u-surface);transition:background-color var(--u-transition),border-color var(--u-transition)}.unotif-item.is-unread{background:var(--u-surface-2);border-left-color:var(--u-accent)}.unotif-item.is-high{border-left-color:var(--u-warn)}.unotif-item.is-critical{border-color:var(--u-danger-border);border-left-width:5px;border-left-color:var(--u-danger)}.unotif-item.is-critical.is-unread{background:var(--u-danger-bg)}.unotif-item--compact{padding:var(--u-space-2) var(--u-space-3);gap:var(--u-space-2)}.unotif-item__icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--u-radius-sm);background:var(--u-surface-3);color:var(--u-ink-2)}.unotif-item__icon--approval,.unotif-item__icon--task,.unotif-item__icon--info{background:var(--u-badge-blue-bg);color:var(--u-badge-blue-ink)}.unotif-item__icon--success{background:var(--u-badge-green-bg);color:var(--u-badge-green-ink)}.unotif-item__icon--warning{background:var(--u-badge-amber-bg);color:var(--u-badge-amber-ink)}.unotif-item__icon--alert,.unotif-item__icon--security{background:var(--u-badge-red-bg);color:var(--u-badge-red-ink)}.unotif-item__icon--compliance{background:var(--u-badge-violet-bg);color:var(--u-badge-violet-ink)}.unotif-item__body{display:flex;flex-direction:column;gap:4px;min-width:0}.unotif-item__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--u-space-3)}.unotif-item__title{margin:0;color:var(--u-ink);font-size:var(--u-text-md);font-weight:var(--u-weight-medium);line-height:1.4;overflow-wrap:anywhere}.unotif-item.is-read .unotif-item__title{font-weight:var(--u-weight-normal)}.unotif-item__time{flex-shrink:0;color:var(--u-faint);font-size:var(--u-text-xs);white-space:nowrap}.unotif-item__message{margin:0;color:var(--u-ink-2);font-size:var(--u-text-sm);line-height:1.5;overflow-wrap:anywhere}.unotif-item__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:2px}.unotif-item__meta:empty{display:none}.unotif-item__actions{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.unotif-item--compact .unotif-item__actions{flex-direction:row;align-items:center}.unotif-group__count{font-weight:var(--u-weight-semibold)}.unotif-group__sub{display:block;color:var(--u-muted);font-size:var(--u-text-sm);font-weight:var(--u-weight-normal)}.unotif-skeleton{display:flex;flex-direction:column;gap:var(--u-space-3);padding:var(--u-space-2) 0}.unotif-skeleton__row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--u-space-3);align-items:center}.unotif-skeleton__lines{display:flex;flex-direction:column;gap:6px}.unotif-prefs{display:flex;flex-direction:column;gap:var(--u-space-4);max-width:760px}.unotif-prefs__loading{display:grid;gap:var(--u-space-3);max-width:760px}.unotif-prefs__type{text-align:left;text-transform:none;letter-spacing:normal;color:var(--u-ink);font-size:var(--u-text-md);font-weight:var(--u-weight-medium)}.unotif-prefs__na{color:var(--u-border-strong)}.unotif-switch{display:inline-flex;flex-direction:column;align-items:center;gap:4px}.unotif-switch__input{width:16px;height:16px;margin:0;accent-color:var(--u-accent);cursor:pointer}.unotif-switch__input:disabled{cursor:not-allowed;opacity:.7}.unotif-switch__locked{display:inline-flex;align-items:center;gap:4px;color:var(--u-muted);font-size:var(--u-text-xs);white-space:nowrap}.unotif-prefs__quiet{display:flex;flex-direction:column;gap:var(--u-space-3);margin:0;padding:var(--u-space-4);border:1px solid var(--u-border);border-radius:var(--u-radius);background:var(--u-surface)}.unotif-prefs__legend{padding:0 6px;color:var(--u-ink);font-size:var(--u-text-md);font-weight:var(--u-weight-semibold)}.unotif-check{display:flex;align-items:flex-start;gap:var(--u-space-2);color:var(--u-ink-2);font-size:var(--u-text-sm);line-height:1.5;cursor:pointer}.unotif-check input{flex-shrink:0;width:15px;height:15px;margin-top:2px;accent-color:var(--u-accent);cursor:pointer}.unotif-prefs__times{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:var(--u-space-3)}.unotif-prefs__actions{display:flex;align-items:center;gap:var(--u-space-3);flex-wrap:wrap}.unotif-prefs__status{margin:0;font-size:var(--u-text-sm)}.unotif-prefs__status.is-ok{color:var(--u-ok)}.unotif-prefs__status.is-error{color:var(--u-danger)}@media(max-width:640px){.unotif-item{grid-template-columns:30px minmax(0,1fr)}.unotif-item__actions{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-start}.unotif-prefs__times{grid-template-columns:minmax(0,1fr)}}