.ntf-bell{display:inline-flex;position:relative}.ntf-bell__button{border-radius:var(--radius-pill);background:var(--color-bg-fill);block-size:40px;inline-size:40px;color:var(--color-text-primary);cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.ntf-bell__dot{border-radius:var(--radius-pill);background:var(--color-brand-primary);block-size:9px;inline-size:9px;position:absolute;inset-block-start:8px;inset-inline-end:9px}.ntf-panel{background:var(--color-bg-page);border-radius:var(--radius-card);z-index:40;inline-size:420px;max-inline-size:calc(100vw - 32px);position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 10px 30px #0000001a}.ntf-panel__head{padding-block:var(--space-7);padding-inline:var(--space-8);border-block-end:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-5);display:flex}.ntf-panel__title{font-size:var(--font-h3-size);font-weight:700}.ntf-panel__action,.ntf-card__action{font-size:var(--font-bodySm-size);color:var(--color-brand-primary);cursor:pointer;background:0 0;border:0;margin-inline-start:auto;padding:0;font-weight:600}.ntf-panel__more{inline-size:100%;padding-block:var(--space-6);padding-inline:var(--space-8);border:0;border-block-start:1px solid var(--color-border-subtle);font-size:var(--font-label-size);color:var(--color-brand-primary);cursor:pointer;background:0 0;font-weight:600}.ntf-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ntf-list--lawyer{gap:2px}.ntf-row{gap:var(--space-5);text-align:start;cursor:pointer;inline-size:100%;font:inherit;color:inherit;background:0 0;border:0;align-items:flex-start;display:flex}.ntf-list--client .ntf-row{padding-block:var(--space-7);padding-inline:var(--space-8);border-block-end:1px solid #0000000f}.ntf-list--client .ntf-row--unread{background:var(--color-bg-row-selected)}.ntf-list--lawyer .ntf-row{padding-block:13px;padding-inline:var(--space-5);border-radius:var(--radius-field)}.ntf-list--lawyer .ntf-row--unread{background:var(--color-bg-row-selected)}.ntf-row__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.ntf-list--client .ntf-row__icon{border-radius:var(--radius-pill);block-size:38px;inline-size:38px}.ntf-list--lawyer .ntf-row__icon{border-radius:10px;block-size:36px;inline-size:36px}.ntf-row__icon--document,.ntf-row__icon--message{background:var(--color-brand-soft);color:var(--color-brand-primary)}.ntf-row__icon--clock{background:var(--color-status-warning-soft);color:var(--color-status-warning)}.ntf-row__icon--star{background:var(--color-bg-trust);color:var(--color-rating-star)}.ntf-row__icon--shield{background:var(--color-bg-fill);color:var(--color-text-body)}.ntf-row__body{flex:1;min-inline-size:0}.ntf-row__title{font-weight:600;line-height:1.6;display:block}.ntf-list--client .ntf-row__title{font-size:14.5px}.ntf-list--lawyer .ntf-row__title{font-size:var(--font-label-size)}.ntf-row__meta{color:var(--color-text-secondary);margin-block-start:3px;display:block}.ntf-list--client .ntf-row__meta{font-size:12.5px}.ntf-list--lawyer .ntf-row__meta{font-size:var(--font-overline-size)}.ntf-row__dot{border-radius:var(--radius-pill);background:var(--color-brand-primary);block-size:9px;inline-size:9px;flex:none;margin-block-start:var(--space-2)}.ntf-empty{padding:var(--space-9) var(--space-8);text-align:center}.ntf-empty__title{font-size:var(--font-body-size);font-weight:600}.ntf-empty__body{font-size:var(--font-bodySm-size);color:var(--color-text-secondary);margin-block-start:var(--space-2);line-height:1.8}.ntf-page{inline-size:min(1140px,100%);padding-block:28px 48px;padding-inline:var(--space-9);margin-inline:auto}.ntf-page__cards{gap:var(--space-7);flex-wrap:wrap;align-items:flex-start;display:flex}.ntf-card{background:var(--color-bg-page);border-radius:var(--radius-card);inline-size:440px;max-inline-size:100%;padding:var(--space-8);box-shadow:0 1px 2px #0000000a,0 14px 34px #00000024}.ntf-prefs{padding:22px;box-shadow:0 1px 2px #0000000a,0 10px 24px #00000014}.ntf-card__head{align-items:center;gap:var(--space-4);margin-block-end:var(--space-5);display:flex}.ntf-card__title{font-size:var(--font-bodyLg-size);margin:0;font-weight:700}.ntf-card__more{inline-size:100%;padding-block:var(--space-4);color:var(--color-brand-primary);cursor:pointer;background:0 0;border:0;margin-block-start:var(--space-5);font-size:13.5px;font-weight:600}.ntf-prefs__rows{flex-direction:column;gap:2px;margin-block-start:var(--space-6);display:flex}.ntf-prefs__row{align-items:center;gap:var(--space-5);border-block-end:1px solid var(--color-border-subtle);padding-block:13px;display:flex}.ntf-prefs__row--marketing{border-block-end:0;border-block-start:1px solid var(--color-border-section);margin-block-start:var(--space-2);padding-block-start:var(--space-7)}.ntf-prefs__text{flex:1;min-inline-size:0}.ntf-prefs__label{font-size:14.5px;font-weight:600}.ntf-prefs__hint{color:var(--color-text-secondary);margin-block-start:3px;font-size:12.5px}.ntf-switch{border-radius:var(--radius-pill);background:var(--color-rating-star-empty);cursor:pointer;border:0;flex:none;justify-content:flex-start;align-items:center;block-size:26px;inline-size:44px;padding-inline:3px;transition:background-color .12s;display:inline-flex}.ntf-switch--on{background:var(--color-brand-primary);justify-content:flex-end}.ntf-switch__knob{border-radius:var(--radius-pill);background:var(--color-text-inverse);block-size:20px;inline-size:20px}.ntf-prefs__note{border-radius:var(--radius-field);background:var(--color-bg-trust);padding:var(--space-6);color:var(--color-text-body);margin-block-start:var(--space-6);margin-block-end:0;font-size:12.5px;line-height:1.85}@media (max-width:1023px){.ntf-page__cards{flex-direction:column}.ntf-card{inline-size:100%}}