.notification-history-page{--nhp-surface: #ffffff;--nhp-row-unread-bg: #f7f8f8;--nhp-chip-neutral-bg: #edeeee;--nhp-border: var(--color-borders-grey-20, #e3e4e5);--nhp-text-title: var(--color-text-title-grey-90, #292a2b);--nhp-text-body: #3c3d3f;--nhp-text-subtitle: var(--color-text-subtitle-grey-70, #4f5153);--nhp-tag-kind-bg: var(--notification-chip-alarm-bg, #ffe0e0);--nhp-tag-kind-text: var(--notification-chip-alarm-text, #b31f1f);--nhp-tag-severity-bg: var(--notification-chip-warning-bg, #fff0d6);--nhp-tag-severity-text: var(--notification-chip-warning-text, #996100);--nhp-tag-info-bg: var(--notification-chip-info-bg, #d9edff);--nhp-tag-info-text: var(--notification-chip-info-text, #0d59a6);--nhp-tag-subject-bg: var(--notification-chip-subject-bg, #edeeee);--nhp-tag-subject-text: var(--notification-chip-subject-text, #292a2b);--nhp-unread-dot: #3366ff;--nhp-font-caption: 14px;--nhp-line-caption: 21px;--nhp-font-caption-2: 12px;--nhp-line-caption-2: 18px;--nhp-font-footnote: 11px;--nhp-line-footnote: 15px;--nhp-panel-veil: rgba(255, 255, 255, .93);--nhp-text-legend: #75787b;--nhp-footer-bg: #edeeee;--nhp-action-bg: #5b7490;--nhp-action-text: #ffffff;--nhp-font-body: 16px;--nhp-line-body: 24px;display:flex;flex-direction:row;align-items:flex-start;gap:16px;padding:16px 24px 24px;min-width:0}.notification-history-page__main{display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-width:0}.notification-history-page__header{display:flex;flex-direction:column;gap:4px}.notification-history-page__title{margin:0;font-size:20px;line-height:28px;font-weight:600;color:var(--nhp-text-title)}.notification-history-page__breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--nhp-font-caption-2);line-height:var(--nhp-line-caption-2);color:var(--nhp-text-subtitle)}.notification-history-page__breadcrumb a{color:inherit;text-decoration:none}.notification-history-page__breadcrumb a:hover{text-decoration:underline}.notification-history-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;min-height:76px;box-sizing:border-box;background:var(--nhp-surface);border:1px solid var(--nhp-border);border-radius:16px}.notification-history-filters__search{display:flex;align-items:center;gap:8px;flex:1 1 320px;min-width:0;padding:0 12px;height:40px;border:1px solid var(--nhp-border);border-radius:8px;color:var(--nhp-text-subtitle)}.notification-history-filters__search input{flex:1 1 auto;min-width:0;border:none;outline:none;background:transparent;color:var(--nhp-text-title);font-size:var(--nhp-font-caption);line-height:var(--nhp-line-caption)}.notification-history-filters__search input::placeholder{color:var(--nhp-text-subtitle)}.notification-history-filters__search:focus-within{border-color:var(--nhp-unread-dot)}.notification-history-filters__sort{display:flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap;font-size:var(--nhp-font-caption-2);line-height:var(--nhp-line-caption-2);color:var(--nhp-text-subtitle)}.notification-history-filters__sort select{height:40px;padding:0 8px;border:1px solid var(--nhp-border);border-radius:8px;background:var(--nhp-surface);color:var(--nhp-text-title);font-size:var(--nhp-font-caption-2);cursor:pointer}.notification-history-filters__sort select:focus-visible{outline:2px solid var(--nhp-unread-dot);outline-offset:1px}.notification-history-card{background:var(--nhp-surface);border:1px solid var(--nhp-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch}.notification-history-row__wrap{display:flex;align-items:flex-start;gap:16px;padding-left:16px;width:100%;border-bottom:1px solid var(--nhp-border);background:var(--nhp-surface);box-sizing:border-box}.notification-history-card>.notification-history-row__wrap:last-child{border-bottom:none}.notification-history-row__wrap--unread{background:var(--nhp-row-unread-bg)}.notification-history-row__checkbox,.notification-history-toolbar input[type=checkbox]{width:21px;height:21px;flex-shrink:0;margin:0;border:1.5px solid var(--nhp-border);border-radius:6px;appearance:none;background:var(--nhp-surface);cursor:pointer;position:relative}.notification-history-row__checkbox{margin-top:16px}.notification-history-row__checkbox:checked,.notification-history-toolbar input[type=checkbox]:checked,.notification-history-row__checkbox:indeterminate,.notification-history-toolbar input[type=checkbox]:indeterminate{background:var(--nhp-unread-dot);border-color:var(--nhp-unread-dot)}.notification-history-row__checkbox:checked:after,.notification-history-toolbar input[type=checkbox]:checked:after{content:"";position:absolute;left:5.5px;top:2px;width:6px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.notification-history-row__checkbox:indeterminate:after,.notification-history-toolbar input[type=checkbox]:indeterminate:after{content:"";position:absolute;left:4px;top:8.5px;width:11px;height:0;border-top:2px solid #ffffff}.notification-history-row__checkbox:focus-visible,.notification-history-toolbar input[type=checkbox]:focus-visible{outline:2px solid var(--nhp-unread-dot);outline-offset:1px}.notification-history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid var(--nhp-border);background:var(--nhp-surface);box-sizing:border-box;flex-wrap:wrap}.notification-history-toolbar__select-all{display:flex;align-items:center;gap:12px;font-size:var(--nhp-font-caption);line-height:var(--nhp-line-caption);font-weight:500;color:var(--nhp-text-title);cursor:pointer}.notification-history-toolbar__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notification-history-toolbar__count{font-size:var(--nhp-font-caption-2);line-height:var(--nhp-line-caption-2);color:var(--nhp-text-subtitle)}.notification-history-toolbar__error{padding:8px 16px;border-bottom:1px solid var(--nhp-border);background:var(--nhp-row-unread-bg);color:var(--nhp-tag-kind-text);font-size:var(--nhp-font-caption-2);line-height:var(--nhp-line-caption-2)}.notification-history-row{display:flex;align-items:flex-start;gap:16px;padding:16px 16px 16px 0;flex:1 1 auto;min-width:0;background:transparent;text-align:left;box-sizing:border-box}a.notification-history-row{color:inherit;text-decoration:none;cursor:pointer}a.notification-history-row:hover{filter:brightness(.985)}a.notification-history-row:focus-visible{outline:2px solid var(--nhp-unread-dot);outline-offset:-2px}.notification-history-row__content{display:flex;flex:1 0 0;flex-direction:column;gap:8px;min-width:0}.notification-history-row__body{display:flex;flex-direction:column;gap:4px;width:100%}.notification-history-row__title-stack{display:flex;align-items:center;gap:8px;width:100%;min-width:0}.notification-history-row__title{margin:0;font-size:var(--nhp-font-caption);line-height:var(--nhp-line-caption);font-weight:500;color:var(--nhp-text-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-history-row__timestamp{font-size:var(--nhp-font-caption-2);line-height:var(--nhp-line-caption-2);font-weight:400;color:var(--nhp-text-subtitle);white-space:nowrap;flex-shrink:0}.notification-history-row__text{margin:0;font-size:var(--nhp-font-caption-2);line-height:var(--nhp-line-caption-2);font-weight:400;color:var(--nhp-text-body);width:100%;overflow-wrap:anywhere}.notification-history-row__tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.notification-history-chip{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:4px;font-size:var(--nhp-font-footnote);line-height:var(--nhp-line-footnote);font-weight:500;white-space:nowrap}.notification-history-chip--kind{background:var(--nhp-tag-kind-bg);color:var(--nhp-tag-kind-text)}.notification-history-chip--severity{background:var(--nhp-tag-severity-bg);color:var(--nhp-tag-severity-text)}.notification-history-chip--info{background:var(--nhp-tag-info-bg);color:var(--nhp-tag-info-text)}.notification-history-chip--neutral{background:var(--nhp-chip-neutral-bg);color:var(--nhp-text-title)}.notification-history-chip--subject{background:var(--nhp-tag-subject-bg);color:var(--nhp-tag-subject-text)}.notification-history-filters-panel{display:flex;flex-direction:column;flex:0 0 clamp(340px,50%,520px);max-width:520px;min-width:0;position:sticky;top:16px;height:60vh;border-left:1px solid var(--nhp-border);background:var(--nhp-panel-veil);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);box-sizing:border-box;overflow:hidden}@media(max-width:1024px){.notification-history-page{flex-wrap:wrap}.notification-history-filters-panel{flex:1 1 100%;max-width:100%;position:static;height:auto!important}}.notification-history-filters-panel__header{display:flex;align-items:center;gap:12px;height:56px;padding:16px 24px;box-sizing:border-box;border-bottom:.5px solid var(--nhp-border);border-radius:20px 0 0}.notification-history-filters-panel__header h2{margin:0;flex:1 1 auto;font-size:var(--nhp-font-body);line-height:var(--nhp-line-body);font-weight:500;color:var(--nhp-text-title)}.notification-history-filters-panel__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;border:none;border-radius:2px;background:transparent;color:var(--nhp-text-body);cursor:pointer}.notification-history-filters-panel__close:focus-visible{outline:2px solid var(--nhp-unread-dot);outline-offset:1px}.notification-history-filters-panel__body{display:flex;flex-direction:column;gap:12px;padding:16px 24px;flex:1 1 auto;min-height:0;overflow-y:auto}.notification-history-filters-panel__section{display:flex;flex-direction:column;gap:12px;margin:0;padding:0 0 16px;border:none;border-bottom:1px solid var(--nhp-border)}.notification-history-filters-panel__section:last-of-type{padding-bottom:0;border-bottom:none}.notification-history-filters-panel__section.notification-history-filters-panel__section--scope{padding-bottom:24px;gap:16px}.notification-history-filters-panel__section legend{padding:0;font-size:var(--nhp-font-caption-2);line-height:var(--nhp-line-caption-2);font-weight:500;color:var(--nhp-text-legend)}.notification-history-filters-panel__options{display:flex;flex-direction:column;gap:8px}.notification-history-filters-panel__check,.notification-history-filters-panel__date{display:flex;align-items:center;gap:8px;font-size:var(--nhp-font-caption-2);line-height:var(--nhp-line-caption-2);color:var(--nhp-text-body);cursor:pointer}.notification-history-filters-panel__date>span{min-width:44px;color:var(--nhp-text-subtitle)}.notification-history-filters-panel__field{display:flex;flex-direction:column;gap:4px}.notification-history-filters-panel__field-label{font-size:var(--nhp-font-caption);line-height:var(--nhp-line-caption);color:var(--nhp-text-body)}.notification-history-filters-panel__field-control{display:flex;align-items:center;gap:12px;width:100%;min-height:35px;padding:6px 12px;box-sizing:border-box;border:.5px solid var(--nhp-border);border-radius:8px;background:var(--nhp-surface);color:var(--nhp-text-title);font-size:var(--nhp-font-caption-2);line-height:var(--nhp-line-caption-2);cursor:pointer;text-align:left}.notification-history-filters-panel__field-value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-history-filters-panel__field-control svg{color:var(--nhp-text-body)}.notification-history-filters-panel__field-control:focus-visible{outline:2px solid var(--nhp-unread-dot);outline-offset:1px}.notification-history-filters-panel__field-popover{display:flex;flex-direction:column;gap:8px;padding:8px 12px;border:.5px solid var(--nhp-border);border-radius:8px;background:var(--nhp-surface)}.notification-history-filters-panel__date input{flex:1 1 auto;min-width:0;padding:6px 8px;border:1px solid var(--nhp-border);border-radius:6px;background:var(--nhp-surface);color:var(--nhp-text-title);font-size:var(--nhp-font-caption-2);line-height:var(--nhp-line-caption-2)}.notification-history-filters-panel__check input[type=checkbox]{width:16px;height:16px;flex-shrink:0;margin:0;border:1.5px solid var(--nhp-border);border-radius:4px;appearance:none;background:var(--nhp-surface);cursor:pointer;position:relative}.notification-history-filters-panel__check input[type=checkbox]:checked{background:var(--nhp-unread-dot);border-color:var(--nhp-unread-dot)}.notification-history-filters-panel__check input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.notification-history-filters-panel__check input[type=checkbox]:focus-visible{outline:2px solid var(--nhp-unread-dot);outline-offset:1px}.notification-history-filters-panel__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;height:80px;padding:16px 24px;box-sizing:border-box;background:var(--nhp-footer-bg);border-top:.5px solid var(--nhp-border);flex-shrink:0}.notification-history-filters-panel__action{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:48px;min-width:48px;padding:12px 16px;border-radius:16px;font-size:var(--nhp-font-body);line-height:var(--nhp-line-body);font-weight:500;cursor:pointer;box-sizing:border-box}.notification-history-filters-panel__action--reset{background:var(--nhp-surface);border:1px solid var(--nhp-border);color:var(--nhp-text-body)}.notification-history-filters-panel__action--apply{background:var(--nhp-action-bg);border:none;color:var(--nhp-action-text)}.notification-history-filters-panel__action:focus-visible{outline:2px solid var(--nhp-unread-dot);outline-offset:2px}.notification-history-filters-panel__header{flex-shrink:0}.notification-history-modal__scrim{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#292a2b73}.notification-history-modal{display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px;padding:24px;border:1px solid var(--nhp-border);border-radius:16px;background:var(--nhp-surface);box-sizing:border-box}.notification-history-modal h2{margin:0;font-size:var(--nhp-font-caption);line-height:var(--nhp-line-caption);font-weight:500;color:var(--nhp-text-title)}.notification-history-modal p{margin:0;font-size:var(--nhp-font-caption-2);line-height:var(--nhp-line-caption-2);color:var(--nhp-text-body)}.notification-history-modal__note{color:var(--nhp-text-subtitle)}.notification-history-modal__subject{color:var(--nhp-text-title);font-weight:500}.notification-history-modal__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px}.notification-history-filters__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--nhp-unread-dot);color:#fff;font-size:var(--nhp-font-footnote);line-height:var(--nhp-line-footnote);font-weight:500}.notification-history-row__actions{display:flex;align-items:center;gap:8px;align-self:center;padding-right:16px;flex-shrink:0}.notification-history-row__ack-error{font-size:var(--nhp-font-footnote);line-height:var(--nhp-line-footnote);color:var(--nhp-tag-kind-text)}.notification-history-row__unread{width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--nhp-unread-dot);flex-shrink:0}.notification-history-page__empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 16px;color:var(--nhp-text-subtitle);font-size:var(--nhp-font-caption);line-height:var(--nhp-line-caption)}.notification-history-page__loading{display:flex;justify-content:center;padding:16px 0 0}.notification-history-pager{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:8px 16px;min-height:59px;box-sizing:border-box;background:var(--nhp-surface);border:1px solid var(--nhp-border);border-radius:16px;font-size:var(--nhp-font-caption-2);line-height:var(--nhp-line-caption-2);color:var(--nhp-text-subtitle)}.notification-history-pager__left,.notification-history-pager__right{display:flex;align-items:center;gap:12px;min-width:0}.notification-history-pager__count,.notification-history-pager__range{color:var(--nhp-text-title);font-weight:500;white-space:nowrap}.notification-history-pager__page-size{display:flex;align-items:center;gap:6px;white-space:nowrap}.notification-history-pager__page-size select{padding:2px 6px;border:1px solid var(--nhp-border);border-radius:4px;background:var(--nhp-surface);color:var(--nhp-text-title);font-size:var(--nhp-font-caption-2);line-height:var(--nhp-line-caption-2);cursor:pointer}.notification-history-pager__page-size select:focus-visible{outline:2px solid var(--nhp-unread-dot);outline-offset:1px}.notification-history-pager__right button{display:inline-flex;align-items:center;gap:4px}:root[data-theme=dark] .notification-history-page{--nhp-surface: var(--popover, #17212f);--nhp-row-unread-bg: var(--background-secondary, #1f2937);--nhp-border: var(--border, #263244);--nhp-text-title: var(--text-title, #f8fafc);--nhp-text-body: var(--text-primary, #e5e7eb);--nhp-text-subtitle: var(--text-muted, #94a3b8);--nhp-chip-neutral-bg: var(--background-secondary, #1f2937);--nhp-tag-kind-bg: var(--notification-chip-alarm-bg, #661414);--nhp-tag-kind-text: var(--notification-chip-alarm-text, #ff8c8c);--nhp-tag-severity-bg: var(--notification-chip-warning-bg, #59380d);--nhp-tag-severity-text: var(--notification-chip-warning-text, #ffc766);--nhp-tag-info-bg: var(--notification-chip-info-bg, #143866);--nhp-tag-info-text: var(--notification-chip-info-text, #8cc7ff);--nhp-tag-subject-bg: var(--notification-chip-subject-bg, rgba(15, 9, 12, .5));--nhp-tag-subject-text: var(--notification-chip-subject-text, #f7f8f8);--nhp-unread-dot: var(--primary, #8fb1d5);--nhp-panel-veil: var(--popover, #17212f);--nhp-text-legend: var(--text-muted, #94a3b8);--nhp-footer-bg: var(--background-secondary, #1f2937);--nhp-action-bg: var(--primary, #8fb1d5);--nhp-action-text: var(--popover, #17212f)}