.reaction-builder{width:min(980px,96vw);max-height:92vh;overflow:auto}.builder-tabs{grid-column:1/-1;display:flex;gap:4px;border-bottom:1px solid #dde3ea}.builder-tabs button{border:0;background:none;padding:10px 14px;font-size:11px;color:#687586}.builder-tabs button.active{color:#286da2;border-bottom:2px solid #3c8dbc}.builder-tabs em{font-style:normal;background:#e9eef3;border-radius:10px;padding:2px 6px}.cfg-general{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:13px}.cfg-reactions{grid-column:1/-1}.reactions-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.reactions-head h3{margin:0}.reactions-head p{font-size:10px;color:#6f7b89;margin:4px 0}.reaction-rule{border:1px solid #dce3ea;border-radius:9px;margin-bottom:11px;overflow:hidden;background:#fbfcfd}.reaction-rule>header{display:grid;grid-template-columns:30px 45px 150px 1fr auto 30px;gap:8px;align-items:center;padding:10px;background:#f0f5f9}.reaction-order{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#3478aa;color:#fff;font-size:9px}.reaction-rule select,.reaction-rule input,.reaction-rule textarea{border:1px solid #ccd6e0;border-radius:6px;padding:8px;font-size:10px;background:#fff}.reaction-rule>header label{display:flex;align-items:center;gap:4px;white-space:nowrap}.reaction-rule>header button{border:0;background:#f8e8ea;color:#b13f4a;border-radius:5px;height:28px}.reaction-condition{padding:9px 12px;border-top:1px solid #e3e8ee}.reaction-condition label{display:grid;grid-template-columns:120px 1fr;align-items:center}.reaction-action{display:grid;grid-template-columns:45px 170px 1fr 210px;gap:8px;align-items:start;padding:10px 12px;border-top:1px solid #e3e8ee}.reaction-action textarea{min-height:58px}.reaction-empty{text-align:center;padding:42px;border:1px dashed #cbd5df;border-radius:9px;color:#758291}.cfg-save{position:sticky;bottom:0;box-shadow:0 -8px 20px #ffffff}@media(max-width:760px){.cfg-general{grid-template-columns:1fr}.reaction-rule>header,.reaction-action{grid-template-columns:1fr}.reaction-condition label{grid-template-columns:1fr}.reaction-order{display:none}}
