/* Automation board + chat — dashboard design, scoped under .crdts-dash.
   Page-private classes; the shared shell stays in dashboard.scoped.css. */

.crdts-dash h1,.crdts-dash h2,.crdts-dash h3,.crdts-dash h4,.crdts-dash p,.crdts-dash span,.crdts-dash a,.crdts-dash b,.crdts-dash strong,.crdts-dash small,.crdts-dash em,.crdts-dash i,.crdts-dash li,.crdts-dash ul,.crdts-dash ol,.crdts-dash button,.crdts-dash label,.crdts-dash input,.crdts-dash textarea,.crdts-dash select,.crdts-dash summary,.crdts-dash option:not(.material-symbols-outlined):not([class*="material-symbols"]):not(.material-symbols-rounded):not([class*="material-symbols-rounded"]){font-family:inherit}
.crdts-dash .material-symbols-outlined,.crdts-dash [class*="material-symbols"]{
  font-family:'Material Symbols Outlined'!important;font-weight:400;font-style:normal;
  line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;
  white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';
  -webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}

.ab-root{display:flex;flex-direction:column;height:calc(100vh - 80px)}
.ab-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;
  border-bottom:1px solid var(--line);background:#fff}
.ab-name{max-width:260px;border:1px solid #e5e5db;border-radius:8px;padding:8px 12px;
  font-size:13.5px;font-weight:600;color:#171714;background:#fff}
.ab-name:focus{outline:0;border-color:#e0c266}
.ab-bar .primary-button svg,.ab-bar .secondary-button svg,.ab-bar .text-button svg{width:14px;height:14px}

.ab-canvas{flex:1;position:relative}

.ab-tb{position:absolute;top:14px;inset-inline-start:14px;z-index:10;display:flex;
  gap:7px;flex-wrap:wrap}
.ab-tb-btn{box-shadow:0 1px 3px rgba(0,0,0,.06)}
.ab-tb-btn svg{width:13px;height:13px}
.ab-tb-btn.trig svg:first-child{color:#2c5d9e}
.ab-tb-btn.act svg:first-child{color:#3f6b50}
.ab-tb-btn.cond svg:first-child{color:#b47915}
.ab-tb-btn.dly svg:first-child{color:#8a6d0b}

.ab-minimap{border:1px solid var(--line)!important;border-radius:10px!important;overflow:hidden}

.crdts-dash .react-flow__controls-button{background:#fff;border:1px solid var(--line);
  border-radius:8px;width:26px;height:26px;color:#8c8c81}
.crdts-dash .react-flow__controls-button:hover{background:#fff9e4;color:var(--orange)}
.crdts-dash .react-flow__controls-button svg{fill:currentColor;max-width:11px;max-height:11px}
.crdts-dash .react-flow__attribution{background:transparent;font-size:9px;color:#b4b4a7}

.ab-node{min-width:200px;padding:12px 14px;border-radius:13px;background:#fff;
  border:2px solid var(--line);box-shadow:0 1px 4px rgba(0,0,0,.06);transition:box-shadow .15s}
.ab-node.on{box-shadow:0 0 0 3px rgba(247,92,10,.18),0 2px 8px rgba(0,0,0,.08)}
.ab-node.trig{border-color:#cfe0f2}
.ab-node.act{border-color:#cfe4d6}
.ab-node.cond{border-color:#f2e0bd}
.ab-node.dly{min-width:180px;border-color:#e6ddf2}

.ab-node-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.ab-node-ico{width:28px;height:28px;flex:0 0 28px;border-radius:8px;display:grid;place-items:center}
.ab-node-ico svg{width:14px;height:14px}
.ab-node.trig .ab-node-ico{background:#eef2f8;color:#2c5d9e}
.ab-node.act .ab-node-ico{background:#eaf3ec;color:#3f6b50}
.ab-node.cond .ab-node-ico{background:#fdf3dd;color:#b47915}
.ab-node.dly .ab-node-ico{background:#f3eefb;color:#6d4fa8}
.ab-node-kind{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.ab-node.trig .ab-node-kind{color:#2c5d9e}
.ab-node.act .ab-node-kind{color:#3f6b50}
.ab-node.cond .ab-node-kind{color:#b47915}
.ab-node.dly .ab-node-kind{color:#6d4fa8}

.ab-node-row{display:flex;align-items:center;gap:8px}
.ab-node-emoji{font-size:16px}
.ab-node-label{font-size:13px;font-weight:600;color:#171714;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ab-node-sub{margin-top:5px;font-size:10px;color:#a1a194;max-width:180px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ab-handle{width:11px!important;height:11px!important;border:2px solid #fff!important}
.ab-handle.trig{background:#2c5d9e!important}
.ab-handle.act{background:#3f6b50!important}
.ab-handle.cond{background:#b47915!important}
.ab-handle.dly{background:#6d4fa8!important}
.ab-handle.yes{background:#3f6b50!important}
.ab-handle.no{background:#c94742!important}
.ab-handle.inline{position:relative!important;inset-inline-start:0!important;transform:none!important}

.ab-cond-outs{display:flex;justify-content:space-between;margin-top:9px}
.ab-cond-out{display:flex;flex-direction:column;align-items:center;gap:3px}
.ab-cond-out span{font-size:9px;font-weight:600}
.ab-cond-out .yes{color:#3f6b50}
.ab-cond-out .no{color:#c94742}

.ac-root{display:flex;height:calc(100vh - 56px)}
.ac-main{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}

.ac-head{display:flex;align-items:center;gap:11px;padding:12px 18px;
  border-bottom:1px solid var(--line);background:#fff}
.ac-head .text-button svg{width:15px;height:15px}
.ac-head-ico{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;
  background:#fff6c6;color:var(--orange)}
.ac-head-ico svg{width:16px;height:16px}
.ac-head-body{min-width:0;display:flex;flex-direction:column}
.ac-head-body b{font-size:14px;font-weight:700;color:#171714}
.ac-head-body small{font-size:11px;color:#a1a194}

.ac-thread{flex:1;overflow-y:auto;padding:20px 18px;display:grid;gap:14px;align-content:start}
.ac-msg{display:flex;gap:9px;align-items:flex-start;max-width:78%}
.ac-msg.me{margin-inline-start:auto;flex-direction:row-reverse}
.ac-ava{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;
  background:#fff6c6;color:var(--orange)}
.ac-ava.me{background:#f4f2e8;color:#8c8c81}
.ac-ava svg{width:14px;height:14px}
.ac-bubble{padding:11px 14px;border-radius:13px;font-size:13px;line-height:1.8;
  color:#38382d;background:#fafaf6;border:1px solid var(--line);white-space:pre-wrap}
.ac-msg.me .ac-bubble{background:#fff9e4;border-color:#f0dfae}
.ac-bubble.ac-typing{padding:13px 15px}
.ac-bubble.ac-typing svg{width:15px;height:15px;color:#c9c9bd;animation:spin 1s linear infinite}

.ac-flow{display:grid;gap:8px;padding:13px 14px;border:1px solid var(--line);
  border-radius:12px;background:#fafaf6}
.ac-label{font-size:10.5px;font-weight:700;color:#a1a194;text-transform:uppercase;letter-spacing:.04em}
.ac-nodes{display:grid;gap:6px}
.ac-node{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;
  background:#fff;border:1px solid var(--line)}
.ac-node-ico{width:26px;height:26px;flex:0 0 26px;border-radius:8px;display:grid;place-items:center;
  background:#fff6c6;color:var(--orange)}
.ac-node-ico svg{width:13px;height:13px}
.ac-node b{flex:1;font-size:12.5px;font-weight:600;color:#171714;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ac-done{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:11px;
  background:#eaf3ec;border:1px solid #cfe4d6;color:#3f6b50;font-size:12.5px}
.ac-done svg{width:16px;height:16px;flex:0 0 16px}

.ac-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 12px}
.ac-chip{display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-size:11px;
  padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#5c5c52}
.ac-chip:hover{background:#fff9e4;border-color:#f0dfae;color:var(--orange)}
.ac-chip svg{width:11px;height:11px;color:var(--orange)}

.ac-composer{display:flex;align-items:flex-end;gap:9px;padding:13px 18px;
  border-top:1px solid var(--line);background:#fff}
.ac-input{flex:1;border:1px solid #e5e5db;border-radius:11px;padding:10px 13px;
  font-size:13px;line-height:1.7;resize:none;color:#171714}
.ac-input:focus{outline:0;border-color:#e0c266}
.ac-composer .primary-button svg{width:14px;height:14px}

.ac-side{width:290px;flex:0 0 290px;border-inline-start:1px solid var(--line);
  background:#fafaf6;display:flex;flex-direction:column}
.ac-side-head{display:flex;align-items:center;gap:9px;padding:13px 16px;
  border-bottom:1px solid var(--line)}
.ac-side-head svg{width:15px;height:15px;color:var(--orange)}
.ac-side-head b{font-size:13px;font-weight:700;color:#171714}
.ac-side-body{flex:1;overflow-y:auto;padding:14px 16px;display:grid;gap:8px;align-content:start}
.ac-none{font-size:12px;color:#a1a194;line-height:1.7;padding:18px 4px;text-align:center}
.ac-step{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;
  background:#fff;border:1px solid var(--line)}
.ac-step-num{width:20px;height:20px;flex:0 0 20px;border-radius:50%;display:grid;place-items:center;
  background:var(--orange);color:#fff;font-size:10px;font-weight:700}
.ac-step-ico{display:grid;place-items:center;color:#8c8c81}
.ac-step-ico svg{width:14px;height:14px}
.ac-step b{flex:1;font-size:12px;font-weight:600;color:#38382d;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;
  font-size:11.5px;font-weight:600;color:var(--orange);text-decoration:none;
  padding:9px;border:1px solid #f0dfae;border-radius:10px;background:#fff9e4}
.ac-link:hover{background:#fff6c6}
.ac-link svg{width:13px;height:13px}

@media(max-width:980px){
  .ac-side{display:none}
  .ac-msg{max-width:92%}
}

/* ============ node config drawer (automation board) ============ */

.crdts-dash .ncp{position:absolute;inset-block:0;inset-inline-end:0;z-index:20;width:320px;
  background:#fff;border-inline-start:1px solid var(--line);box-shadow:14px 0 42px #1717141a;
  overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dcdcd0 transparent}
.crdts-dash.ltr .ncp{box-shadow:-14px 0 42px #1717141a}
.crdts-dash .ncp::-webkit-scrollbar{width:9px}
.crdts-dash .ncp::-webkit-scrollbar-thumb{background:#dcdcd0;border-radius:9px;border:2px solid #fff}
.crdts-dash .ncp::-webkit-scrollbar-track{background:transparent}

.crdts-dash .ncp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 15px;border-bottom:1px solid var(--line);background:#fff}
.crdts-dash .ncp-title{margin:0;font-size:14px;font-weight:700;color:#171714;line-height:1.7}
.crdts-dash .ncp-body{display:grid;gap:16px;padding:16px}

.crdts-dash .ncp-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.crdts-dash .ncp-legend{font-size:12.5px;font-weight:600;color:#38382d;line-height:1.6}

.crdts-dash .ncp-area{min-height:0;padding:10px 12px;font-size:12.5px;line-height:1.8}
.crdts-dash .ncp-box{display:grid;gap:11px;border:1px solid #efefe7;border-radius:11px;
  background:#fcfcfa;padding:13px}
.crdts-dash .ncp-box>.pf-pills{margin-top:9px}

.crdts-dash .ncp-note{display:flex;align-items:flex-start;gap:9px;border:1px solid #f6edb9;
  border-radius:10px;background:#fff9e4;padding:11px 12px}
.crdts-dash .ncp-note svg{width:15px;height:15px;color:#c9a227;flex-shrink:0;margin-top:2px}
.crdts-dash .ncp-note>span{font-size:11px;line-height:1.85;color:#8a6d00}

.crdts-dash .ncp-ai{display:flex;align-items:center;gap:8px;border:1px solid #f6edb9;
  border-radius:10px;background:#fffcf0;padding:9px}
.crdts-dash .ncp-ai>input{flex:1;min-width:0}
.crdts-dash .ncp-ai>button{align-self:stretch;flex-shrink:0;padding-inline:14px}

.crdts-dash .ncp-token{border:1px solid #e5e5db;border-radius:7px;background:#fff;color:#8c8c81;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;padding:5px 8px;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s}
.crdts-dash .ncp-token:hover{background:#fff9e4;border-color:#f0dfae;color:var(--orange)}

.crdts-dash .ncp-toggle{border:1px solid #e5e5db;border-radius:20px;background:#fff;color:#8c8c81;
  font-size:10.5px;font-weight:600;padding:5px 12px;cursor:pointer;white-space:nowrap;
  transition:background .15s,border-color .15s,color .15s}
.crdts-dash .ncp-toggle:hover{border-color:#e0c266;color:#8a6d00}
.crdts-dash .ncp-toggle.on{background:#171714;border-color:#171714;color:#fff}

.crdts-dash .ncp-sum{display:grid;gap:6px;margin-top:9px;border:1px solid #efefe7;border-radius:10px;
  background:#fff;padding:11px 12px}
.crdts-dash .ncp-sum>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.crdts-dash .ncp-sum>div>span{font-size:11px;color:#a1a18f}
.crdts-dash .ncp-sum>div>b{font-size:11.5px;font-weight:600;color:#38382d;text-align:end}

.crdts-dash .ncp-acts{display:flex;gap:9px;border-top:1px solid var(--line);padding-top:15px}
.crdts-dash .ncp-acts>button{flex:1;justify-content:center;padding:11px 14px;font-size:12.5px}

.crdts-dash .ncp-mini{padding:7px 11px;font-size:11px;border-radius:6px;gap:5px}
.crdts-dash .ncp-mini svg{width:13px;height:13px}
.crdts-dash .ncp-accent{color:#b47915}
.crdts-dash .ncp-accent:hover{color:var(--orange)}
.crdts-dash .ncp-accent svg{color:currentColor}

.crdts-dash .ncp-spin{color:inherit;animation:ncpSpin 1s linear infinite}
@keyframes ncpSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

@media(max-width:980px){
.crdts-dash .ncp{width:300px}
}

@media(max-width:680px){
.crdts-dash .ncp,.crdts-dash.ltr .ncp{width:100%;box-shadow:none}
.crdts-dash .ncp-head,.crdts-dash .ncp-body{padding-inline:14px}
}