.notification-settings{max-width:1040px;padding:22px}.notification-intro{margin:0 0 18px;color:#526274;line-height:1.75}.notification-groups,.notification-events,.notification-fields,.notification-actions,.notification-edit-entry,.notification-editor-head,.notification-channel-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notification-groups{padding-bottom:12px;border-bottom:1px solid #e1e9f0}.notification-groups button,.notification-events button{border:1px solid #cbd8e5;background:#fff;color:#456078}.notification-groups .active,.notification-events .active{background:var(--primary,#337ab7);border-color:var(--primary,#337ab7);color:#fff}.notification-events{padding:12px 0}.notification-preview,.notification-editor,.notification-channel-config{border:1px solid #dbe5ed;border-radius:8px;background:#fff}.notification-channel-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;padding:18px;background:#fbfdff}.notification-channel-head{grid-column:1/-1;justify-content:space-between}.notification-channel-head h3{margin:0;font-size:16px;color:#294761}.notification-channel-head p,.notification-channel-hint{margin:5px 0 0;color:#697a8a;font-size:13px}.notification-channel-status{padding:3px 8px;border-radius:999px;font-size:12px}.notification-channel-status.configured{background:#e7f6ed;color:#267344}.notification-channel-status.unconfigured{background:#f3f6f8;color:#68798a}.notification-channel-field{display:grid;gap:6px;color:#425a70;font-size:13px}.notification-channel-field input,.notification-channel-field select{box-sizing:border-box;width:100%;min-height:36px;border:1px solid #b9c9d7;border-radius:5px;padding:7px 9px;background:#fff;color:#263747}.notification-channel-config .notification-channel-hint,.notification-channel-config .error,.notification-channel-config .notification-actions{grid-column:1/-1}.notification-preview{padding:18px}.notification-preview h3,.notification-editor h3{margin:0;font-size:16px;color:#294761}.notification-sample-label{margin-top:12px;color:#66788a;font-size:13px}.notification-preview pre{box-sizing:border-box;min-height:190px;max-height:360px;overflow:auto;margin:10px 0;padding:15px;border-radius:6px;background:#f6f9fb;color:#263747;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.notification-preview-note{margin:0;color:#617286;font-size:13px;line-height:1.7}.notification-edit-entry{justify-content:space-between;margin-top:16px;padding:16px 0}.notification-edit-entry span{color:#63758a;font-size:13px}.notification-editor{margin-top:16px;padding:18px;background:#fbfdff}.notification-editor-head{justify-content:space-between}.notification-editor-head p{margin:5px 0 0;color:#697a8a;font-size:13px}.notification-fields{margin:17px 0 10px}.notification-fields span{margin-right:3px;color:#566a7e;font-size:13px}.notification-fields button{padding:5px 8px;border:1px solid #bed1e2;border-radius:4px;background:#f5f9fc;color:#28638f;font-size:13px}.notification-editor textarea{box-sizing:border-box;width:100%;resize:vertical;border:1px solid #b9c9d7;border-radius:5px;padding:11px;font:14px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;color:#263747}.notification-count{margin:5px 0 12px;text-align:right;color:#7a8998;font-size:12px}.notification-actions{justify-content:flex-end}.notification-actions .primary{min-width:110px}@media(max-width:680px){.notification-settings{padding:16px}.notification-edit-entry,.notification-editor-head{align-items:flex-start;flex-direction:column}.notification-channel-config{grid-template-columns:1fr}.notification-preview pre{min-height:160px}.notification-actions{width:100%;justify-content:stretch}.notification-actions button{flex:1}}