.notification-management-dialog{width:min(1180px,94vw);max-width:none}
.notification-management-dialog>form{max-height:88vh;display:flex;flex-direction:column}
.notification-management-rows{overflow:auto;padding:2px 4px 14px;display:grid;gap:14px}
.notification-legend{display:flex;gap:24px;align-items:center;padding:12px 4px;color:#536b78}
.notification-legend span{display:flex;align-items:center;gap:8px}.notification-legend i{width:10px;height:10px;border-radius:50%}
.notification-legend .ding{background:#1786ed}.notification-legend .platform{background:#17a673}
.notification-event{border:1px solid #dce7ec;border-radius:14px;background:#f9fbfc;padding:14px}
.notification-event-title{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.notification-event-title>b{font-size:16px;color:#16384a}.notification-event-title span{color:#6b7e88;font-size:13px}
.notification-event-channels{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.notification-channel{background:#fff;border:1px solid #e1e9ed;border-radius:11px;padding:11px}.notification-channel.ding{border-top:3px solid #1786ed}.notification-channel.platform{border-top:3px solid #17a673}
.notification-channel header{display:flex;align-items:center;gap:7px;margin-bottom:9px}.notification-channel header b{margin-right:auto}.notification-channel header button{padding:4px 9px;font-size:12px}
.notification-role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.notification-role-grid label{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:8px;background:#f3f7f9;cursor:pointer;font-size:13px}.notification-role-grid input{margin:0}
@media(max-width:800px){.notification-event-channels{grid-template-columns:1fr}.notification-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-event-title{display:block}.notification-event-title span{display:block;margin-top:4px}}