:root{color-scheme:light;--bg:#f5f8fc;--surface:#ffffff;--surface-soft:#f1f6fb;--line:#dbe5ef;--text:#1e293b;--muted:#64748b;--accent:#2563eb;--accent-soft:#eaf2ff;--good:#16845d;--good-soft:#e5f7ef;--warn:#a16207;--warn-soft:#fff7df;--bad:#c2414f;--shadow:0 8px 28px rgba(32,70,110,.07)}
:root[data-theme="dark"]{color-scheme:dark;--bg:#101820;--surface:#17212b;--surface-soft:#1c2a35;--line:#304250;--text:#edf4f8;--muted:#a0b1bf;--accent:#73a7ff;--accent-soft:#203a58;--good:#70d9a0;--good-soft:#1d3b31;--warn:#f0c77e;--warn-soft:#3b3321;--bad:#ff8792;--shadow:0 8px 28px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;transition:background .2s,color .2s}body:before{content:"";position:fixed;inset:0 0 auto 250px;height:3px;background:linear-gradient(90deg,var(--accent),#9a92ff,#a7c5f8);z-index:30}
.side-nav{position:fixed;z-index:20;left:0;top:0;bottom:0;width:250px;background:var(--surface);border-right:1px solid var(--line);padding:27px 16px;display:flex;flex-direction:column;gap:7px}.brand{display:flex;align-items:center;gap:12px;padding:2px 12px 34px;color:var(--text);text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:14px;background:linear-gradient(140deg,var(--accent),#938cff);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800;box-shadow:0 5px 12px #6b62df25}.brand strong,.brand small,.sidebar-bottom strong,.sidebar-bottom small{display:block}.brand strong{font-size:13px;letter-spacing:.12em}.brand small{font-size:9px;color:var(--muted);letter-spacing:.13em;margin-top:3px}.nav-label{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--muted);opacity:.75;padding:0 13px 8px;margin-top:3px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;text-decoration:none;color:var(--muted);font-weight:600;transition:background .15s,color .15s}.nav-item span{width:18px;text-align:center;font-size:17px}.nav-item:hover,.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item.active{box-shadow:inset 3px 0 var(--accent)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 2px;display:flex;align-items:center;gap:10px;font-size:12px}.sidebar-bottom small{color:var(--muted);font-size:11px}.sidebar-dot,.live-pill span{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px var(--good-soft)}
header{margin-left:250px;padding:32px 38px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center}h1{font-size:29px;letter-spacing:-.045em;margin:2px 0;font-weight:760}h2{font-size:20px;margin:0 0 6px;letter-spacing:-.03em}h3{font-size:16px;margin:0 0 7px;letter-spacing:-.02em}p{margin:4px 0 14px;color:var(--muted)}.sub{margin:0;font-size:13px}.eyebrow,.preview-label{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--accent)}.header-right,.inline,.section-head{display:flex;align-items:center;gap:9px}.header-right{flex-shrink:0}.section-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px}.section-head>div:first-child{min-width:0}.section-head p{margin-bottom:0}.inline{width:100%}.inline input{flex:1;min-width:0}.wrap{flex-wrap:wrap;justify-content:flex-end}main{max-width:1600px;margin:0 0 0 250px;padding:0 38px 60px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;margin:0 0 18px;box-shadow:var(--shadow)}.login{max-width:520px;margin:30px auto 60px}.hidden{display:none!important}.ai-only{display:none!important}
label{display:block;color:var(--muted);font-size:11px;font-weight:750;margin:0 0 6px}input,select,textarea{background:var(--surface-soft);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;width:100%;min-height:42px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}button{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:10px 14px;font:700 12px system-ui;white-space:nowrap;cursor:pointer;min-height:40px;transition:filter .15s,transform .15s}button:hover{filter:brightness(1.05)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line))}.quiet{background:transparent;color:var(--muted);border:1px solid var(--line)}.badge{font-size:10px;font-weight:800;padding:7px 11px;border-radius:99px;background:var(--good-soft);color:var(--good)}.error{color:var(--bad);min-height:20px}.muted{color:var(--muted)}
.human-overview{margin:0 0 24px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:4px 0 22px}.welcome-row h2{font-size:24px;margin-top:5px}.welcome-row p{max-width:650px;margin:5px 0 0}.live-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:9px 13px;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.live-pill span{width:7px;height:7px;box-shadow:0 0 0 3px var(--good-soft)}.overview-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:15px}.overview-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0;display:flex;flex-direction:column;min-height:225px;box-shadow:var(--shadow)}.primary-card{background:linear-gradient(145deg,var(--surface),var(--accent-soft));border-color:color-mix(in srgb,var(--accent) 20%,var(--line))}.attention-card{background:linear-gradient(145deg,var(--surface),var(--warn-soft))}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.card-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:17px;font-weight:800}.card-icon.lilac{background:var(--accent-soft);color:var(--accent)}.card-icon.amber{background:var(--warn-soft);color:var(--warn)}.card-label{font-size:10px;letter-spacing:.1em;font-weight:800;color:var(--muted)}.state-pill{font-size:10px;font-weight:800;color:var(--good);background:var(--good-soft);padding:5px 9px;border-radius:999px}.overview-card h3{font-size:17px;overflow-wrap:anywhere}.overview-card p{font-size:12px;line-height:1.6;margin:0 0 16px}.card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:13px;margin-top:auto;font-size:10px;color:var(--muted)}.card-footer>span{min-width:0;overflow-wrap:anywhere}.card-footer a{color:var(--accent);text-decoration:none;font-weight:800;white-space:nowrap}.card-footer a:hover{text-decoration:underline}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.quick-action{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;text-decoration:none;color:var(--text);min-width:0;transition:border-color .15s,transform .15s}.quick-action:hover{border-color:var(--accent);transform:translateY(-1px)}.quick-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:16px}.quick-action>span:nth-child(2){min-width:0}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:11px}.quick-action small{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.45}.quick-arrow{margin-left:auto;color:var(--muted);font-size:16px}
#missionTracker .section-head h2,#taskQueue .section-head h2,#browserActivity>.section-head h2,#peerNotificationsPanel .section-head h2{font-size:18px}#missionTracker .mission-card,#peerNotificationsPanel .peer-notification,#taskQueue .task{background:var(--surface-soft);border:1px solid var(--line);border-radius:13px;padding:15px}#taskQueue .task{display:flex;flex-direction:column;gap:7px}#taskQueue .task strong{font-size:13px}#taskQueue .task small{font-size:11px;line-height:1.5;color:var(--muted)}#taskQueue .task-status{align-self:flex-start;border-radius:999px;padding:4px 8px;font-size:10px;background:var(--accent-soft);color:var(--accent)}#taskQueue .task-status.completed{background:var(--good-soft);color:var(--good)}#taskQueue .task-status.failed{background:var(--bad);color:#fff}#taskQueue .task-status.running{background:var(--warn-soft);color:var(--warn)}#taskQueue #taskFilter{max-width:220px;margin:0 0 12px}#taskQueue>label[for="taskFilter"]{margin-top:14px}#taskQueue .section-head .inline{width:auto;flex-wrap:wrap}
#browserActivity .embedded-browser-panel{border:1px solid var(--line);border-radius:15px;padding:17px;background:var(--surface-soft)}#browserActivity .embedded-browser-host{height:min(64vh,650px);min-height:300px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;position:relative;display:grid;place-items:center}#embeddedBrowserPlaceholder{color:var(--muted);padding:24px;text-align:center}#browserActivity .embedded-browser-panel>.section-head p{max-width:600px}#browserActivity .embedded-browser-panel>p.muted{font-size:11px;margin:12px 0 0}#browserActivity .browser-tab-toolbar,#browserActivity .navigate,#browserActivity .browser-controls,#browserActivity .browser-grid{display:none!important}
.peer-notification.unread{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.peer-notification.system{background:var(--accent-soft)}.peer-notification p{margin:0;overflow-wrap:anywhere;color:var(--text)}.divider{height:1px;background:var(--line);margin:20px 0}.workspace-output{min-height:60px;max-height:280px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--muted);font:12px/1.5 ui-monospace,monospace;margin-top:16px}.mission-list,.peer-notifications-list,.task-list{display:grid;gap:10px;margin-top:14px}.mission-meta,.peer-notification small{color:var(--muted);overflow-wrap:anywhere}.mission-actions,.schedule-actions{display:flex;gap:7px;flex-wrap:wrap}.mission-card-head,.peer-notification-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.mission-state{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:10px;background:var(--surface);color:var(--muted)}.toast{position:fixed}
#toast{position:fixed;bottom:20px;left:calc(50% + 125px);transform:translateX(-50%);padding:11px 16px;background:var(--text);color:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:none;max-width:90vw;z-index:40}#toast.show{display:block}textarea{line-height:1.55;min-height:130px;resize:vertical}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:1150px){.side-nav{width:210px}.nav-item{padding:10px}.brand{padding-left:7px}header{margin-left:210px;padding:28px 24px 20px}main{margin-left:210px;padding:0 24px 45px}.overview-grid{grid-template-columns:1fr 1fr}.primary-card{grid-column:1/-1}.quick-actions{grid-template-columns:1fr}.quick-action{padding:12px}}
@media(max-width:720px){body:before{left:0}.side-nav{position:sticky;top:0;width:auto;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:var(--surface);backdrop-filter:blur(16px)}.brand{grid-column:1/-1;padding:2px 6px 8px}.brand-mark{width:34px;height:34px}.nav-label,.sidebar-bottom{display:none}.nav-item{font-size:10px;justify-content:center;gap:5px;padding:8px 4px}.nav-item span{font-size:14px;width:auto}header{margin:0;padding:22px 16px 16px;align-items:flex-start;flex-direction:column;gap:14px}h1{font-size:25px}main{margin:0;padding:0 12px 32px}.header-right{width:100%;min-width:0;flex-wrap:wrap;justify-content:flex-start}.section-head{flex-direction:column}.welcome-row{flex-direction:column;gap:12px}.welcome-row h2{font-size:21px}.live-pill{align-self:flex-start}.overview-grid{grid-template-columns:1fr}.primary-card{grid-column:auto}.overview-card{min-height:190px;padding:17px}.quick-actions{grid-template-columns:1fr}.panel{padding:16px;border-radius:15px}.inline{flex-wrap:wrap}.inline input{width:100%}#browserActivity .embedded-browser-host{height:55vh;min-height:260px}.card-footer{font-size:10px}#taskQueue .section-head .inline{justify-content:flex-start}.login{margin:18px auto 30px}#toast{left:50%}}

#missionTracker .mission-actions,#missionTracker .mission-criteria,#missionTracker #missionOutput{display:none!important}#missionTracker .mission-meta.internal-meta{display:none!important}#missionTracker .mission-meta{font-size:11px;line-height:1.5}#missionTracker .mission-state{text-transform:capitalize}

.server-monitor{margin-top:22px;padding:19px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.server-monitor .section-head{margin-bottom:14px;gap:14px}
.server-monitor .section-head h2{font-size:18px;margin-top:3px}
.server-monitor .section-head p{font-size:11px;max-width:720px}
.server-monitor-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.server-monitor-actions button{font-size:10px;min-height:34px;padding:7px 10px}
#serverHealthBadge[data-level="healthy"]{background:var(--good-soft);color:var(--good)}
#serverHealthBadge[data-level="warning"]{background:var(--warn-soft);color:var(--warn)}
#serverHealthBadge[data-level="critical"]{background:var(--bad);color:#fff}
.server-alert{padding:11px 13px;margin:0 0 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft);font-size:11px;line-height:1.55;color:var(--text)}
.server-alert[data-level="warning"]{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 25%,var(--line))}
.server-alert[data-level="critical"]{background:var(--bad);border-color:var(--bad);color:#fff}
.server-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.server-metric{min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.server-metric-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:var(--muted);font-weight:750}
.server-metric-head strong{font-size:14px;color:var(--text);white-space:nowrap}
.server-meter{height:7px;border-radius:999px;background:var(--line);overflow:hidden;margin:12px 0 9px}
.server-meter span{display:block;height:100%;width:0;background:var(--good);border-radius:inherit;transition:width .25s ease,background .2s}
.server-meter span[data-level="warning"]{background:var(--warn)}
.server-meter span[data-level="critical"]{background:var(--bad)}
.server-metric small{display:block;min-height:30px;color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.server-footnotes{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:13px;color:var(--muted);font-size:10px}
.server-footnotes span{overflow-wrap:anywhere}
@media(max-width:1150px){.server-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.server-monitor{padding:14px}.server-monitor .section-head{flex-direction:column;align-items:stretch}.server-monitor-actions{justify-content:space-between}.server-metric-grid{grid-template-columns:1fr 1fr}.server-metric{padding:11px}.server-metric-head{align-items:flex-start;flex-direction:column;gap:4px}.server-metric small{min-height:42px}}
@media(max-width:390px){.server-metric-grid{grid-template-columns:1fr}}

/* MCP dashboard visual language: graphite surfaces, fine borders, warm amber accent. */
body:before{background:linear-gradient(90deg,#d5a75c,#f0c77e,#8e6c3e)}
.brand-mark{background:linear-gradient(140deg,#d5a75c,#8e6c3e);color:#111319;box-shadow:0 5px 12px #d5a75c20}
.nav-item:hover,.nav-item.active{background:var(--accent-soft);color:var(--accent)}
.nav-item.active{box-shadow:inset 3px 0 var(--accent)}
.card-icon,.card-icon.lilac,.quick-icon{background:#2c281f;color:var(--accent)}
.primary-card{background:linear-gradient(145deg,var(--surface),#211e19);border-color:#4a3c27}
.attention-card{background:linear-gradient(145deg,var(--surface),#252119)}
.live-pill{background:var(--surface-soft)}
.server-monitor{background:var(--surface);border-color:#303641}
.server-monitor .eyebrow{color:var(--accent)}
.server-monitor .section-head p{color:var(--muted)}
.server-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.server-metric{background:#13171e;border-color:#2a303b;padding:15px 12px 13px;display:flex;flex-direction:column;align-items:center;min-height:246px}
:root[data-theme="light"] .server-metric{background:var(--surface-soft)}
.server-metric-head{width:100%;text-transform:uppercase;letter-spacing:.09em;font-size:10px;min-height:24px}
.server-metric-head>span:first-child{color:var(--muted)}
.gauge-state{font-size:8px;letter-spacing:.1em;border-radius:4px;padding:3px 6px;background:#202b27;color:#70d9a0}
.gauge-state[data-level="warning"]{background:#342c1f;color:#f0c77e}
.gauge-state[data-level="critical"]{background:#3b2227;color:#ff8792}
.gauge-state[data-level="unknown"]{background:#242a33;color:#929bab}
.car-gauge{width:min(100%,200px);height:118px;position:relative;overflow:hidden;margin:8px auto 3px;flex:0 0 118px;--needle-color:#f1d6a4}
.gauge-track{position:absolute;top:0;left:50%;transform:translateX(-50%);width:180px;height:180px;border-radius:50%;background:conic-gradient(from 270deg,#70d9a0 0deg 117deg,#f0c77e 117deg 153deg,#e25e69 153deg 180deg,transparent 180deg 360deg);filter:drop-shadow(0 0 5px #d5a75c13)}
.gauge-inner{position:absolute;top:19px;left:50%;transform:translateX(-50%);width:142px;height:142px;border-radius:50%;background:#13171e}
:root[data-theme="light"] .gauge-inner{background:var(--surface-soft)}
.gauge-needle{position:absolute;z-index:3;left:calc(50% - 1.5px);bottom:27px;width:3px;height:61px;border-radius:5px 5px 1px 1px;background:linear-gradient(to top,#d5a75c,var(--needle-color));transform-origin:50% 100%;transform:rotate(-90deg);transition:transform .45s cubic-bezier(.2,.8,.2,1),background .2s;box-shadow:0 0 7px #d5a75c3b}
.gauge-needle[data-level="warning"]{background:linear-gradient(to top,#d5a75c,#f0c77e)}
.gauge-needle[data-level="critical"]{background:linear-gradient(to top,#d5a75c,#ff6572)}
.gauge-hub{position:absolute;z-index:4;left:calc(50% - 6px);bottom:21px;width:12px;height:12px;border-radius:50%;background:#d5a75c;border:3px solid #2c251b;box-shadow:0 0 0 1px #d5a75c66}
.gauge-tick-label{position:absolute;z-index:2;color:#737d8b;font:8px "DM Mono",ui-monospace,monospace}
.tick-min{left:10px;bottom:26px}.tick-mid{top:1px;left:calc(50% - 7px)}.tick-max{right:9px;bottom:26px}
.gauge-reading{position:absolute;z-index:5;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;pointer-events:none}
.gauge-reading strong{font:700 23px/1.15 "DM Mono",ui-monospace,monospace;letter-spacing:-.07em;color:var(--text);text-shadow:0 1px 8px #101319}
.gauge-reading small{font-size:8px;letter-spacing:.13em;font-weight:800;color:var(--muted);margin-top:3px}
#serverMonitor .gauge-reading .gauge-total{font-size:clamp(7px,3.1cqi,10px);letter-spacing:0;font-weight:700;line-height:1.2;white-space:nowrap;display:block;min-height:0;margin-top:2px;color:var(--text)}
.gauge-note{display:block;text-align:center;width:100%;margin-top:auto;padding-top:9px;border-top:1px solid #2a303b;color:var(--muted);font-size:9px;line-height:1.55;min-height:35px;overflow-wrap:anywhere}
.server-alert{border-radius:8px;background:#1b2029;border-color:#303641}
.server-alert[data-level="warning"]{background:#342c1f;border-color:#5a472c;color:#f0c77e}
.server-alert[data-level="critical"]{background:#3b2227;border-color:#70404a;color:#ffdce0}
#serverHealthBadge{border:1px solid #343b47;border-radius:5px;letter-spacing:.08em;background:#20262f;color:#c5ceda}
#serverHealthBadge[data-level="healthy"]{background:#1d3428;color:#70d9a0;border-color:#2d5a43}
#serverHealthBadge[data-level="warning"]{background:#342c1f;color:#f0c77e;border-color:#5a472c}
#serverHealthBadge[data-level="critical"]{background:#3b2227;color:#ff8792;border-color:#70404a}
.server-monitor-actions button{border-radius:7px}
.server-footnotes{font:9px/1.7 "DM Mono",ui-monospace,monospace;color:#929bab}
@media(max-width:1150px){.server-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.server-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-metric{padding:12px 9px;min-height:238px}.car-gauge{transform:scale(.94);transform-origin:top center;margin-bottom:-4px}.server-monitor-actions{width:100%}}
@media(max-width:380px){.server-metric-grid{grid-template-columns:1fr}.server-metric{min-height:230px}.car-gauge{width:200px}}
/* Server meters lead the workspace and stay in a 2x2 grid on mobile. */
#workspace > #serverMonitor{margin:0 0 18px}
#serverMonitor .server-metric{min-height:0}
#serverMonitor .server-metric-head{flex-direction:row;align-items:center}
#serverMonitor .car-gauge{margin-bottom:0}
@media(max-width:380px){#serverMonitor .server-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#serverMonitor .server-metric{padding:9px 6px}#serverMonitor .car-gauge{width:100%;transform:scale(.88);transform-origin:top center;margin-bottom:-12px}#serverMonitor .server-metric-head{font-size:9px;gap:3px}}
#serverMonitor .gauge-note{display:none!important}

/* Keep resource gauges fully visible on desktop and compact screens. */
/* Container units for the dial must follow the dial itself, not the wider metric card. */
#serverMonitor .car-gauge{container-type:inline-size;container-name:resource-gauge}
#serverMonitor .server-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#serverMonitor .server-metric{container-type:inline-size;overflow:visible;min-width:0}
#serverMonitor .car-gauge{overflow:hidden}
#serverMonitor .gauge-total{font-size:7px;letter-spacing:.04em;margin-top:2px;color:var(--text)}
@media(max-width:1150px){#serverMonitor .server-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){#serverMonitor .server-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#serverMonitor .server-metric{container-type:inline-size;overflow:visible}
#serverMonitor .car-gauge{width:100%;max-width:200px;height:auto;aspect-ratio:200/118;flex:0 1 auto;transform:none;margin:8px auto 3px}
#serverMonitor .gauge-track{width:90cqi;height:auto;aspect-ratio:1}
#serverMonitor .gauge-inner{top:9.5cqi;width:71cqi;height:auto;aspect-ratio:1}
#serverMonitor .gauge-needle{left:calc(50% - .75cqi);bottom:13.5cqi;width:1.5cqi;height:30.5cqi}
#serverMonitor .gauge-hub{left:calc(50% - 3cqi);bottom:10.5cqi;width:6cqi;height:6cqi;border-width:1.5cqi}
#serverMonitor .gauge-tick-label{font-size:4cqi}
#serverMonitor .tick-min{left:5cqi;bottom:13cqi}
#serverMonitor .tick-mid{top:.5cqi;left:calc(50% - 3.5cqi)}
#serverMonitor .tick-max{right:4.5cqi;bottom:13cqi}
#serverMonitor .gauge-reading strong{font-size:11.5cqi}
#serverMonitor .gauge-reading small{font-size:4cqi}
#serverMonitor #serverHealthAlert{display:none!important}

/* MCP-style top navigation, account menu, and page views */
body:before{left:0;z-index:60}
.side-nav{display:none!important}
header.orchestra-topbar{position:sticky;top:0;z-index:50;margin:0;padding:12px 24px;min-height:74px;display:flex;align-items:center;gap:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.topbar-brand{flex:0 0 auto}
.topbar-brand .brand{display:flex;align-items:center;gap:10px;padding:0;color:var(--text);text-decoration:none}
.topbar-brand .brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:800;background:linear-gradient(140deg,#d5a75c,#8e6c3e);color:#111319}
.topbar-brand .brand strong,.topbar-brand .brand small{display:block}
.topbar-brand .brand strong{font-size:12px;letter-spacing:.12em}
.topbar-brand .brand small{font-size:9px;color:var(--muted);letter-spacing:.1em;margin-top:2px}
.top-menu{display:flex;align-items:center;gap:3px;flex:1;min-width:0}
.menu-item{min-height:36px;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:700}
.menu-item:hover,.menu-item.active{background:var(--accent-soft);color:var(--accent)}
.menu-item.active{border-color:color-mix(in srgb,var(--accent) 18%,var(--line))}
.topbar-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.theme-toggle{min-height:35px;padding:7px 10px;font-size:10px}
.menu-toggle{display:none;min-height:36px;padding:7px 10px;background:var(--surface-soft);border:1px solid var(--line);color:var(--text)}
.account-wrap{position:relative}
.account-trigger{display:flex;align-items:center;gap:8px;min-height:38px;padding:5px 9px;border-radius:10px;background:var(--surface-soft);color:var(--text);border:1px solid var(--line)}
.account-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:12px}
.account-chevron{color:var(--muted);font-size:13px}
.account-menu{position:absolute;right:0;top:calc(100% + 10px);width:250px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);z-index:80}
.account-menu-heading{display:flex;align-items:center;gap:10px;padding:9px 7px 13px}
.account-menu-heading strong,.account-menu-heading small{display:block}
.account-menu-heading strong{font-size:12px}
.account-menu-heading small{font-size:10px;color:var(--muted);margin-top:3px}.account-theme-toggle{display:flex;width:100%;align-items:center;justify-content:flex-start;min-height:42px;margin:4px 0 8px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--text);font-size:12px;font-weight:700;text-align:left}.account-theme-toggle:hover{border-color:var(--accent);color:var(--accent)}
.account-logout{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:transparent;color:var(--text);border-top:1px solid var(--line);border-radius:0;padding:13px 8px 8px;min-height:42px}
.account-logout:hover{background:var(--accent-soft);color:var(--accent)}
#workspace{max-width:1600px;margin:0 auto;padding:24px 28px 55px}
#workspace>[data-page]:not(.page-active){display:none!important}
#workspace>section.panel[data-page].page-active,#workspace>section.server-monitor[data-page].page-active,#workspace>section.human-overview[data-page].page-active{display:block!important}
#workspace>.status-grid[data-page].page-active{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
#workspace>.status-grid.page-active .panel{margin:0}
#workspace>#serverMonitor.page-active,#workspace>#humanOverview.page-active{margin-bottom:18px}
body>header+main{max-width:1600px;margin:0 auto;padding:0 28px 48px}
body>header+main>#loginPanel{margin-top:40px}
@media(max-width:1180px){header.orchestra-topbar{gap:10px;padding:10px 15px}.top-menu{gap:1px}.menu-item{padding:8px 7px;font-size:10px}.topbar-right{gap:5px}.theme-toggle{display:none}}
@media(max-width:900px){header.orchestra-topbar{flex-wrap:wrap;gap:10px}.topbar-brand{margin-right:auto}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.topbar-right{margin-left:auto}.top-menu{display:none;order:5;flex:1 0 100%;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line)}header.orchestra-topbar.menu-open .top-menu{display:flex}.menu-item{flex:1 1 auto;text-align:center}#workspace{padding:18px 16px 36px}body>header+main{padding:0 16px 36px}}
@media(max-width:520px){header.orchestra-topbar{padding:10px 12px}.topbar-brand .brand-mark{width:34px;height:34px}.topbar-brand .brand strong{font-size:10px}.topbar-brand .brand small{font-size:8px}.topbar-right .badge{display:none}.account-menu{right:0;width:min(250px,calc(100vw - 24px))}#workspace{padding:14px 10px 28px}body>header+main{padding:0 10px 28px}#workspace>.status-grid.page-active{grid-template-columns:1fr}}

.account-avatar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}


/* Published project card and responsive MCP-style header */
header.orchestra-topbar{box-sizing:border-box;width:100%;margin:0;min-height:70px;padding:10px clamp(12px,2vw,28px);display:flex;align-items:center;gap:clamp(8px,1.4vw,18px)}
.topbar-brand{min-width:0}.topbar-brand .brand{white-space:nowrap}
.top-menu{display:flex;align-items:center;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.top-menu::-webkit-scrollbar{display:none}
.menu-item{flex:0 0 auto;white-space:nowrap;padding:9px clamp(6px,.8vw,11px);min-height:40px;font-size:clamp(10px,.8vw,12px)}
.topbar-right{gap:7px}.account-trigger,.menu-toggle{min-width:42px;min-height:42px;justify-content:center;align-items:center}.menu-toggle{display:none}
#workspace{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:clamp(12px,2.2vw,28px)}
#workspace>[data-page]:not(.page-active){display:none!important}
#workspace>section.panel[data-page].page-active,#workspace>section.server-monitor[data-page].page-active,#workspace>section.human-overview[data-page].page-active{display:block!important}
#workspace>.status-grid[data-page].page-active{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.published-project-card{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1.2fr);gap:22px;border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--surface-soft);min-width:0}
.published-project-art{min-height:190px;border-radius:12px;background:radial-gradient(circle at 70% 25%,#4d6e85 0,transparent 28%),linear-gradient(145deg,#101e2c,#223e4b 55%,#b28d53);display:flex;flex-direction:column;justify-content:space-between;padding:18px;color:#f7f4ec;overflow:hidden}
.published-project-art>span{font-size:56px;line-height:1}.published-project-art small{letter-spacing:.18em;font-size:10px;font-weight:800}
.published-project-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.published-project-info h3{font-size:22px;margin:6px 0}.published-project-info p{line-height:1.6;max-width:600px}
.published-project-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 18px}
.published-project-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;min-height:42px;padding:10px 15px;background:var(--accent);color:var(--surface);font-weight:800;font-size:12px;border-radius:10px;text-decoration:none}
.published-project-link:hover{filter:brightness(1.06)}
#workspace .panel{min-width:0;overflow-wrap:anywhere}#workspace input,#workspace select,#workspace textarea,#workspace button{max-width:100%;box-sizing:border-box}
#workspace input,#workspace select,#workspace textarea{min-width:0}#workspace pre,#workspace .workspace-output{max-width:100%;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}
#workspace .section-head{gap:12px}#workspace .section-head>div:first-child{min-width:0}#workspace .inline{min-width:0}#workspace .inline>*{min-width:0}
@media(max-width:1120px){header.orchestra-topbar{gap:9px;padding:10px 14px}.topbar-brand .brand small{letter-spacing:.06em}.top-menu{gap:1px}.menu-item{padding:8px 7px;font-size:10px}.topbar-right .badge{display:none}}
@media(max-width:900px){
header.orchestra-topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;padding:10px 12px;min-height:62px}
.topbar-brand{grid-column:1;grid-row:1}.topbar-brand .brand-mark{width:35px;height:35px}
.menu-toggle{display:flex;grid-column:2;grid-row:1;border-radius:10px}.topbar-right{grid-column:3;grid-row:1;margin:0}.topbar-right .theme-toggle{display:none}
.top-menu{display:none;grid-column:1/-1;grid-row:2;overflow:visible;white-space:normal;flex-wrap:wrap;gap:6px;padding:12px 0 2px;border-top:1px solid var(--line)}
header.orchestra-topbar.menu-open .top-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.menu-item{width:100%;min-height:44px;text-align:left;white-space:normal;padding:10px 12px;font-size:12px}
#workspace{padding:16px}#workspace>.status-grid.page-active{grid-template-columns:repeat(2,minmax(0,1fr))}
.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid .primary-card{grid-column:1/-1}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
header.orchestra-topbar{padding:9px 10px;grid-template-columns:minmax(0,1fr) 42px 42px}
.topbar-brand .brand{gap:7px}.topbar-brand .brand strong{font-size:10px}.topbar-brand .brand small{font-size:8px}
.account-trigger{padding:5px;gap:4px}.account-chevron{font-size:12px}.account-menu{right:0;width:min(270px,calc(100vw - 20px))}
#workspace{padding:12px 10px 28px}#workspace>.status-grid.page-active{grid-template-columns:1fr}
.overview-grid,.quick-actions{grid-template-columns:1fr}.overview-grid .primary-card{grid-column:auto}
.welcome-row{flex-direction:column;gap:12px}.welcome-row h2{font-size:21px}.live-pill{align-self:flex-start}
.panel,.server-monitor{padding:14px;border-radius:14px}#workspace .section-head{flex-direction:column;align-items:stretch}
.server-monitor-actions{display:flex;flex-wrap:wrap;gap:8px}.server-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.server-metric{min-width:0;padding:10px 7px}.car-gauge{max-width:100%;transform:none}.server-footnotes{display:grid;gap:6px}
.published-project-card{grid-template-columns:1fr;gap:15px;padding:12px}.published-project-art{min-height:150px}.published-project-art>span{font-size:42px}.published-project-info h3{font-size:19px}
#workspace .inline{flex-wrap:wrap;align-items:stretch}#workspace .inline>*{flex:1 1 130px}
#workspace .inline input[type=url],#workspace .inline input[type=text],#workspace .inline input:not([type]){flex-basis:100%;width:100%}
#workspace button,#workspace .published-project-link{min-height:42px}#workspace label{overflow-wrap:anywhere}
#browserActivity .embedded-browser-host{height:52vh;min-height:240px}
.card-footer{flex-wrap:wrap;align-items:flex-start}#toast{left:50%;max-width:calc(100vw - 24px);width:max-content}
}
@media(max-width:380px){
#workspace{padding:10px 8px 24px}.topbar-brand .brand small{display:none}.account-chevron{display:none}
.server-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-metric-head{font-size:9px}.server-metric-head .gauge-state{font-size:8px}
.car-gauge{transform:scale(.9);transform-origin:top center;margin-bottom:-8px}.server-metric{padding:8px 4px}.published-project-meta{align-items:flex-start;flex-direction:column}
}


/* cPanel-inspired workspace file manager */
.cpanel-files .section-head{margin-bottom:18px}
.file-manager-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:13px 15px;border:1px solid var(--line);border-radius:12px 12px 0 0;background:var(--surface-soft)}
.file-manager-location{display:flex;align-items:center;gap:11px;min-width:0}
.file-manager-home{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:22px;flex:0 0 auto}
.file-manager-location small{display:block;color:var(--muted);font-size:10px;font-weight:750;margin-bottom:4px}
.file-breadcrumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;min-width:0}
.file-breadcrumbs button{background:transparent;color:var(--accent);border:0;padding:0;min-height:22px;font-size:12px;font-weight:700}
.file-breadcrumbs button:last-child{color:var(--text)}
.file-breadcrumbs span{color:var(--muted)}
.file-search{display:flex;align-items:center;gap:8px;width:min(100%,280px);margin:0;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted)}
.file-search>span{font-size:19px}
.file-search input{border:0;background:transparent;box-shadow:none!important;min-height:38px;padding:7px 0;font-size:12px}
.file-manager-body{display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;overflow:hidden;min-width:0}
.file-manager-sidebar{padding:15px 10px;background:var(--surface-soft);border-right:1px solid var(--line)}
.file-sidebar-title{padding:0 9px 10px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.file-sidebar-item{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;padding:8px 10px;text-align:left;background:var(--accent-soft);color:var(--accent);font-size:11px}
.file-sidebar-item span{font-size:17px}
.file-sidebar-note{padding:14px 9px;font-size:10px;line-height:1.55;color:var(--muted)}
.file-manager-main{min-width:0;background:var(--surface)}
.file-table-wrap{width:100%;overflow:auto}
.file-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:12px}
.file-table th{padding:11px 14px;text-align:left;white-space:nowrap;background:var(--surface-soft);border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.file-table th:first-child{width:60%}
.file-table td{padding:9px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.file-table tbody tr:last-child td{border-bottom:0}
.file-table tbody tr:hover{background:var(--accent-soft)}
.file-name-cell{display:flex;align-items:center;gap:10px;min-width:0}
.file-type-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;flex:0 0 auto;font-size:15px}
.file-type-icon.folder{background:var(--warn-soft);color:var(--warn)}
.file-type-icon.file{background:var(--accent-soft);color:var(--accent)}
.file-table-link{padding:4px 0;min-height:28px;background:transparent;color:var(--text);border:0;font-size:12px;font-weight:650;text-align:left;white-space:normal;overflow-wrap:anywhere}
.file-table-link:hover{color:var(--accent);filter:none;text-decoration:underline}
.file-type-cell{color:var(--muted);font-size:11px;white-space:nowrap}
.file-row-action{min-height:30px;padding:5px 10px;font-size:10px}
.file-parent-link{color:var(--accent)}
.file-empty{padding:28px!important;text-align:center}
.file-manager-status{padding:10px 14px;border-top:1px solid var(--line);background:var(--surface-soft);font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.file-editor-panel{margin-top:17px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}
.file-editor-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:13px}
.file-editor-heading h3{margin:4px 0;font-size:15px;overflow-wrap:anywhere}
.file-editor-heading p{margin:0;font-size:10px;overflow-wrap:anywhere}
.file-editor-actions{display:flex;gap:7px;flex-wrap:wrap}
.file-editor-actions button{font-size:11px}
.file-path-label{margin-top:8px}
#workspaceContent{font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:300px;background:var(--surface);border-radius:9px}
.file-validation-tools{margin-top:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);overflow:hidden}
.file-validation-tools summary{padding:11px 13px;cursor:pointer;color:var(--accent);font-size:11px;font-weight:800}
.file-validation-body{padding:12px;border-top:1px solid var(--line)}
.file-validation-row{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin-top:10px}
.file-validation-row>label{margin:0}
.file-validation-row select{width:auto;min-width:150px}
.file-validation-row button{font-size:10px}
@media(max-width:720px){.file-manager-body{grid-template-columns:minmax(0,1fr)}.file-manager-sidebar{display:none}.file-manager-toolbar{align-items:stretch}.file-search{width:100%}.file-table th,.file-table td{padding:9px 8px}.file-table th:first-child{width:auto}.file-type-cell{font-size:10px}.file-row-action{padding:5px 7px}.file-editor-panel{padding:12px}#workspaceContent{min-height:240px}.file-editor-actions{width:100%}.file-editor-actions button{flex:1}}

/* Running-process monitor */
.running-tasks-summary{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:14px 16px;margin:12px 0;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}.running-tasks-summary strong{font-size:25px}.running-tasks-summary span,.running-tasks-summary small{color:var(--muted);font-size:12px}.running-tasks-summary small{margin-left:auto}.running-tasks-list{display:grid;gap:9px}.running-process-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;min-width:0}.running-process-info{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}.running-process-info strong{font-size:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}.running-process-info small{font-size:11px;color:var(--muted);line-height:1.5}.running-process-state{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.danger-button{background:#a82f35;color:#fff;border:1px solid #a82f35;border-radius:9px;padding:9px 12px;white-space:nowrap}.danger-button:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:520px){.running-process-row{align-items:stretch;flex-direction:column}.running-process-row>button{width:100%}.running-tasks-summary small{margin-left:0;width:100%}}

/* Cloud browser view fallback: show the latest server-captured viewport without Electron. */
#browserActivity .embedded-browser-host #serverBrowserView{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:var(--surface)}
#browserActivity .embedded-browser-host #serverBrowserView.hidden{display:none!important}
#browserActivity .embedded-browser-host #embeddedBrowserPlaceholder{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;color:var(--muted);pointer-events:none}

/* Android Studio workspace */
.android-studio-page{display:none}.android-studio-page.page-active{display:block}.android-studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.android-card{min-width:0;border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--surface-soft);margin:0 0 16px}.android-card h3{margin-bottom:4px}.android-project-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px;margin:8px 0 14px;border-radius:12px;background:var(--surface)}.android-source-editor{width:100%;min-height:320px;resize:vertical;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;tab-size:2}.android-studio-page iframe{display:block;width:100%;height:760px;max-height:78vh;border:1px solid var(--line);border-radius:18px;background:#e9edf5}.android-progress-card{margin-top:8px}.android-progress-track{height:10px;background:var(--line);border-radius:99px;overflow:hidden}.android-progress-bar{height:100%;background:var(--accent);border-radius:99px;transition:width .25s}.android-progress-meta{display:flex;justify-content:space-between;gap:12px;margin-top:10px}.android-resource-status{font-size:12px;padding:10px 12px;background:var(--surface-soft);border-radius:10px;margin:10px 0;color:var(--muted)}.android-log{max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;padding:12px;border-radius:12px;background:var(--code-bg,var(--surface));border:1px solid var(--line);color:var(--text);margin-top:12px}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;background:var(--accent);color:white;text-decoration:none;font-weight:700}.android-studio-page select,.android-studio-page textarea{max-width:100%}
@media(max-width:900px){.android-studio-grid{grid-template-columns:1fr}.android-studio-page iframe{height:700px;max-height:75vh}.android-source-editor{min-height:260px}}@media(max-width:560px){.android-card{padding:13px}.android-studio-page iframe{height:650px}.android-progress-meta{font-size:13px}}

.android-progress-timeline{display:grid;gap:10px;margin-top:16px}.android-progress-entry{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.android-progress-entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.android-progress-entry p{margin:8px 0;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.android-progress-entry small{color:var(--muted);font-size:11px}

/* AI Resource registry */
.ai-resource-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 22px}.ai-resource-counts article{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:14px;display:flex;flex-direction:column;gap:8px}.ai-resource-counts small{font-size:10px;letter-spacing:.08em;color:var(--muted);font-weight:800}.ai-resource-counts strong{font-size:28px;font-variant-numeric:tabular-nums}.ai-resource-master,.ai-resource-item,.ai-resource-message{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);margin:10px 0}.ai-resource-item header,.ai-resource-message header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.ai-resource-item p,.ai-resource-message p{white-space:pre-wrap;overflow-wrap:anywhere}.ai-resource-meta{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.ai-resource-actions{display:flex;gap:8px;align-items:center}.ai-resource-actions button{background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line))}.ai-resource-reply{display:grid;gap:10px;margin-top:16px}.ai-resource-reply textarea{width:100%;resize:vertical}.ai-resource-messages{display:grid;gap:8px}.ai-role-badge{font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.07em;padding:4px 7px;border-radius:6px;background:var(--accent-soft);color:var(--accent)}.ai-resource-state{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.ai-resource-state[data-state="working"]{color:var(--good)}.ai-resource-state[data-state="standby"]{color:var(--muted)}.ai-resource-state[data-state="assigned"]{color:var(--accent)}.ai-resource-state[data-state="waiting_for_user"]{color:var(--warn)}.ai-resource-state[data-state="stale"],.ai-resource-state[data-state="terminated"],.ai-resource-state[data-state="expired"],.ai-resource-state[data-state="stopped"]{color:var(--bad)}@media(max-width:720px){.ai-resource-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-resource-counts article{padding:11px}.ai-resource-counts strong{font-size:24px}}

.ai-room-panel,.ai-task-panel{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.ai-room-thread{display:grid;gap:9px;max-height:360px;overflow:auto;padding:12px;margin:12px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.ai-room-message{max-width:94%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow-wrap:anywhere;white-space:pre-wrap}.ai-room-message.operator{justify-self:end;background:var(--accent-soft)}.ai-room-message.master{justify-self:start;background:var(--good-soft)}.ai-room-message .meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:10px;margin-bottom:5px}.ai-room-form{display:grid;gap:8px}.ai-room-form textarea{min-height:75px}.ai-task-lifecycle-list{display:grid;gap:10px}.ai-task-card{border:1px solid var(--line);border-radius:12px;padding:13px;background:var(--surface-soft);min-width:0}.ai-task-card header{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;margin:0 0 8px;padding:0}.ai-task-card strong{font-size:12px;overflow-wrap:anywhere}.ai-task-card .ai-task-meta{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.ai-task-card p{font-size:12px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.ai-task-state{display:inline-flex;border-radius:999px;padding:4px 8px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:800;white-space:nowrap}.ai-task-state.closed,.ai-task-state.verified{background:var(--good-soft);color:var(--good)}.ai-task-state.blocked,.ai-task-state.awaiting_verification{background:var(--warn-soft);color:var(--warn)}@media(max-width:720px){.ai-room-message{max-width:100%;width:100%}.ai-task-card header{flex-direction:column}.ai-task-state{white-space:normal}}

/* Browser Lab is a distinct cloud desktop experiment; it never shares the main browser session. */
.browser-lab-page{min-width:0}
.browser-lab-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.browser-lab-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:14px;margin:14px 0}
.browser-lab-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);margin:0 0 14px}
.browser-lab-card h3{margin:0 0 10px}
.browser-lab-viewport{min-height:220px;max-height:70vh;display:grid;place-items:center;overflow:hidden;position:relative;border:1px solid var(--line);border-radius:10px;background:#10131b;cursor:crosshair}
.browser-lab-viewport img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;user-select:none}
.browser-lab-viewport #browserLabPlaceholder{padding:24px;text-align:center;color:var(--muted)}
.browser-lab-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:10px;font-size:11px;color:var(--muted)}
.browser-lab-card form{margin:12px 0 16px}
.browser-lab-card form .inline{align-items:stretch}
.browser-lab-card form .inline input{min-width:0;flex:1}
.browser-lab-key-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}
.browser-lab-key-grid button{padding:8px 6px;font-size:12px}
.browser-lab-diagnostics{border-top:1px solid var(--line);padding-top:12px;margin-top:16px}
.browser-lab-diagnostics dl{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);gap:8px;font-size:12px}
.browser-lab-diagnostics dt{color:var(--muted)}
.browser-lab-diagnostics dd{margin:0;overflow-wrap:anywhere}
.browser-lab-history{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.browser-lab-history li{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;border-bottom:1px solid var(--line);padding:8px 0;font-size:12px}
.browser-lab-history li strong{text-transform:capitalize}
.browser-lab-history li span{color:var(--muted);overflow-wrap:anywhere}
@media(max-width:850px){.browser-lab-grid{grid-template-columns:1fr}.browser-lab-viewport{max-height:55vh}.browser-lab-viewport img{max-height:55vh}}
@media(max-width:520px){.browser-lab-card{padding:12px}.browser-lab-key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.browser-lab-diagnostics dl{grid-template-columns:1fr;gap:3px}.browser-lab-diagnostics dd{margin-bottom:8px}.browser-lab-actions button{flex:1 1 44%}}
/* Keep the Master summary in normal flow directly above Registered AI chats. */
#aiMasterCard .ai-resource-state{display:inline-flex;margin-left:10px}
#aiResourceList .ai-resource-state{display:inline-flex;align-items:center}


/* Private token recovery output: intentionally session-only and responsive. */
.ai-token-reveal{display:grid;gap:9px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.ai-token-reveal input{width:100%;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow-wrap:anywhere}.ai-token-reveal .ai-resource-actions{flex-wrap:wrap}.ai-token-reveal p{overflow-wrap:anywhere}
@media(max-width:720px){.ai-token-reveal{padding:10px}.ai-token-reveal .ai-resource-actions button{flex:1 1 140px}}

/* AI communication surfaces: bounded, touch-friendly and mobile-safe. */
.ai-chat-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:20px}
.ai-resource-messages{display:grid;gap:8px;max-height:340px;overflow:auto;overscroll-behavior:contain;padding:10px;margin:8px 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.ai-resource-message{min-width:0;margin:0;padding:12px;background:var(--surface)}
.ai-resource-message p{margin:8px 0 0;overflow-wrap:anywhere}
.ai-message-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.ai-message-actions button{padding:6px 9px;font-size:11px}
.ai-room-thread{max-height:340px;overscroll-behavior:contain}
.ai-room-panel .section-head{align-items:flex-start}
.ai-room-panel .ai-resource-actions{flex-wrap:wrap}
.ai-agent-inbox-panel{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.ai-inbox-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.ai-agent-inbox-results{max-height:320px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface-soft);margin:10px 0}
.ai-agent-inbox-results article{border:1px solid var(--line);border-radius:10px;padding:10px;margin:8px 0;background:var(--surface);overflow-wrap:anywhere}
.ai-agent-inbox-results p{white-space:pre-wrap;overflow-wrap:anywhere}
.ai-task-history{margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface-soft)}
.ai-task-history>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none}
.ai-task-history>summary::-webkit-details-marker{display:none}
.ai-task-history>summary>span:first-child{display:grid;gap:4px}
.ai-task-history>summary small{font-size:11px;color:var(--muted);font-weight:400}
.ai-task-history .ai-task-lifecycle-list{max-height:460px;overflow:auto;overscroll-behavior:contain;padding:0 12px 12px}
.ai-task-card{overflow:hidden}
.ai-task-card p{overflow-wrap:anywhere}
@media(max-width:720px){.ai-resource-messages{max-height:42vh;padding:8px}.ai-room-thread{max-height:42vh;padding:8px}.ai-agent-inbox-results{max-height:40vh}.ai-inbox-actions button,.ai-room-panel .ai-resource-actions button{flex:1 1 130px}.ai-chat-heading{align-items:stretch}.ai-chat-heading button{width:100%}.ai-task-history>summary{align-items:flex-start}.ai-task-history .ai-task-lifecycle-list{max-height:48vh}.ai-resource-actions{flex-wrap:wrap}.ai-resource-actions button{flex:1 1 125px}}

.ai-message-menu{position:relative;display:inline-block}.ai-message-menu>summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:3px 10px;color:var(--muted);font-weight:800}.ai-message-menu>summary::-webkit-details-marker{display:none}.ai-message-menu[open]{display:grid;gap:5px}.ai-message-menu button{white-space:nowrap}.ai-room-message .ai-message-menu{margin-top:8px}.ai-room-message .ai-message-menu[open]{justify-items:start}

/* Operator inbox is a compact modal opened from a registered AI card. */
.ai-mailbox-trigger{cursor:pointer;border-radius:5px;outline-offset:4px}.ai-mailbox-trigger:hover{text-decoration:underline;color:var(--accent)}.ai-inbox-dialog{width:min(760px,calc(100vw - 28px));max-width:none;max-height:min(88vh,900px);overflow:auto;border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.ai-inbox-dialog::backdrop{background:rgba(9,14,28,.58);backdrop-filter:blur(3px)}.ai-inbox-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.ai-inbox-dialog-head h3{margin:4px 0}.ai-inbox-dialog-head p{margin:4px 0}.ai-inbox-dialog .ai-agent-inbox-results{max-height:38vh}.ai-inbox-dialog .ai-room-form{margin-top:14px}.ai-inbox-dialog .ai-inbox-actions button{flex:0 1 auto}.danger-button{background:#a82f35!important;color:#fff!important;border:1px solid #a82f35!important}@media(max-width:520px){.ai-inbox-dialog{padding:14px;border-radius:14px}.ai-inbox-dialog-head{align-items:stretch}.ai-inbox-dialog-head>button{align-self:flex-start}.ai-inbox-dialog .ai-inbox-actions button{flex:1 1 28%}}

/* AI registry layout */
.ai-resource-item{padding:0;margin:6px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.ai-resource-item>header{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:52px;padding:10px 13px;cursor:pointer;flex-wrap:nowrap}
.ai-resource-item>header:hover{background:var(--surface-soft)}
.ai-agent-role-icon{flex:0 0 28px;width:28px;text-align:center;font-size:22px;line-height:1}
.ai-agent-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.ai-resource-item .ai-resource-state{flex:0 0 auto;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.ai-agent-details{display:grid;gap:0;margin:10px 0 14px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ai-agent-detail-row{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:12px}
.ai-agent-detail-row:last-child{border-bottom:0}.ai-agent-detail-row>span{color:var(--muted)}.ai-agent-detail-row>strong{overflow-wrap:anywhere;font-weight:600}
.ai-resource-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Compact chat bubbles */
.ai-resource-message.operator,.chat-bubble.sent{align-self:flex-end;border-radius:10px 10px 3px 10px;background:var(--accent-soft)}
.ai-resource-message.agent,.chat-bubble.received{align-self:flex-start}
.chat-bubble{width:fit-content;max-width:90%;padding:7px 10px;margin:0;border:0;border-radius:10px 10px 10px 3px;background:var(--surface);font-size:13px}
.chat-bubble strong,.chat-bubble small{display:block;font-size:10px;color:var(--muted)}
.chat-bubble p{margin:4px 0 0;line-height:1.4;white-space:pre-wrap}
.ai-agent-details>p{padding:0 12px;overflow-wrap:anywhere;white-space:pre-wrap}
.ai-agent-details>p:first-child{margin-bottom:4px}.ai-agent-details>p:last-child{margin-top:4px}
.ai-resource-messages{display:flex;flex-direction:column;gap:5px;padding:10px}
.ai-resource-message{width:fit-content;max-width:88%;align-self:flex-start;padding:7px 10px;border:0;border-radius:10px 10px 10px 3px;background:var(--surface);box-shadow:0 1px 1px rgba(0,0,0,.08)}
.ai-resource-message header{display:flex;gap:8px;align-items:baseline;justify-content:space-between;flex-wrap:wrap;margin:0}
.ai-resource-message .ai-role-badge{padding:0;background:transparent;font-size:10px}
.ai-resource-message .ai-resource-meta{font-size:9px}.ai-resource-message p{margin:4px 0 0;font-size:13px;line-height:1.4;white-space:pre-wrap}
.ai-room-thread{display:flex;flex-direction:column;gap:5px;padding:10px;background:var(--surface-soft)}
.ai-room-message{width:fit-content;max-width:86%;padding:7px 10px;margin:0;border:0;border-radius:10px 10px 10px 3px;background:var(--surface);box-shadow:0 1px 1px rgba(0,0,0,.08);font-size:13px}
.ai-room-message.operator{align-self:flex-end;border-radius:10px 10px 3px 10px;background:var(--accent-soft)}
.ai-room-message.master,.ai-room-message.worker{align-self:flex-start}.ai-room-message .meta{gap:8px;align-items:baseline;margin-bottom:4px;font-size:9px}
.ai-room-message>div:not(.meta){line-height:1.4;white-space:pre-wrap}
.ai-agent-inbox-results{display:flex;flex-direction:column;gap:5px;padding:8px}
.ai-agent-inbox-results article{width:fit-content;max-width:90%;padding:7px 10px;margin:0;border:0;border-radius:10px 10px 10px 3px;background:var(--surface);font-size:13px}
.ai-agent-inbox-results article strong,.ai-agent-inbox-results article small{display:block;font-size:10px;color:var(--muted)}
.ai-agent-inbox-results article p{margin:4px 0 0;line-height:1.4;white-space:pre-wrap}
@media(max-width:520px){.ai-resource-item>header{gap:8px;padding:10px}.ai-agent-row-name{font-size:12px}.ai-resource-item .ai-resource-state{max-width:44%;font-size:9px}.ai-agent-detail-row{grid-template-columns:1fr;gap:4px}.ai-resource-message,.ai-room-message,.ai-agent-inbox-results article{max-width:94%}}
.ai-tools-launcher{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 6px;padding-top:14px;border-top:1px solid var(--line)}.icon-launcher{display:grid;justify-items:center;gap:5px;min-width:82px;padding:10px 13px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;color:var(--text)}.icon-launcher>span{font-size:22px;line-height:1.1}.icon-launcher small{font-size:11px;color:var(--muted)}.icon-launcher:hover,.icon-button:hover{border-color:var(--accent);color:var(--accent)}.ai-resource-item{padding:12px;margin:8px 0}.ai-resource-item>p{margin:8px 0}.ai-resource-item header{align-items:center}.ai-resource-item header>div{min-width:0}.ai-resource-item header strong{overflow-wrap:anywhere}.ai-resource-actions{flex-wrap:wrap}.ai-resource-item .ai-resource-actions{justify-content:flex-end;margin-top:8px}.icon-button{display:inline-grid;place-items:center;min-width:38px;min-height:36px;padding:5px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--text);font-size:19px;line-height:1}.ai-work-dialog{width:min(820px,calc(100vw - 24px));max-width:none;max-height:88vh;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.ai-work-dialog::backdrop{background:rgba(10,15,28,.58);backdrop-filter:blur(3px)}.ai-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.ai-dialog-heading h3{margin:2px 0}.ai-dialog-heading p{margin:5px 0}.ai-dialog-heading>button{flex:0 0 auto}.ai-work-dialog .ai-room-panel,.ai-work-dialog .ai-task-panel{margin-top:0;padding-top:0;border-top:0}.ai-work-dialog .ai-chat-heading h3{margin:0}.ai-room-management{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.ai-room-management>summary{cursor:pointer;font-weight:650}.ai-room-management form,.ai-room-invite-controls{display:grid;gap:8px;margin-top:12px}.ai-room-management select[multiple]{min-height:95px}.ai-room-thread{max-height:38vh}.ai-work-dialog .ai-resource-messages,.ai-work-dialog .ai-task-lifecycle-list{max-height:48vh;overflow:auto;overscroll-behavior:contain}.ai-critical-dialog .danger-button{background:#a82f35!important;border-color:#a82f35!important;color:#fff!important}.ai-critical-dialog .secondary{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}.ai-inbox-dialog{width:min(760px,calc(100vw - 24px))}@media(max-width:520px){.ai-tools-launcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.icon-launcher{min-width:0;padding:9px 4px}.ai-work-dialog{padding:13px;max-height:90vh}.ai-dialog-heading{gap:8px}.ai-work-dialog .ai-resource-actions button{flex:1 1 100px}.ai-room-thread{max-height:42vh}}

/* Light-first white, blue and green workspace palette. */
body:before{background:linear-gradient(90deg,#2563eb,#3b82f6,#16a34a)}
.brand-mark{background:linear-gradient(140deg,#2563eb,#16a34a);box-shadow:0 5px 12px #2563eb22}
:root[data-theme="light"] .gauge-inner{background:#f5f9ff}
:root[data-theme="light"] .gauge-note{border-color:var(--line)}
:root[data-theme="light"] .server-alert{background:#f4f8ff;border-color:var(--line);color:var(--text)}
:root[data-theme="light"] .server-alert[data-level="warning"]{background:var(--warn-soft);border-color:#f1d28b;color:#854d0e}
:root[data-theme="light"] .server-alert[data-level="critical"]{background:#fff0f1;border-color:#f2b7be;color:#9f1239}
:root[data-theme="light"] #serverHealthBadge{background:#edf4fb;border-color:var(--line);color:#475569}
:root[data-theme="light"] #serverHealthBadge[data-level="healthy"]{background:var(--good-soft);color:var(--good);border-color:#b5e8d0}
:root[data-theme="light"] #serverHealthBadge[data-level="warning"]{background:var(--warn-soft);color:#854d0e;border-color:#f1d28b}
:root[data-theme="light"] #serverHealthBadge[data-level="critical"]{background:#fff0f1;color:#9f1239;border-color:#f2b7be}
:root[data-theme="light"] .gauge-state[data-level="healthy"]{background:var(--good-soft);color:var(--good)}
:root[data-theme="light"] .gauge-state[data-level="warning"]{background:var(--warn-soft);color:#854d0e}
:root[data-theme="light"] .gauge-state[data-level="critical"]{background:#fff0f1;color:#9f1239}
:root[data-theme="light"] .gauge-state[data-level="unknown"]{background:#edf2f7;color:#64748b}
.ai-resource-item{padding:0;margin:6px 0}
.ai-resource-item>header{width:100%;min-width:0;overflow:hidden}
.ai-resource-item .ai-resource-state{margin-left:auto}
.ai-resource-message.operator,.chat-bubble.sent,.ai-room-message.operator{background:#dcfce7;color:#14532d;border:1px solid #b9edcf}
.ai-resource-message.agent,.chat-bubble.received,.ai-room-message.master,.ai-room-message.worker{background:#eff6ff;color:#1e3a8a;border:1px solid #dbeafe}
.ai-resource-message p,.chat-bubble p,.ai-room-message>div:not(.meta){color:inherit}
.ai-resource-message,.chat-bubble,.ai-room-message{box-shadow:0 1px 2px rgba(30,64,100,.07)}
.chat-day-separator{display:flex;align-items:center;justify-content:center;width:100%;margin:8px 0 5px;white-space:nowrap;pointer-events:none}
.chat-day-separator span{display:inline-block;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:700;line-height:1.4}
.chat-interactive{transition:transform .12s ease;will-change:transform;cursor:grab}
.chat-interactive.chat-dragging{transition:none;z-index:2;box-shadow:0 8px 22px rgba(37,99,235,.18)}
.ai-resource-message{max-width:min(88%,680px);padding:8px 11px}
.ai-resource-message p{margin:0;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-bubble{max-width:min(90%,680px);padding:8px 11px}
.chat-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.ai-room-message{max-width:min(88%,680px)}
.ai-room-message .meta{min-height:0;margin:0}
.ai-room-message.operator .meta:empty{display:none}
.ai-message-action-dialog{width:min(520px,calc(100vw - 24px));max-width:none;max-height:86vh;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
.ai-message-action-dialog::backdrop{background:rgba(15,35,55,.35);backdrop-filter:blur(3px)}
.ai-message-action-dialog .ai-dialog-heading{align-items:flex-start}
.ai-message-action-text{max-height:35vh;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--text)}
.ai-message-action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:14px}
.ai-message-action-buttons button{flex:0 1 auto}
.ai-message-menu{display:none!important}
@media(max-width:520px){
 .ai-message-action-dialog{padding:14px}
 .ai-message-action-buttons{display:grid;grid-template-columns:1fr 1fr}
 .ai-resource-message,.chat-bubble,.ai-room-message{max-width:94%}
}

/* Coming Soon / future integration links */
.future-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.future-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;min-width:0}
.future-link strong{font-size:14px;color:var(--accent)}
.future-link span:not(.future-arrow){grid-column:1;grid-row:2;font-size:12px;line-height:1.5;color:var(--muted)}
.future-arrow{grid-column:2;grid-row:1/3;color:var(--accent);font-size:16px}
.future-link:hover{border-color:var(--accent);background:var(--accent-soft)}
.browser-running-link{display:inline-flex;align-items:center;margin-top:8px;text-decoration:none}
@media(max-width:640px){.future-links{grid-template-columns:1fr}.future-link{padding:14px}}

/* Mobile header: centered brand, left menu trigger, fixed overlay navigation */
@media(max-width:900px){
  header.orchestra-topbar{
    position:relative;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 42px;
    grid-template-rows:42px auto;
    align-items:center;
    gap:0;
    min-height:54px;
    padding:6px 10px;
  }
  .menu-toggle{
    grid-column:1;
    grid-row:1;
    justify-self:start;
    z-index:72;
  }
  .topbar-brand{
    grid-column:2;
    grid-row:1;
    justify-self:center;
    margin:0!important;
    min-width:0;
  }
  .topbar-brand .brand{justify-content:center}
  .topbar-right{
    grid-column:3;
    grid-row:1;
    justify-self:end;
    margin:0!important;
  }
  .top-menu{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    z-index:70;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:6px;
    width:min(280px,82vw);
    height:100dvh;
    box-sizing:border-box;
    overflow-y:auto;
    padding:76px 14px 20px;
    border:0;
    border-right:1px solid var(--line);
    background:var(--surface);
    box-shadow:12px 0 35px rgb(0 0 0 / 16%);
    transform:translateX(-105%);
    visibility:hidden;
    pointer-events:none;
    transition:transform .2s ease,visibility .2s ease;
  }
  header.orchestra-topbar.menu-open .top-menu{
    display:flex;
    transform:translateX(0);
    visibility:visible;
    pointer-events:auto;
  }
  .top-menu .menu-item{
    flex:0 0 auto;
    width:100%;
    min-height:44px;
    text-align:left;
    white-space:normal;
  }
  header.orchestra-topbar.menu-open::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:60;
    background:rgb(0 0 0 / 30%);
    pointer-events:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .top-menu{transition:none}
}

.mcp-activity-panel{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.mcp-activity-panel .section-head{align-items:flex-start}
.mcp-activity-list{display:grid;gap:8px;margin-top:12px;max-height:360px;overflow:auto}
.mcp-activity-item{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);min-width:0}
.mcp-activity-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.mcp-activity-heading strong{overflow-wrap:anywhere}
.mcp-activity-item p{margin:5px 0;font-size:13px;overflow-wrap:anywhere}
.mcp-activity-item small{color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.mcp-activity-state{font-size:11px;text-transform:uppercase;font-weight:750;color:var(--muted)}
.mcp-activity-state[data-state=running]{color:var(--good)}
.mcp-activity-state[data-state=succeeded]{color:var(--good)}
.mcp-activity-state[data-state=failed]{color:var(--bad)}
.monitoring-source-options{display:grid;gap:12px}
.monitoring-source-options>label{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);cursor:pointer}
.monitoring-source-options>label input{margin-top:4px;flex:0 0 auto}
.monitoring-source-options>label span{display:grid;gap:5px}
.monitoring-source-options>label small{color:var(--muted);line-height:1.45}
@media(max-width:520px){.mcp-activity-panel{padding:10px}.mcp-activity-panel .section-head{display:grid}.mcp-activity-panel .section-head button{width:100%}}

/* Monitoring source picker: larger touch target and a compact mobile header control. */
#monitoringSourceOpen{
  min-height:42px;
  padding:9px 13px;
  border-radius:11px;
  font-weight:700;
  white-space:normal;
  line-height:1.25;
  max-width:100%;
}
#monitoringSourceDialog{
  width:min(440px,calc(100vw - 28px));
  max-width:none;
  max-height:min(78dvh,620px);
  padding:18px;
  border-radius:18px;
  overflow:auto;
  overscroll-behavior:contain;
}
#monitoringSourceDialog .ai-dialog-heading{align-items:flex-start}
#monitoringSourceDialog .ai-dialog-heading p{font-size:13px;line-height:1.45}
#monitoringSourceDialog .monitoring-source-options{gap:10px}
#monitoringSourceDialog .monitoring-source-options>label{
  min-height:76px;
  padding:15px 13px;
  align-items:flex-start;
  gap:12px;
  border-radius:13px;
  transition:border-color .15s ease,background .15s ease;
}
#monitoringSourceDialog .monitoring-source-options>label:has(input:checked){
  border-color:var(--accent);
  background:var(--accent-soft);
  box-shadow:inset 0 0 0 1px var(--accent);
}
#monitoringSourceDialog .monitoring-source-options>label input{
  width:20px;
  height:20px;
  margin:2px 0 0;
  accent-color:var(--accent);
}
#monitoringSourceDialog .monitoring-source-options>label strong{font-size:15px}
#monitoringSourceDialog .monitoring-source-options>label small{font-size:12px;line-height:1.45}
#monitoringSourceDialog .ai-resource-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:9px;
  margin-top:5px;
}
#monitoringSourceDialog .ai-resource-actions button{
  min-height:44px;
  margin:0;
}
@media(max-width:600px){
  #aiResourcesPanel>.section-head{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  #aiResourcesPanel>.section-head>.inline{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px;
    width:100%;
  }
  #aiResourcesPanel>.section-head>.inline #aiResourcesStatus{
    grid-column:1/-1;
    justify-self:start;
    max-width:100%;
    overflow-wrap:anywhere;
  }
  #monitoringSourceOpen{width:100%;min-width:0;min-height:44px;font-size:13px}
  #refreshAiResources{width:100%;min-width:0;min-height:44px}
  #monitoringSourceDialog{
    position:fixed;
    inset:auto 0 0;
    margin:0 auto;
    width:100%;
    max-width:none;
    max-height:min(78dvh,620px);
    padding:17px 16px max(16px,env(safe-area-inset-bottom));
    border-radius:20px 20px 0 0;
    border-bottom:0;
    animation:monitoringSheetIn .18s ease-out;
  }
  #monitoringSourceDialog .ai-dialog-heading{gap:10px;padding-bottom:12px;margin-bottom:12px}
  #monitoringSourceDialog .ai-dialog-heading>button{min-width:42px;min-height:42px}
  #monitoringSourceDialog .monitoring-source-options>label{min-height:82px;padding:14px 12px}
  #monitoringSourceDialog .ai-resource-actions{
    position:sticky;
    bottom:calc(-1 * max(16px,env(safe-area-inset-bottom)));
    padding:10px 0 max(2px,env(safe-area-inset-bottom));
    background:var(--surface);
  }
}
@keyframes monitoringSheetIn{from{transform:translateY(14px);opacity:.85}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){#monitoringSourceDialog{animation:none}#monitoringSourceDialog .monitoring-source-options>label{transition:none}}

/* Dedicated AWS worker controls page */
.aws-worker-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.aws-worker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.aws-worker-stat{min-width:0;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}
.aws-worker-stat>span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em}
.aws-worker-stat strong{display:block;margin:8px 0 4px;font-size:20px;overflow-wrap:anywhere}
.aws-worker-stat small{display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.aws-worker-alert{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);font-size:12px;overflow-wrap:anywhere}
.aws-worker-alert[data-level="good"]{background:var(--good-soft);color:var(--good);border-color:color-mix(in srgb,var(--good) 25%,var(--line))}
.aws-worker-alert[data-level="warning"]{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 25%,var(--line))}
.aws-worker-details{border-top:1px solid var(--line);padding-top:18px;margin-top:8px}
.aws-worker-details ul{padding-left:20px;display:grid;gap:9px;line-height:1.6}
.aws-worker-details li{padding-left:2px}
.aws-worker-details code{background:var(--surface-soft);padding:2px 5px;border-radius:5px}
.aws-worker-updated{font-size:11px;margin:12px 0 0}
@media(max-width:900px){.aws-worker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.aws-worker-grid{grid-template-columns:1fr 1fr;gap:8px}.aws-worker-stat{padding:12px}.aws-worker-stat strong{font-size:17px}.aws-worker-actions{width:100%}.aws-worker-actions button{flex:1;white-space:normal}.aws-worker-details ul{padding-left:17px}}