.notification-log-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr));gap:14px;padding:22px;align-items:end;border-bottom:1px solid #e7eaf4}.notification-log-filters .field{min-width:0}.notification-log-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;min-width:180px;max-width:320px;font-size:12px;line-height:1.7;color:#65718a}.notification-log-reason{max-width:220px;white-space:normal;overflow-wrap:anywhere}.notification-log-dialog{width:min(820px,calc(100vw - 32px))}.notification-log-detail-tools{display:flex;justify-content:flex-end;margin-bottom:14px}.notification-log-summary{padding:16px 18px;border:1px solid #e7e6fa;background:#f8f7ff;border-radius:14px;margin-bottom:12px}.notification-log-summary h3,.notification-log-history h3{font-size:14px;margin:0 0 10px}.notification-log-summary p,.notification-log-event-summary{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.notification-log-history{margin:24px 0}.notification-log-timeline{list-style:none;padding:0;margin:0;display:grid;gap:12px}.notification-log-timeline>li{position:relative;padding:15px 16px;border:1px solid #e5e9f4;border-radius:14px;background:#fafbff}.notification-log-event-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;color:#74809a}.notification-log-event-head time{font-variant-numeric:tabular-nums}.notification-log-event-facts{display:grid;gap:6px;margin:10px 0 0;font-size:12px;line-height:1.7}.notification-log-event-facts:empty{display:none}.notification-log-event-facts>div{display:grid;grid-template-columns:85px 1fr;gap:12px}.notification-log-event-facts dt{color:#8b95aa}.notification-log-event-facts dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#4a5771}.notification-log-event-summary{margin-top:10px;color:#65718a}
@media(max-width:760px){.notification-log-filters{grid-template-columns:1fr 1fr;padding:16px;gap:12px}.notification-log-filters>.field:first-child{grid-column:1/-1}.notification-log-filters .input,.notification-log-filters .select{font-size:16px;min-height:46px}.notification-log-filters .audit-filter-actions{grid-column:1/-1}.notification-log-filters .audit-filter-actions .btn{flex:1;min-height:46px}.notification-log-table .log-cell-stack{align-items:flex-end}.notification-log-preview{min-width:0;max-width:100%;text-align:right}.notification-log-dialog{width:calc(100vw - 20px)}.notification-log-event-head{gap:8px}.notification-log-event-facts>div{grid-template-columns:70px 1fr;gap:8px}.notification-log-summary{padding:14px}}

.notification-log-settings-link{padding:0 20px 20px}.notification-log-history>.btn{margin-bottom:12px}
.notification-log-filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.notification-log-filters .input,.notification-log-filters .select{width:100%;max-width:100%;min-width:0}
.notification-log-filters .audit-filter-actions{display:flex;gap:8px;flex-wrap:wrap}
.notification-log-dialog[open]{display:flex;flex-direction:column;width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:hidden}
.notification-log-dialog .dialog-head{flex-shrink:0;gap:14px;border-bottom:1px solid #e4e9f2;margin-bottom:16px}
.notification-log-dialog .dialog-head h2{min-width:0;overflow-wrap:anywhere}
.notification-log-dialog .dialog-head>.icon-button{min-width:44px;min-height:44px;flex-shrink:0}
.notification-log-dialog .dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.notification-log-dialog .audit-detail-list{min-width:0}
.notification-log-dialog .audit-detail-list>div{min-width:0;gap:12px}
.notification-log-dialog .audit-detail-list dd{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.notification-log-detail-tools{position:sticky;top:0;background:#fbfcff;padding:8px 0;z-index:1}
.notification-log-event-facts>div{grid-template-columns:85px minmax(0,1fr)}
@media(max-width:760px){
 .notification-log-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .notification-log-dialog[open]{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);margin:auto}
 .notification-log-dialog .dialog-body{padding-left:16px;padding-right:16px}
 .notification-log-detail-tools .btn,.notification-log-history>.btn{min-height:44px}
 .notification-log-event-facts>div{grid-template-columns:70px minmax(0,1fr)}
}
@media(max-width:480px){
 .notification-log-filters{grid-template-columns:minmax(0,1fr)}
 .notification-log-dialog .audit-detail-list>div{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}
 .notification-log-dialog .audit-detail-list dd{text-align:left}
}