.nw-notification{align-items:start;gap:20px;padding:22px 24px}.nw-notification .dh-notification-main{min-width:0}.nw-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.nw-scenario{font-size:12px;color:#53617c;font-weight:650;margin-right:5px}.nw-type{display:inline-flex;padding:4px 9px;border-radius:20px;font-size:11px;font-weight:700;background:#fff1db;color:#9c5900;white-space:nowrap}.nw-type-decrease{background:#e6f5ed;color:#187744}.nw-type-mixed{background:#e8edff;color:#273aa5}.nw-type-mismatch,.nw-type-quantity,.nw-type-total{background:#fce9e9;color:#b32931}.nw-title{font-size:16px!important;margin:9px 0 6px!important;line-height:1.45}.nw-highlight{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding-top:14px;font-size:13px}.nw-highlight>strong{color:#263857}.nw-highlight b{margin:0 7px;color:#7d879a}.nw-delta{display:inline-flex;font-size:12px;font-weight:650;line-height:1.4}.nw-increase{color:#b24b09}.nw-decrease{color:#207349}.nw-neutral{color:#718096;font-weight:400}.nw-comparison{margin-top:17px;border:1px solid #e0e5ee;border-radius:10px;overflow:hidden}.nw-comparison summary{cursor:pointer;padding:12px 14px;font-size:13px;font-weight:650;color:#243a8f;background:#f8faff}.nw-comparison summary span{font-size:11px;font-weight:400;color:#718096;float:right}.nw-comparison-body{padding:14px}.nw-comparison-body>p{font-size:12px;color:#64738b;line-height:1.6;margin:0 0 12px}.nw-source-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.nw-source{display:flex;align-items:center;gap:8px;font-size:11px!important;min-height:32px!important}.nw-source span{font-weight:400;color:#74819b;font-size:10px}.nw-table-scroll{overflow-x:auto;max-width:100%}.nw-table{width:100%;border-collapse:collapse;min-width:650px;font-size:12px}.nw-table th{text-align:left;font-size:11px;color:#687790;background:#f6f8fc;padding:10px 9px;font-weight:600}.nw-table td{padding:11px 9px;border-bottom:1px solid #e9edf3;vertical-align:top;line-height:1.5}.nw-table td:first-child{width:28%}.nw-table td strong{font-weight:600}.nw-table td small{display:block;color:#7a879d;font-size:10px;margin-top:3px}.nw-table tr:last-child td{border-bottom:0}.nw-row-changed{background:#fffdfa}.nw-empty{text-align:center;padding:40px 20px;color:#687790;border:1px dashed #dce3ed;border-radius:12px}.nw-notification .dh-notification-actions{min-width:118px;padding-top:4px}.nw-notification.read{opacity:1}.nw-notification.read .nw-title{color:#62718a}
@media(max-width:800px){.nw-notification{padding:18px;display:flex;flex-direction:column;gap:14px}.nw-notification .dh-notification-main{width:100%}.nw-notification .dh-notification-actions{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;padding-top:0}.nw-title{font-size:15px!important}.nw-highlight{gap:7px 12px}.nw-highlight>strong{flex-basis:100%}.nw-comparison-body{padding:10px}.nw-comparison summary{padding:11px}.nw-comparison summary span{float:none;margin-left:10px}.nw-source{flex-wrap:wrap}.nw-source-list{gap:5px}}
.nw-notification{grid-template-columns:minmax(0,1fr) auto;min-width:0;width:100%;box-sizing:border-box}.nw-comparison{min-width:0;max-width:100%}
#page-notifications #nw-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(280px,1.6fr)!important;grid-auto-flow:row;grid-auto-columns:auto;width:100%;margin:0 0 18px!important;padding:0;overflow:visible;gap:12px;scroll-snap-type:none}
#nw-kpis .nw-kpi{--nw-accent:#315bce;--nw-tint:#eef3ff;position:relative;display:flex;flex-direction:column;min-width:0;min-height:110px;padding:10px 14px;border:1px solid #e2e8f2;border-top:3px solid var(--nw-accent);border-radius:12px;background:linear-gradient(135deg,#fff 62%,var(--nw-tint));box-shadow:0 3px 12px #17305c05}
#page-notifications #nw-kpis .nw-kpi::before{display:none!important}
#nw-kpis .nw-kpi-unread{--nw-accent:#b16c11;--nw-tint:#fff7e8}
#nw-kpis .nw-kpi-documents{--nw-accent:#397d8c;--nw-tint:#eef8fa}
#nw-kpis .nw-kpi-prices{--nw-accent:#6253b4;--nw-tint:#f5f3ff}
#nw-kpis .dh-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:6px;min-height:28px}
#nw-kpis .dh-kpi-label{display:block;font-size:12px;letter-spacing:0;text-transform:none;font-weight:650;line-height:1.4;color:#4b5a74}
#nw-kpis .dh-kpi-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;color:var(--nw-accent);background:var(--nw-tint);border:1px solid color-mix(in srgb,var(--nw-accent) 12%,transparent)}
#nw-kpis .dh-kpi-icon svg{width:19px;height:19px}
#nw-kpis .dh-kpi-value{font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.6px;color:#1d3154;font-variant-numeric:tabular-nums;margin:0}
#nw-kpis .dh-kpi-foot{margin-top:auto;font-size:11px;line-height:1.45;color:#7a879d}
#nw-kpis .nw-kpi-prices .dh-kpi-top{margin-bottom:6px}
.nw-price-period{display:block;margin-top:2px;color:#7a879d;font-size:10px;line-height:1.4;font-variant-numeric:tabular-nums}
.nw-price-values{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nw-price-direction{min-width:0;display:flex;flex-direction:column;gap:2px}
.nw-price-direction+.nw-price-direction{border-left:1px solid #e5e8f0;padding-left:12px}
.nw-price-name{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}
.nw-price-name>span{display:inline-flex;flex:0 0 17px;width:17px;height:17px}
.nw-price-name svg{width:17px;height:17px}
.nw-price-direction strong{font-size:26px;line-height:1.1;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.nw-price-up{color:#b62e42}.nw-price-down{color:#16754b}
@media(max-width:1250px){#page-notifications #nw-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){#page-notifications #nw-kpis{gap:9px}#nw-kpis .nw-kpi{padding:10px 11px;min-height:98px;border-radius:11px}#nw-kpis .dh-kpi-value{font-size:26px}#nw-kpis .dh-kpi-top{gap:6px}#nw-kpis .nw-kpi-documents{grid-column:1/-1;padding-right:53px}#nw-kpis .nw-kpi-documents .dh-kpi-icon{position:absolute;right:11px;top:10px}#nw-kpis .nw-kpi-documents .dh-kpi-top{min-height:0;margin-bottom:6px}#nw-kpis .nw-kpi-prices{grid-column:1/-1}}
/* Consistent semantic contrast: red increases/issues, green decreases, indigo mixed changes. */
#page-notifications .nw-notification{border-left-width:5px}
#page-notifications .nw-notification:has(.nw-type-increase),#page-notifications .nw-notification:has(.nw-type-mismatch),#page-notifications .nw-notification:has(.nw-type-quantity),#page-notifications .nw-notification:has(.nw-type-total){--notif:#c43140!important;border-left-color:#c43140}
#page-notifications .nw-notification:has(.nw-type-decrease):not(:has(.nw-type-mismatch,.nw-type-quantity,.nw-type-total)){--notif:#18804b!important;border-left-color:#18804b}
#page-notifications .nw-notification:has(.nw-type-mixed):not(:has(.nw-type-mismatch,.nw-type-quantity,.nw-type-total)){--notif:#3f46ae!important;border-left-color:#3f46ae}
#page-notifications .nw-type-increase,#page-notifications .nw-type-mismatch,#page-notifications .nw-type-quantity,#page-notifications .nw-type-total{background:#fde5e8;color:#a51e31;border:1px solid #efb5be}
#page-notifications .nw-type-decrease{background:#ddf4e7;color:#116c3c;border:1px solid #a6d9bc}
#page-notifications .nw-type-mixed{background:#e5e7ff;color:#343b9c;border:1px solid #b8bef4}
#page-notifications .nw-increase{color:#b42339;font-weight:700}
#page-notifications .nw-decrease{color:#126f40;font-weight:700}
.nw-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 6px;font-size:13px;color:var(--muted)}.nw-page-controls{display:flex;align-items:center;gap:12px}.nw-page-controls>span{white-space:nowrap;font-size:12px}.nw-page-controls .dh-btn:disabled{cursor:default;opacity:.45}.nw-page-range{font-variant-numeric:tabular-nums}#notificationList{scroll-margin-top:18px}#notificationList:focus{outline:none}
@media(max-width:600px){.nw-pagination{align-items:flex-start;flex-direction:column;gap:12px}.nw-page-controls{width:100%;justify-content:space-between;gap:8px}.nw-page-controls .dh-btn{min-height:38px;font-size:12px}}