.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 28px}
.editor-card{display:grid;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:17px}
.editor-card label{display:grid;gap:7px;color:#d4e0e5;font-size:13px}
.editor-card textarea,.editor-card select{width:100%;border:1px solid var(--line);border-radius:10px;background:#101a22;color:var(--text);padding:10px 12px;font:inherit;resize:vertical}
.editor-card textarea:focus,.editor-card select:focus{outline:2px solid #86dfbd77;border-color:var(--accent)}
.compact{font-size:12px;margin:0}
.section-title{margin-top:28px}
.order-records{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}
.order-records summary{cursor:pointer;color:var(--accent);font-weight:650;padding:8px 2px}
.record-body{display:grid;gap:10px;padding:8px 2px 2px}
.record-body h4{margin:10px 0 0}
.record-timeline{display:grid;gap:8px;max-height:360px;overflow:auto}
.record-event{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(140px,.7fr) 2fr;gap:10px;background:#101a22;border:1px solid var(--line);border-radius:9px;padding:10px;font-size:12px;align-items:start}
.record-event time{color:var(--muted)}
.record-event p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.record-task{margin:0;padding:9px 11px;background:#101a22;border-radius:8px;color:#d2e0e6;font-size:13px}
.record-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.record-form input,.record-form textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:9px;background:#101a22;color:var(--text);padding:10px 12px;font:inherit}
.record-form textarea{resize:vertical}
.record-form:has(input[type="datetime-local"]){grid-template-columns:minmax(0,1fr) minmax(170px,.5fr) auto}
@media(max-width:720px){.editor-grid{grid-template-columns:1fr}}
@media(max-width:720px){.record-event{grid-template-columns:1fr;gap:5px}.record-form,.record-form:has(input[type="datetime-local"]){grid-template-columns:1fr}.record-form button{width:100%}}
.workflow-visual-tools{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:.35rem 0}
.workflow-visual-editor{display:grid;gap:.55rem;margin:.55rem 0 1rem}
.workflow-editor-heading{margin:.55rem 0 .1rem;color:var(--text,#e8eef7);font-size:1rem}
.customer-message-preview{white-space:pre-wrap;overflow-wrap:anywhere;min-height:2.5rem;padding:.7rem;border:1px solid var(--border,#344054);border-radius:.5rem;background:var(--surface,#101828);color:var(--text,#e8eef7)}
.customer-message-order-preview{margin:.8rem 0;padding:.8rem;border:1px solid var(--border,#344054);border-radius:.6rem}
.workflow-scenario{border:1px solid var(--line,#344153);border-radius:.65rem;background:rgba(16,25,36,.65);padding:.7rem .8rem}
.workflow-scenario>summary{cursor:pointer;font-weight:650;color:var(--text,#e8eef7)}
.workflow-scenario-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}
.workflow-scenario-actions button:disabled{opacity:.5;cursor:not-allowed}
.workflow-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.8rem}
.workflow-field{display:grid;align-content:start;gap:.3rem;color:var(--muted,#a9b6c8);font-size:.88rem}
.workflow-control{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--line,#344153);border-radius:.45rem;padding:.55rem .65rem;background:#0e1721;color:var(--text,#e8eef7);font:inherit}
.workflow-control:focus{outline:2px solid #7bdcbc;outline-offset:1px}
.workflow-approval-label{grid-column:1/-1;display:flex;gap:.55rem;align-items:center;color:var(--muted,#a9b6c8)}
.workflow-approval-control{width:1.1rem;height:1.1rem;accent-color:#71d8b5}
.workflow-suggestion{grid-column:1/-1;white-space:pre-wrap;overflow-wrap:anywhere;max-height:9rem;overflow:auto;margin:0;padding:.55rem;border-radius:.4rem;background:#0b121a;color:#aab8cb;font-size:.78rem}
.workflow-rehearsal{display:grid;gap:.65rem;margin:.8rem 0;padding:.8rem;border:1px solid var(--line,#344153);border-radius:.65rem;background:rgba(16,25,36,.5)}
.workflow-rehearsal>summary{cursor:pointer;font-weight:650;color:var(--accent,#86dfbd)}
.workflow-rehearsal label{display:grid;gap:.35rem;min-width:min(100%,230px);flex:1;color:var(--muted,#a9b6c8);font-size:.85rem}
.workflow-rehearsal select{width:100%;box-sizing:border-box;border:1px solid var(--line,#344153);border-radius:.45rem;padding:.55rem .65rem;background:#0e1721;color:var(--text,#e8eef7);font:inherit}
.workflow-rehearsal-result{min-width:0}
.workflow-rehearsal-output{max-height:26rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:.8rem;border:1px solid var(--line,#344153);border-radius:.55rem;background:#0b121a;color:var(--text,#e8eef7);font-size:.78rem}
@media(max-width:640px){.workflow-fields{grid-template-columns:1fr}.workflow-approval-label,.workflow-suggestion{grid-column:1}}