:root{--bg:#f5f7fb;--surface:#fff;--surface-2:#eef2f7;--text:#121826;--muted:#5d6778;--line:#d9e0ea;--blue:#2563eb;--green:#168358;--amber:#b35c00;--red:#c03333;--violet:#7c3aed;--slate:#475569;--button:#172033;--sidebar:#111827;--control-radius:8px;--scale:1;--panel-padding:16px;--control-height:40px;--app-font:Inter, ui-sans-serif, system-ui;--app-font-style:normal;--shadow:0 10px 30px #12182614}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.shell{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--app-font);font-size:calc(16px * var(--scale));font-style:var(--app-font-style);grid-template-columns:248px minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--line);background:var(--sidebar);color:#f8fafc;height:100vh;padding:18px;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.brandMark{border-radius:var(--control-radius);color:#0f172a;background:#e0f2fe;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand strong,.brand span,.sideStatus strong,.sideStatus span{display:block}.brand span,.sideStatus span{color:#aab4c5;font-size:12px}.navList{gap:4px;display:grid}.navItem,.iconButton,.commandButton,.smallButton,.wideButton{border:0}.navItem{border-radius:var(--control-radius);color:#cbd5e1;text-align:left;background:0 0;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;display:flex}.navItem.active,.navItem:hover{color:#fff;background:#263244}.sideStatus{border-radius:var(--control-radius);border:1px solid #334155;align-items:center;gap:10px;padding:12px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.statusDot{background:#94a3b8;border-radius:999px;width:9px;height:9px}.statusDot.live{background:#22c55e;box-shadow:0 0 0 5px #22c55e24}.workspace{min-width:0;padding:22px}.appHeader,.appFooter,.bottomNav{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);box-shadow:var(--shadow)}.appHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.appLogoBlock,.liveClock,.appFooter,.bottomNav{align-items:center;gap:10px;display:flex}.appLogo{border-radius:var(--control-radius);background:var(--blue);color:#fff;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.appLogoBlock strong,.appLogoBlock span,.liveClock strong,.liveClock span{display:block}.appLogoBlock span,.liveClock span{color:var(--muted);font-size:12px}.liveClock{text-align:right;justify-content:flex-end}.builderDock{border:1px solid var(--line);border-radius:var(--control-radius);box-shadow:var(--shadow);background:#fff;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.builderDockActions{align-items:center;gap:10px;min-width:0;display:flex}.builderSelection{max-width:360px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.eyebrow,.panelKicker{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}h1,h2{letter-spacing:0;margin:0}h1{font-size:28px}h2{font-size:16px}.topActions{align-items:center;gap:10px;min-width:0;display:flex}.searchBox{width:min(340px,36vw);height:var(--control-height);border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);align-items:center;gap:8px;padding:0 11px;display:flex}.searchBox input{background:0 0;border:0;outline:0;width:100%;min-width:0}.iconButton,.commandButton,.smallButton,.wideButton{min-height:40px;min-height:var(--control-height);border-radius:var(--control-radius);background:var(--button);color:#fff;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.iconButton{width:40px;padding:0}.commandButton.danger{background:var(--red)}.smallButton,.wideButton{min-height:calc(var(--control-height) - 6px);background:var(--surface-2);color:var(--text)}.smallButton.selected{color:#166534;background:#dcfce7}.wideButton{width:100%;margin-top:14px}.kpiGrid{grid-template-columns:repeat(6,minmax(132px,1fr));gap:12px;margin-bottom:12px;display:grid}.metric,.panel{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);box-shadow:var(--shadow)}.metric{min-height:104px;padding:var(--panel-padding);border-top:4px solid var(--slate)}.metric span,.metric small,.moneyStack span,.splitStats span,.scheduleRow span,.queueRow span,.auditList span,.controllerStack span{color:var(--muted);font-size:13px}.metric strong{margin:10px 0 3px;font-size:26px;display:block}.tone-blue{border-top-color:var(--blue)}.tone-green{border-top-color:var(--green)}.tone-amber{border-top-color:var(--amber)}.tone-red{border-top-color:var(--red)}.tone-violet{border-top-color:var(--violet)}.layoutGrid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;display:grid}.panel{min-width:0;padding:var(--panel-padding)}.span4{grid-column:span 4}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span8{grid-column:span 8}.span12{grid-column:span 12}.builderTag{border-radius:calc(var(--control-radius) - 2px);color:#111827;-webkit-user-select:none;user-select:none;background:#fef3c7;border:1px solid #0f172a;justify-content:center;align-items:center;width:fit-content;min-width:46px;min-height:22px;padding:0 6px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.builderTag.active{color:#fff;background:#172033}.numberedControl,.metric,.panel,.chatTile,.searchBox,.ruleRow{position:relative}.numberedControl .builderTag{position:absolute;top:-8px;left:-8px}.metric>.builderTag,.panel>.builderTag,.chatTile>.builderTag{margin-bottom:4px}.searchBox .builderTag,.ruleRow>.builderTag{flex:none}.builderPanel{background:#f8fafc;border-color:#a7b7cc}.builderInspector{grid-template-columns:1.5fr 1fr;gap:10px;margin-bottom:12px;display:grid}.builderInspector div{border:1px solid var(--line);border-radius:var(--control-radius);background:#fff;gap:4px;padding:10px;display:grid}.builderInspector span,.registryItem small{color:var(--muted);font-size:12px}.builderRegistry{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.builderControlGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.builderControlGroup,.colorControl,.selectControl,.textControl,.rangeControl,.switchRow,.switchPreview{border:1px solid var(--line);border-radius:var(--control-radius);background:#fff}.builderControlGroup{gap:8px;padding:10px;display:grid}.controlGroupTitle,.colorControl,.selectControl,.rangeControl,.switchRow,.switchPreview{justify-content:space-between;align-items:center;gap:10px;display:flex}.colorControl,.selectControl,.textControl,.rangeControl,.switchRow,.switchPreview{min-height:var(--control-height);padding:8px}.colorControl span,.selectControl span,.textControl span,.rangeControl span,.switchRow span{color:var(--muted);text-transform:capitalize;font-size:12px;font-weight:700}.colorControl input{background:0 0;border:0;width:44px;height:30px;padding:0}.selectControl select{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);width:min(180px,52%);min-height:32px;color:var(--text);padding:0 8px}.textControl{gap:6px;display:grid}.textControl input,.textControl textarea{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);width:100%;color:var(--text);padding:8px}.textControl textarea{resize:vertical;min-height:78px}.textControl.wide{grid-column:1/-1}.rangeControl{gap:8px;display:grid}.rangeControl input{width:100%;accent-color:var(--blue)}.formatButtons{grid-template-columns:repeat(4,42px);gap:8px;display:grid}.formatButton{border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);min-height:36px;color:var(--text);font-weight:900}.formatButton.italic{font-style:italic}.formatButton.active{background:var(--button);color:#fff}.switchRow input{width:18px;height:18px;accent-color:var(--blue)}.toggleSwitch{width:46px;height:26px;display:inline-flex;position:relative}.toggleSwitch input{opacity:0;position:absolute}.toggleSwitch span{background:#cbd5e1;border-radius:999px;width:100%}.toggleSwitch span:after{content:"";background:#fff;border-radius:999px;width:20px;height:20px;margin:3px;transition:transform .16s;display:block;box-shadow:0 1px 4px #0f172a40}.toggleSwitch input:checked+span{background:var(--blue)}.toggleSwitch input:checked+span:after{transform:translate(20px)}.inlineBuilder{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:10px;margin-bottom:12px;display:grid}.inlineBuilderControls{border:1px solid var(--line);border-radius:var(--control-radius);background:#fff;gap:8px;padding:10px;display:grid}.chatPreview{border:1px solid var(--line);border-radius:var(--control-radius);background:#eef2f7;gap:10px;padding:12px;display:grid}.chatBubble{border-radius:12px;gap:6px;max-width:92%;padding:12px 14px;line-height:1.4;display:grid}.chatBubble.welcome{color:var(--text);background:#fff;justify-self:start}.chatBubble.response{color:#14532d;background:#dcfce7;justify-self:end}.chatBubble.response-image:before,.chatBubble.response-video:before,.chatBubble.response-media-text:before{border-radius:var(--control-radius);content:"media preview";text-align:center;background:#ffffff8c;border:1px dashed #7c8aa1;min-height:96px;padding:34px 10px;display:block}.responseType{text-transform:uppercase;background:#14532d1f;border-radius:999px;width:fit-content;padding:3px 7px;font-size:11px;font-weight:900}.inlineKeyboardPreview{gap:8px;display:grid}.inlinePreviewButton{border-radius:var(--control-radius);color:#1d4ed8;background:#fff;border:1px solid #7aa7d9;min-height:36px;font-weight:800}.inlinePreviewButton.active{background:#dbeafe;border-color:#2563eb}.hierarchyTrace{color:var(--muted);gap:4px;font-size:12px;display:grid}.registryItem{border:1px solid var(--line);border-radius:var(--control-radius);min-height:102px;color:var(--text);text-align:left;background:#fff;gap:4px;padding:10px;display:grid}.registryItem span{color:#92400e;font-size:12px;font-weight:900}.registryItem.active{background:#eef2f7;border-color:#172033}.panelHeader,.queueRow,.tableHead,.tableRow,.alertRow,.scheduleRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.panelHeader{margin-bottom:14px}.queueList,.alertList,.scheduleList,.ruleList,.storageList,.auditList,.moneyStack,.controllerStack{gap:10px;display:grid}.queueRow,.alertRow,.scheduleRow,.ruleRow,.storageRow{border:1px solid var(--line);border-radius:var(--control-radius);background:#fbfcfe;padding:11px}.queueRow>div:first-child,.alertRow>div,.scheduleRow>div:first-child{gap:3px;min-width:0;display:grid}.queueMeta{text-align:right;justify-items:end;gap:3px;display:grid}.pill,.risk{color:#274060;background:#e6eef8;border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.pill.warn,.risk-high{color:#991b1b;background:#fee2e2}.risk-medium{color:#92400e;background:#fef3c7}.risk-low{color:#166534;background:#dcfce7}.barChart{border-bottom:1px solid var(--line);grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;height:170px;padding-top:10px;display:grid}.barSlot{text-align:center;grid-template-rows:1fr auto;align-items:end;gap:7px;height:100%;display:grid}.bar{border-radius:var(--control-radius) var(--control-radius) 0 0;background:linear-gradient(#2563eb,#16a34a);width:100%;min-height:12px}.splitStats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.splitStats div,.moneyStack div{border:1px solid var(--line);border-radius:var(--control-radius);gap:3px;padding:10px;display:grid}.table{border:1px solid var(--line);border-radius:var(--control-radius);display:grid;overflow:hidden}.tableHead,.tableRow{grid-template-columns:1.1fr 1.4fr 1fr 1fr 1fr;min-height:42px;padding:0 12px;display:grid}.tableHead{color:var(--muted);text-transform:uppercase;background:#eef2f7;font-size:12px;font-weight:800}.tableRow+.tableRow{border-top:1px solid var(--line)}.alertRow{grid-template-columns:auto minmax(0,1fr) auto}.alertRow svg{color:var(--red)}.scheduleRow{grid-template-columns:minmax(0,1fr) auto auto;display:grid}.tileGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.chatTile{border:1px solid var(--line);border-radius:var(--control-radius);min-height:136px;color:var(--text);text-align:left;background:#fbfcfe;gap:7px;padding:12px;display:grid}.chatTile span,.chatTile small,.ruleRow span,.storageRow span{color:var(--muted);font-size:12px}.chatTile strong{font-size:18px}.ruleRow,.storageRow{justify-content:space-between;align-items:center;gap:12px;display:flex}.ruleRow div,.storageRow div{gap:3px;min-width:0;display:grid}.controllerStack span{align-items:center;gap:8px;min-height:34px;display:flex}.healthBox{border-radius:var(--control-radius);color:#dbeafe;background:#0f172a;max-height:248px;padding:12px;overflow:auto}.healthBox pre{white-space:pre-wrap;word-break:break-word;margin:0;font-size:11px}.auditList{max-height:236px;overflow:auto}.auditList span{border-bottom:1px solid var(--line);padding-bottom:8px}.actionState{color:#374151;text-transform:uppercase;background:#e5e7eb;border-radius:999px;margin-top:12px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.bottomNav{z-index:5;justify-content:center;margin-top:14px;padding:8px;position:sticky;bottom:12px}.bottomNavItem{min-height:calc(var(--control-height) - 4px);border-radius:var(--control-radius);color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.bottomNavItem.active{background:var(--button);color:#fff}.appFooter{color:var(--muted);justify-content:space-between;margin-top:12px;padding:10px 12px;font-size:12px}.actionState.running{color:#1d4ed8;background:#dbeafe}.actionState.ok{color:#166534;background:#dcfce7}.actionState.error{color:#991b1b;background:#fee2e2}@media (max-width:1180px){.shell{grid-template-columns:84px minmax(0,1fr)}.brand div:not(.brandMark),.navItem span,.sideStatus div{display:none}.navItem{justify-content:center}.kpiGrid{grid-template-columns:repeat(3,1fr)}.tileGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.span4,.span5,.span6,.span7,.span8{grid-column:span 12}.builderRegistry{grid-template-columns:repeat(2,minmax(0,1fr))}.builderControlGrid,.inlineBuilder{grid-template-columns:1fr}}@media (max-width:760px){.shell{display:block}.sidebar{gap:12px;width:100%;height:auto;padding:12px;display:flex;position:static;overflow-x:auto}.brand,.sideStatus{display:none}.navList{gap:6px;display:flex}.navItem{width:44px;min-width:44px}.workspace{padding:14px}.appHeader,.topbar,.topActions,.builderDock,.builderDockActions,.appFooter{flex-direction:column;align-items:stretch}.tileGrid,.kpiGrid{grid-template-columns:1fr}.searchBox{width:100%}.kpiGrid{grid-template-columns:repeat(2,1fr)}.table{overflow-x:auto}.tableHead,.tableRow{min-width:620px}.builderInspector,.builderRegistry,.builderControlGrid,.inlineBuilder{grid-template-columns:1fr}.bottomNav{justify-content:flex-start;overflow-x:auto}.bottomNavItem{min-width:112px}}