.notification-bell{position:relative}.notification-bell__count{border-radius:var(--app-radius-control);color:var(--app-color-surface);background:var(--app-color-foreground);padding:.125rem .25rem;font-size:.625rem;line-height:1;position:absolute;inset-block-start:0;inset-inline-end:0}.notification-live-notice{color:var(--avp-text,var(--officepass-text,var(--app-color-foreground)));background:var(--avp-surface,var(--officepass-panel,var(--app-color-surface)));border:1px solid var(--avp-border,var(--officepass-border,var(--app-color-border)));border-radius:var(--app-radius-surface);padding:1rem}.notification-settings{--notification-settings-text:var(--avp-text,var(--officepass-text,var(--app-color-foreground)));--notification-settings-muted:var(--avp-text-soft,var(--officepass-muted,var(--app-color-muted)));--notification-settings-surface:var(--avp-surface,var(--officepass-surface,var(--app-color-surface)));--notification-settings-border:var(--avp-border,var(--officepass-border,var(--app-color-border)));--notification-settings-accent:var(--avp-accent-strong,var(--officepass-blue,var(--app-color-accent)));--notification-settings-on-accent:var(--officepass-on-dark,var(--app-color-accent-contrast));--notification-settings-error:var(--app-color-auth-error);--notification-settings-success:var(--app-color-auth-success);--notification-settings-ease:cubic-bezier(.65, 0, .35, 1);box-sizing:border-box;width:100%;min-width:0;max-width:50rem;color:var(--notification-settings-text);background:var(--notification-settings-surface);border:1px solid var(--notification-settings-border);border-radius:var(--app-radius-surface);font:inherit}[data-theme=dark] .notification-settings{--notification-settings-accent:var(--avp-accent,var(--officepass-blue,var(--app-color-accent)));--notification-settings-on-accent:var(--officepass-navy,var(--app-color-accent-contrast))}.notification-settings__header{border-bottom:1px solid var(--notification-settings-border);padding:1.25rem}.notification-settings__header h2{margin:0;font-size:1rem;font-weight:600;line-height:1.5}.notification-settings__header p{color:var(--notification-settings-muted);margin:.25rem 0 0;font-size:.875rem;line-height:1.5}.notification-settings__section{gap:.75rem 1.5rem;min-width:0;padding:1.25rem;display:grid}.notification-settings__section+.notification-settings__section{border-top:1px solid var(--notification-settings-border)}.notification-settings__content{min-width:0}.notification-settings__content h3{margin:0;font-size:.9375rem;font-weight:600;line-height:1.5}.notification-settings__content p{max-width:38rem;color:var(--notification-settings-muted);overflow-wrap:anywhere;margin:.375rem 0 0;font-size:.875rem;line-height:1.6}.notification-settings__action{place-self:start;min-width:0}.notification-settings__details{grid-column:1/-1;justify-items:start;gap:.5rem;min-width:0;display:grid}.notification-settings__hint,.notification-settings__feedback{color:var(--notification-settings-muted);overflow-wrap:anywhere;margin:0;font-size:.8125rem;line-height:1.5}.notification-settings__feedback{color:var(--notification-settings-text)}.notification-settings__button{min-width:2.75rem;min-height:2.75rem;color:var(--notification-settings-on-accent);background:var(--notification-settings-accent);border:1px solid var(--notification-settings-accent);border-radius:var(--app-radius-control);font:inherit;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;line-height:1.5;display:inline-flex}.notification-settings__button[data-variant=secondary]{color:var(--notification-settings-text);background:var(--notification-settings-surface);border-color:var(--notification-settings-border)}.notification-settings__button[data-variant=disable]{color:var(--notification-settings-error);background:var(--notification-settings-surface);border-color:var(--notification-settings-error)}.notification-settings__button:focus-visible,.notification-settings__switch input:focus-visible+.notification-settings__switch-track{outline:2px solid var(--notification-settings-text);outline-offset:3px}.notification-settings__button:active:not(:disabled){transform:translateY(1px)}.notification-settings__button:disabled{opacity:.55;cursor:not-allowed}.notification-settings__switch:has(input:disabled){opacity:.55;cursor:not-allowed}.notification-settings__switch{cursor:pointer;align-items:center;gap:.75rem;min-height:2.75rem;display:flex;position:relative}.notification-settings__value{min-width:1.5rem;color:var(--notification-settings-muted);text-align:end;font-size:.8125rem;line-height:1.5}.notification-settings__switch input{opacity:0;width:2.75rem;height:2.75rem;cursor:inherit;margin:0;position:absolute;inset-block-start:0;inset-inline-end:0}.notification-settings__switch-track{background:var(--notification-settings-muted);border:1px solid var(--notification-settings-muted);pointer-events:none;border-radius:1rem;flex:0 0 2.75rem;height:1.5rem;display:block;position:relative}.notification-settings__switch-track:before{background:var(--notification-settings-on-accent);content:"";width:1rem;height:1rem;transition:transform .12s var(--notification-settings-ease);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:.1875rem;transform:translateY(-50%)}.notification-settings__switch input:checked+.notification-settings__switch-track{background:var(--notification-settings-accent);border-color:var(--notification-settings-accent)}.notification-settings__switch input:checked+.notification-settings__switch-track:before{transform:translate(1.25rem,-50%)}.notification-settings__switch input:active:not(:disabled)+.notification-settings__switch-track{border-color:var(--notification-settings-text)}.notification-settings__switch input[aria-invalid=true]+.notification-settings__switch-track{border-color:var(--notification-settings-error)}.notification-settings__visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.notification-settings__message{border-top:1px solid var(--notification-settings-border);color:var(--notification-settings-text);overflow-wrap:anywhere;margin:0;padding:.75rem 1.25rem;font-size:.875rem;line-height:1.5}.notification-settings__message[data-tone=error]{color:var(--notification-settings-error)}.notification-settings__message[data-tone=success]{color:var(--notification-settings-success);background:color-mix(in srgb, var(--notification-settings-success) 6%, var(--notification-settings-surface))}@media (hover:hover){.notification-settings__button:hover:not(:disabled){filter:brightness(.94)}.notification-settings__switch input:hover:not(:disabled):not(:focus-visible)+.notification-settings__switch-track{outline:1px solid var(--notification-settings-muted);outline-offset:2px}}@media (min-width:40rem){.notification-settings__section{grid-template-columns:minmax(0,1fr) auto}.notification-settings__action{justify-self:end}}@media (prefers-reduced-motion:reduce){.notification-settings__switch-track:before{transition:none}.notification-settings__button:active:not(:disabled){transform:none}}.notification-live-notice button{color:inherit;border:1px solid var(--avp-border,var(--officepass-border,var(--app-color-border)));border-radius:var(--app-radius-control);min-height:2.75rem;font:inherit;background:0 0;padding:.5rem .75rem}.notification-live-notice{z-index:40;max-width:min(24rem,100vw - 2rem);position:fixed;inset-block-start:5rem;inset-inline-end:1rem}.notification-live-notice p{margin:0 0 .5rem}.notification-live-notice button+button{margin-inline-start:.5rem}.notification-settings-tabs{border-bottom:1px solid var(--avp-border,var(--app-color-border));margin-bottom:1rem}.notification-settings-tabs button{border:0;border-bottom:2px solid var(--avp-text,var(--app-color-foreground));color:var(--avp-text,var(--app-color-foreground));min-height:2.75rem;font:inherit;background:0 0;padding:.5rem 1rem;font-weight:600}