:root{--bg:#f7f7f8;--panel:#fff;--border:#e2e2e5;--text:#1a1a1d;--text-muted:#6b6b73;--accent:#2563eb;--accent-hover:#1d4ed8;--ok-bg:#ecfdf5;--ok-border:#047857;--ok-text:#064e3b;--err-bg:#fef2f2;--err-border:#b91c1c;--err-text:#7f1d1d;--code-bg:#f1f1f4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}code{background:var(--code-bg);border-radius:3px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:6px;padding:.5em 1em}button:hover:not(:disabled){background:#f1f1f4}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.muted{color:var(--text-muted)}.error-text{color:var(--err-text)}.bot-list,.bot-editor{flex-direction:column;height:100%;display:flex}.list-header,.editor-header{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1.5em;padding:1.25em 1.5em;display:flex}.list-title h1,.editor-title h1{margin:0 0 .25em;font-size:1.1em;font-weight:600}.list-subtitle,.editor-subtitle{color:var(--text-muted);max-width:760px;margin:0;font-size:.92em}.list-meta,.editor-meta{flex-direction:column;align-items:flex-end;gap:.5em;display:flex}.editor-user{color:var(--text-muted);font-size:.85em}.editor-actions{gap:.5em;display:flex}.banner{border-bottom:1px solid var(--border);padding:.75em 1.5em;font-size:.92em}.banner-ok{background:var(--ok-bg);border-left:4px solid var(--ok-border);color:var(--ok-text)}.banner-error{background:var(--err-bg);border-left:4px solid var(--err-border);color:var(--err-text)}.editor-loading{color:var(--text-muted);padding:2em 1.5em}.list-body{flex:1;padding:1.5em;overflow:auto}.bot-table{border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:8px;width:100%;overflow:hidden}.bot-table th,.bot-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.7em 1em}.bot-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:#fafafb;font-size:.85em;font-weight:600}.bot-table tbody tr:last-child td{border-bottom:none}.bot-name{font-weight:600}.bot-id{color:var(--text-muted);margin-top:2px;font-size:.85em}.badge-pill{color:#335;background:#eef;border-radius:99px;margin-left:.5em;padding:1px 6px;font-size:.8em;display:inline-block}.row-action{white-space:nowrap;font-weight:500}.editor-body{flex:1;min-height:0;display:flex}.editor-textarea{resize:none;background:var(--panel);min-height:0;color:var(--text);white-space:pre-wrap;tab-size:2;border:none;outline:none;flex:1;padding:1em 1.5em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.6}.config-sidebar{border-left:1px solid var(--border);background:#fafafb;width:340px;padding:1em 1.25em;overflow-y:auto}.config-sidebar h3{text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;margin:0 0 .75em;font-size:.85em}.config-sidebar label{margin-bottom:1em;display:block}.config-sidebar label>span{margin-bottom:.25em;font-size:.9em;font-weight:600;display:block}.config-sidebar input[type=text],.config-sidebar textarea{border:1px solid var(--border);width:100%;font:inherit;border-radius:4px;padding:.4em .6em}.config-sidebar small{margin-top:.25em;font-size:.82em;display:block}.workflow-list{flex-direction:column;gap:.4em;display:flex}.workflow-row{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:6px;grid-template-columns:auto auto 1fr;align-items:baseline;gap:.5em;padding:.4em .6em;font-size:.88em;display:grid}.workflow-row code{font-weight:600}.recipe-list{flex-direction:column;gap:.6em;display:flex}.recipe-row{border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:.4em;padding:.5em .6em;display:flex}.recipe-head{justify-content:space-between;align-items:center;gap:.5em;display:flex}.recipe-head code{font-weight:600}.recipe-add{gap:.5em;margin-top:.5em;display:flex}.recipe-add input{flex:1}.link-button{color:var(--accent,#4a7);cursor:pointer;background:0 0;border:none;padding:0;font-size:.82em;text-decoration:underline}.workflow-row small{margin:0;font-size:.82em}.workflow-tag{background:var(--panel);border:1px solid var(--border);border-radius:4px;margin-right:.35em;padding:.1em .4em;font-size:.82em;display:inline-block}.tool-derived{background:var(--panel);border:1px dashed var(--border);border-radius:6px;margin-top:.75em;padding:.6em .75em}.config-section-label{margin-bottom:.4em;font-size:.88em;font-weight:600;display:block}.tool-section{margin-top:.5em}.tool-section:first-of-type{margin-top:0}.tool-section-label{text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin-bottom:.25em;font-size:.78em}.tool-list{flex-wrap:wrap;gap:.25em .75em;margin:0;padding-left:1.2em;font-size:.85em;list-style:outside;display:flex}.tool-list li{margin:0}.modal-backdrop{z-index:999;background:#14141973;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border-radius:10px;width:640px;max-width:calc(100% - 32px);max-height:calc(100% - 32px);padding:1.25em 1.5em;overflow-y:auto;box-shadow:0 14px 40px #0000002e}.modal h2{margin:0 0 .75em;font-size:1.05em}.modal label{margin-bottom:.85em;display:block}.modal label>span{margin-bottom:.25em;font-weight:600;display:block}.modal input[type=text],.modal textarea{border:1px solid var(--border);width:100%;font:inherit;border-radius:4px;padding:.4em .6em}.modal textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:.5em;margin-top:1em;display:flex}.editor-tabs{border-bottom:1px solid var(--border);gap:.25em;margin-bottom:1em;display:flex}.editor-tabs .tab{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5em .9em}.editor-tabs .tab.active{border-bottom-color:#2a78d6;font-weight:600}.window-toggle{gap:.35em;display:flex}.chart-filters{flex-wrap:wrap;align-items:center;gap:1em;margin-bottom:1em;display:flex}.chart-window-hint{font-size:12.5px}.chart-recipe-filter{align-items:center;gap:.5em;margin-left:auto;display:flex}.chart-recipe-filter select{font:inherit;border:1px solid var(--border);background:#fff;border-radius:4px;padding:.25em .4em}.chart-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1em;display:grid}.chart-card{border:1px solid var(--border);background:#fcfcfb;border-radius:6px;padding:.75em .9em .5em}.chart-title{margin-bottom:.4em;font-size:13px;font-weight:600}.chart-plot-wrap{position:relative}.chart-svg{width:100%;height:auto;display:block}.chart-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:5;background:#0b0b0b;border-radius:4px;gap:.6em;padding:3px 8px;font-size:11.5px;display:flex;position:absolute;top:-4px;transform:translate(-50%)}.chart-tooltip-value{font-variant-numeric:tabular-nums;font-weight:600}.bot-table th.num,.bot-table td.num{text-align:right;font-variant-numeric:tabular-nums}.analytics-tab{flex:1;min-height:0;padding:1.25em 1.5em;overflow-y:auto}.chart-popover{z-index:10;background:var(--panel);border:1px solid var(--border);border-radius:6px;width:230px;max-width:90%;padding:.5em .6em;position:absolute;top:4px;transform:translate(-50%);box-shadow:0 6px 20px #00000029}.chart-popover-left{transform:translate(-88%)}.drill-box-head{justify-content:space-between;align-items:baseline;gap:.5em;margin-bottom:.35em;display:flex}.drill-box-title{font-size:11.5px;font-weight:600}.drill-box-close{font-size:12px;line-height:1}.recipe-summary{border-bottom:1px solid var(--border);margin-bottom:1.5em;padding-bottom:1.25em}.recipe-summary-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1em;margin-bottom:.75em;display:flex}.recipe-summary-head h4{margin:0;font-size:14px}.recipe-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85em;display:grid}.recipe-card{border:1px solid var(--border);background:var(--panel);border-radius:6px;padding:.75em .9em}.recipe-card-title{align-items:center;gap:.5em;margin-bottom:.6em;display:flex}.recipe-card-name{word-break:break-word;font-size:13.5px;font-weight:600}.recipe-stats{flex-wrap:wrap;gap:.75em 1.25em;margin-bottom:.5em;display:flex}.recipe-stat{flex-direction:column;line-height:1.15;display:flex}.recipe-stat-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.recipe-stat-warn .recipe-stat-value{color:var(--err-border)}.recipe-stat-label{color:var(--text-muted);font-size:11.5px}.recipe-stat-sub{color:var(--text-muted)}.recipe-drill-toggle{font-size:12.5px}.recipe-drill{border-top:1px dashed var(--border);margin-top:.6em;padding-top:.6em}.recipe-ticket-list{max-height:260px;margin:0;padding:0;list-style:none;overflow-y:auto}.recipe-ticket-list li{align-items:center;gap:.5em;padding:.2em 0;font-size:13px;display:flex}.recipe-ticket-date{font-variant-numeric:tabular-nums;margin-left:auto;font-size:11.5px}.pill{text-transform:uppercase;letter-spacing:.02em;border:1px solid #0000;border-radius:999px;padding:.1em .5em;font-size:10.5px;font-weight:600}.pill-ok{background:var(--ok-bg);border-color:var(--ok-border);color:var(--ok-text)}.pill-warn{background:var(--err-bg);border-color:var(--err-border);color:var(--err-text)}.pill-muted{border-color:var(--border);color:var(--text-muted);background:#f1f1f4}.recipe-summary-hint{margin:.75em 0 0;font-size:12px}
