.notification-report{width:min(1200px,96vw);max-height:90dvh;padding:24px;border-radius:20px;background:#fcfdf9;color:#2e513b;font-family:Calibri,'Segoe UI',Arial,sans-serif}.nr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.nr-head span{font-size:10px;letter-spacing:1.3px;color:#8b987e}.nr-head h2{font-size:26px;line-height:1.2;margin:5px 0 12px}.nr-filters{display:flex;flex-wrap:wrap;align-items:end;gap:10px;background:#f2f5eb;padding:13px;border:1px solid #e0e7d8;border-radius:13px;margin:15px 0}.nr-filters label{flex:1 1 150px;margin:0;min-width:0;font-size:12px}.nr-filters button{font-size:12px;min-height:42px;padding:9px 12px}.nr-scroll{max-width:100%;overflow:auto;border:1px solid #dfe7d6;border-radius:12px}.nr-scroll table{min-width:1050px;width:100%;background:white}.nr-scroll th{font-size:11px;background:#edf3e6;color:#617451;white-space:nowrap}.nr-scroll td{font-size:13px;padding:12px 10px;vertical-align:top}.nr-scroll td small{font-size:11px;color:#8b9781;max-width:240px;overflow-wrap:anywhere}.nr-state{display:inline-block;padding:5px 8px;border-radius:7px;font-size:11px;font-weight:700}.nr-state.is-on{background:#eaf3e3;color:#416e35}.nr-state.is-off{background:#f2eee5;color:#93866b}
@media(max-width:850px){.notification-report{padding:16px!important;width:calc(100vw - 14px)!important}.nr-head h2{font-size:22px}.nr-filters{gap:8px}.nr-filters label{flex-basis:100%}.nr-filters input,.nr-filters select{font-size:16px}.nr-scroll{max-height:50dvh}.notification-report .muted{font-size:12px;line-height:1.5}}