.notification-note{padding:16px 20px;color:#695443;background:#fff7df;border-radius:12px;line-height:1.8}
.notification-template{margin:24px 0;padding:22px;border:1px solid #e6dfd4;border-radius:14px;background:#fdfbf7}
.notification-template h3{margin:0 0 8px;color:#681b29}.notification-template p{line-height:1.7;color:#7c7266}
.notification-template label{display:block;margin:12px 0;color:#594c42;font-weight:700;font-size:14px}
.notification-template input,.notification-template select{display:block;box-sizing:border-box;width:100%;min-height:44px;margin-top:8px;padding:10px;border:1px solid #e2d9cf;border-radius:9px;background:white;color:#3d3430}
.notification-field{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notification-template pre{white-space:pre-wrap;font:13px/1.7 sans-serif;color:#73695f}
.notification-log-panel{margin-top:24px}#notificationConfigError:empty{display:none}#notificationLogs td{max-width:360px;overflow-wrap:anywhere}
.notification-selected{margin-top:14px;color:#681b29;font-weight:700}.notification-template [data-template-error]:empty{display:none}.notification-template input[readonly]{background:#f7f3ec;color:#75674f}.notification-template .notification-mapping-hint{color:#286c50}.notification-template .error{color:#b22636}.notification-template pre{overflow-wrap:anywhere}
@media(max-width:760px){.notification-field{grid-template-columns:1fr;gap:0}.notification-template{padding:15px}.notification-template label{margin:8px 0}}