:root{
  --bg:#06080b;--bg2:#0a0e13;--panel:#10151c;--panel2:#151c25;--line:#252e39;
  --text:#f8f5ea;--muted:#9da7b2;--yellow:#f4c430;--yellow2:#ffda5a;--red:#e31923;
  --green:#3fd69c;--blue:#58a6ff;--purple:#9b75ff;--orange:#ff9e4a;--shadow:0 28px 90px rgba(0,0,0,.42)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
radial-gradient(circle at 80% -5%,rgba(227,25,35,.11),transparent 25%),
linear-gradient(180deg,#05070a,#090d12 48%,#06080b);color:var(--text);overflow-x:hidden}
button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}
.wrap{width:min(1240px,calc(100% - 36px));margin:auto}.topline{height:3px;background:linear-gradient(90deg,var(--red),var(--yellow),var(--red))}
.btn{border:1px solid var(--line);background:#111821;color:var(--text);padding:10px 14px;border-radius:10px;font-weight:850;transition:.16s transform,.16s filter,.16s border-color}
.btn:hover{transform:translateY(-1px);filter:brightness(1.06);border-color:#46515e}.btn.primary{background:linear-gradient(135deg,var(--yellow2),#dea100);color:#171208;border:0;box-shadow:0 10px 30px rgba(244,196,48,.17)}.btn.red{background:linear-gradient(135deg,#f23740,#ae0710);border:0}.btn.ghost{background:transparent}.btn.small{padding:7px 10px;font-size:12px}
.kicker{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:var(--yellow);font-weight:950}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid #2e3742;background:#131a22;font-size:11px;color:#c8cdd2}.pill.green{color:#9ff2d1;border-color:#285844}.pill.yellow{color:#ffe37b;border-color:#584c22}.pill.red{color:#ff9ea3;border-color:#5d272a}.dot{width:7px;height:7px;border-radius:50%;background:var(--green)}
.card{background:linear-gradient(180deg,#11171f,#0b1016);border:1px solid #252e38;border-radius:17px;padding:18px;box-shadow:0 12px 32px rgba(0,0,0,.14)}
.card h3{margin:5px 0 7px}.card p{color:var(--muted);margin:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #222b35;text-align:left;vertical-align:middle}th{color:#8f99a5;font-size:11px;text-transform:uppercase;letter-spacing:.7px}
input,textarea,select{width:100%;background:#090e14;border:1px solid #29333e;color:#fff;border-radius:9px;padding:9px 10px;outline:none}input:focus,textarea:focus,select:focus{border-color:#6c5b22}label{display:block;color:#bcc3cb;margin:9px 0 5px;font-size:12px;font-weight:750}
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.split{display:flex;justify-content:space-between;gap:14px;align-items:center}.section-title{font-size:clamp(35px,5vw,56px);line-height:1.02;letter-spacing:-2.1px;margin:8px 0 12px}.sub{font-size:17px;color:var(--muted);max-width:810px}

/* Marketing */
.site-nav-main{position:sticky;top:0;z-index:100;background:rgba(6,8,11,.83);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.public-nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:950}.brand img{width:48px;height:36px;object-fit:contain}.brand b{font-size:19px;color:var(--yellow);letter-spacing:.9px}.public-links{display:flex;gap:24px;color:#c7ccd1}.public-actions{display:flex;gap:9px}
.hero{padding:70px 0 55px}.hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:30px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #4d411c;color:#ead77b;background:rgba(244,196,48,.05);padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 7px rgba(244,196,48,.07)}
h1{font-size:clamp(50px,6.9vw,86px);line-height:.94;letter-spacing:-4.4px;margin:20px 0 22px}h1 em{font-style:normal;color:var(--yellow)}.lede{font-size:19px;color:#bdc4cb;max-width:700px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:23px;color:#8f99a5;font-size:12px}.proof b{color:#fff}
.live-builder{border:1px solid #29323d;background:linear-gradient(180deg,#10161d,#090d12);border-radius:21px;overflow:hidden;box-shadow:var(--shadow)}.builder-top{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #232c35}.builder-live{display:flex;align-items:center;gap:7px;font-size:11px}.builder-live i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(63,214,156,.07)}.device-tabs{display:flex;gap:4px}.device-tabs button{border:1px solid #2b3440;background:#111821;color:#949eaa;border-radius:7px;padding:5px 8px;font-size:10px}.device-tabs button.active{background:var(--yellow);border-color:var(--yellow);color:#111;font-weight:900}
.builder-body{display:grid;grid-template-columns:.42fr .58fr;min-height:570px}.wizard{padding:15px;border-right:1px solid #222b35;background:#0b1016}.wizard h3{margin:2px 0}.wizard p{color:#7f8a96;font-size:11px;margin:3px 0 12px}.question{margin:12px 0}.question label{margin:0 0 5px}.chips{display:flex;gap:5px;flex-wrap:wrap}.chip{border:1px solid #29333e;background:#111720;color:#aab3bd;border-radius:999px;padding:6px 8px;font-size:10px}.chip.active{border-color:#6b5a20;color:#ffe272;background:#28220d}.swarm-think{border:1px solid #313945;background:#0e141b;border-radius:10px;padding:9px;font-size:10px;color:#909ba7}.swarm-think b{color:var(--yellow)}
.preview-stage{padding:14px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 75% 10%,rgba(244,196,48,.07),transparent 20%),#0a0f15;overflow:hidden}.preview-site{width:100%;max-width:680px;background:#fff;color:#111;border-radius:14px;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.5);transition:.22s all}.preview-site.mobile{max-width:310px}.preview-site.tablet{max-width:480px}.preview-nav{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #eee}.preview-brand{font-weight:900;display:flex;gap:7px;align-items:center}.preview-brand i{width:21px;height:21px;border-radius:6px;background:var(--cust1,#207b45)}.preview-links{display:flex;gap:11px;font-size:8px;color:#6b6f74}.preview-cta{font-size:8px;background:var(--cust1,#207b45);color:#fff;padding:5px 8px;border-radius:6px;font-weight:900}.preview-hero{min-height:240px;padding:32px 25px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.08)),var(--custimg);background-size:cover;background-position:center;color:#fff;position:relative}.preview-hero:after{content:"LIVE • SWARM";position:absolute;right:10px;top:10px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:3px 6px;color:#bfffe1;font-size:6px;letter-spacing:.8px}.preview-hero h2{font-size:28px;line-height:1.02;letter-spacing:-1px;max-width:390px;margin:0 0 8px}.preview-hero p{font-size:10px;max-width:360px;opacity:.92}.preview-button{display:inline-block;background:var(--cust2,#f4f4f4);color:#111;border-radius:6px;padding:7px 9px;font-size:8px;font-weight:900}.preview-services{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:#f7f8fa}.psvc{padding:11px;background:#fff;border:1px solid #e7e9ec;border-radius:9px}.psvc b{display:block;font-size:9px}.psvc span{font-size:7px;color:#777d83}.preview-foot{padding:8px 12px;background:#141a21;color:#fff;font-size:8px;display:flex;justify-content:space-between}.agentdots{display:flex;gap:4px}.agentdots i{width:6px;height:6px;background:var(--green);border-radius:50%}.pulseframe{animation:pf 1.3s ease}@keyframes pf{50%{box-shadow:0 18px 70px rgba(244,196,48,.28),0 0 0 2px rgba(244,196,48,.22)}}
.marketing-section{padding:75px 0}.cinema{min-height:560px;margin-top:26px;border:1px solid #2c343e;border-radius:23px;overflow:hidden;position:relative;box-shadow:var(--shadow);background:#000}.cinema video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.76}.cinema:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,7,.94),rgba(4,5,7,.5) 47%,rgba(4,5,7,.16) 72%,rgba(4,5,7,.4)),linear-gradient(0deg,rgba(4,5,7,.78),transparent 55%)}.cinema-copy{position:relative;z-index:2;max-width:650px;padding:55px}.cinema-copy h3{font-size:45px;line-height:1.03;letter-spacing:-2px;margin:9px 0 14px}.cinema-copy p{font-size:17px;color:#c4c9cf}.cinema-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.cinema-pills span{border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.38);border-radius:999px;padding:6px 9px;font-size:10px}
.layers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.layer b{display:block;font-size:17px;margin:8px 0 4px}.ico{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,rgba(244,196,48,.15),rgba(227,25,35,.09));border:1px solid #40371e;color:var(--yellow);font-weight:950}.pricing{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-top:26px}.plan{position:relative}.plan.pop{border-color:#6b5b22}.popular{position:absolute;right:8px;top:8px;background:var(--yellow);color:#111;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:950}.price{font-size:32px;font-weight:950;margin:7px 0}.price span{font-size:11px;color:#838e99}.plan ul{padding:0;list-style:none;min-height:160px;color:#bbc2ca}.plan li{padding:4px 0}.plan li:before{content:"✓";color:var(--yellow);font-weight:950;margin-right:6px}.cta{margin:65px 0 0;padding:35px;border:1px solid #54471f;border-radius:22px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(244,196,48,.15),transparent 43%),#0e1319}.cta img{height:115px;max-width:350px;object-fit:contain}.cta h2{font-size:44px;letter-spacing:-2px;margin:0}.cta p{font-size:17px;color:#a8b0b9}
footer{border-top:1px solid #20262e;padding:34px 0 52px;color:#7e8893}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer img{width:120px;height:48px;object-fit:contain}

/* App shell */
#controlPanel{min-height:100vh;background:#070a0e}.app-top{height:68px;position:sticky;top:0;z-index:120;display:flex;align-items:center;gap:12px;padding:0 14px;background:#0a0e13;border-bottom:1px solid #202934}.app-logo{display:flex;align-items:center;gap:8px;font-weight:950;min-width:220px}.app-logo img{width:43px;height:32px;object-fit:contain}.app-logo b{color:var(--yellow)}.tenant-switch{border:1px solid #28323d;background:#111821;color:#d5d9de;border-radius:9px;padding:8px 10px;min-width:170px}.command-wrap{flex:1;position:relative}.command-input{width:100%;background:#090e14;border:1px solid #2a3440;border-radius:11px;padding:10px 44px 10px 13px;color:#fff}.command-kbd{position:absolute;right:9px;top:8px;border:1px solid #323b47;border-radius:6px;padding:2px 6px;color:#7e8995;font-size:10px}.top-actions{display:flex;gap:7px}.app-shell{display:grid;grid-template-columns:242px 1fr;min-height:calc(100vh - 68px)}.sidebar{border-right:1px solid #202934;background:#0a0f15;padding:12px 9px;overflow-y:auto}.side-group{margin:8px 0 12px}.side-label{padding:5px 10px;color:#626e7a;font-size:9px;font-weight:950;letter-spacing:1.3px;text-transform:uppercase}.sidebtn{width:100%;text-align:left;border:0;background:transparent;color:#a4aeba;border-radius:8px;padding:8px 10px;margin:1px 0;display:flex;align-items:center;justify-content:space-between;gap:9px}.sidebtn:hover,.sidebtn.active{background:#151d26;color:#fff}.sidebtn .count{font-size:9px;border:1px solid #303a46;border-radius:999px;padding:1px 5px;color:#7f8a95}.app-main{padding:19px;min-width:0}.view-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.view-head h2{font-size:30px;letter-spacing:-1px;margin:0 0 3px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.metric strong{font-size:28px;display:block}.metric small{color:#7d8894}.health-score{font-size:52px;font-weight:950}.bar{height:7px;border-radius:99px;overflow:hidden;background:#222a34}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--yellow))}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.quick{min-height:92px;cursor:pointer}.quick:hover{border-color:#4a5765}.quick .ico{width:31px;height:31px;font-size:11px}.quick b{display:block;margin-top:8px}.quick small{color:#78838f}
.panel-list{display:grid;gap:9px}.list-row{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #252f3a;background:#0e141b;border-radius:11px}.list-row b{display:block}.list-row small{color:#7d8792}.status-dot{display:inline-flex;align-items:center;gap:5px}.status-dot i{width:7px;height:7px;border-radius:50%;background:var(--green)}.status-dot.warn i{background:var(--yellow)}.status-dot.bad i{background:var(--red)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.agent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.agent-card{min-height:145px}.status{float:right;border:1px solid #323c48;border-radius:999px;padding:2px 6px;font-size:9px}.status.on{color:#ffe071;border-color:#5f5122}.traffic{height:170px;display:flex;align-items:flex-end;gap:6px;padding-top:15px}.traffic i{display:block;flex:1;background:linear-gradient(180deg,var(--yellow),#8b6812);border-radius:5px 5px 0 0;min-height:8px}.usage{margin:13px 0}.usage .split{font-size:12px}.usagebar{height:8px;background:#202832;border-radius:99px;overflow:hidden;margin-top:5px}.usagebar i{display:block;height:100%;background:linear-gradient(90deg,var(--yellow),#ef9d19)}.file-tree{display:grid;grid-template-columns:220px 1fr;min-height:420px}.tree{border-right:1px solid #202934;padding-right:10px}.tree button{width:100%;text-align:left;background:transparent;color:#9da7b2;border:0;padding:7px;border-radius:7px}.tree button.active,.tree button:hover{background:#151d26;color:#fff}.files{padding-left:12px}.codebox{font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:#070b10;border:1px solid #252e39;border-radius:10px;padding:12px;white-space:pre-wrap;color:#b9c4cf;min-height:220px}.toggle{width:40px;height:22px;background:#28313a;border-radius:999px;position:relative;display:inline-block;vertical-align:middle}.toggle:after{content:"";width:16px;height:16px;border-radius:50%;background:#8c96a1;position:absolute;top:3px;left:3px;transition:.2s}.toggle.on{background:#2b6a52}.toggle.on:after{left:21px;background:#7ff0c3}.command-drawer{position:fixed;right:15px;top:79px;width:min(430px,calc(100% - 30px));z-index:200;border:1px solid #343e4a;background:#0d131a;border-radius:15px;box-shadow:var(--shadow);padding:13px}.cmd-msg{padding:9px 10px;border-radius:9px;background:#151d26;margin:6px 0;color:#c9d0d7}.cmd-msg.user{background:#2b2512;color:#fff}.cmd-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.notice{padding:10px;border:1px solid #453b1e;background:#17150c;border-radius:9px;color:#d7ca89}
.live-site-mini{height:280px;border-radius:12px;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.1)),url('assets/landscaping.jpg') center/cover;display:flex;align-items:end;padding:18px}.live-site-mini h3{font-size:28px;max-width:420px;margin:0}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kanban-col{background:#0a0f15;border:1px solid #242e38;border-radius:12px;padding:10px;min-height:260px}.kanban-card{background:#141b24;border:1px solid #29333e;border-radius:9px;padding:9px;margin:8px 0}.kanban-card b{display:block}.kanban-card small{color:#7f8994}

/* Modal */
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);display:grid;place-items:center;z-index:300;padding:20px}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;background:#0e141b;border:1px solid #303b47;border-radius:16px;box-shadow:var(--shadow);padding:18px}.modal h3{margin-top:0}

/* Responsive */
@media(max-width:1120px){.hero-grid{grid-template-columns:1fr}.builder-body{min-height:520px}.layers{grid-template-columns:repeat(2,1fr)}.pricing{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(3,1fr)}.agent-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.public-links{display:none}.app-shell{grid-template-columns:1fr}.sidebar{display:flex;gap:4px;overflow:auto;position:sticky;top:68px;z-index:90;border-right:0;border-bottom:1px solid #202934;padding:8px}.side-group{display:flex;margin:0}.side-label{display:none}.sidebtn{white-space:nowrap}.app-logo{min-width:auto}.tenant-switch{display:none}.builder-body{grid-template-columns:1fr}.wizard{border-right:0;border-bottom:1px solid #222b35}.preview-stage{min-height:475px}.metric-grid,.grid3,.grid4,.grid2,.agent-grid,.form-row,.kanban{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.layers,.pricing{grid-template-columns:1fr}.cinema{min-height:620px}.cinema-copy{padding:35px 24px}.cinema-copy h3{font-size:36px}.file-tree{grid-template-columns:1fr}.tree{border-right:0;border-bottom:1px solid #202934;padding:0 0 10px}.files{padding:10px 0 0}.list-row{grid-template-columns:1fr auto}.list-row>*:nth-child(2),.list-row>*:nth-child(3){display:none}.footer{flex-direction:column;align-items:flex-start}.top-actions .label{display:none}}

/* Repairs for the hosted preview, retaining SWARM's original palette and layout. */
body{font-size:16px}.btn.small,.sidebtn,input,select,textarea,label{font-size:14px}
:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.demo-banner{padding:8px 18px;border-bottom:1px solid #332d1c;background:#15130d;color:#d7ca89;font-size:13px;text-align:center}
.tenant-switch{width:190px;flex:0 0 190px}.command-wrap{min-width:170px}.top-actions{flex-shrink:0}.top-actions .btn{white-space:nowrap}
.app-logo{min-width:180px}.sidebar{align-self:start;position:sticky;top:68px;max-height:calc(100dvh - 68px)}
.card,.files,.builder-body>*,.list-row>*{min-width:0}.table-scroll{max-width:100%;overflow-x:auto}table{min-width:540px}
.app-main .card b,.list-row b{overflow-wrap:anywhere}.view-head{flex-wrap:wrap}.view-head>div{min-width:0}
.preview-stage{container-type:inline-size}.preview-nav{gap:8px}.preview-brand{min-width:0}.preview-brand span{overflow-wrap:anywhere}.preview-brand i{flex-shrink:0}
@container(max-width:580px){.preview-links{display:none}.preview-brand{font-size:14px}.preview-cta{flex-shrink:0}}
.preview-hero{background-color:#18452d}.preview-site.mobile .preview-links{display:none}
.preview-site.mobile .preview-services{grid-template-columns:1fr}.preview-site.mobile .preview-hero h2{font-size:24px}
.preview-site[data-style="bold"] .preview-hero h2{text-transform:uppercase;letter-spacing:-1.4px}.preview-site[data-style="bold"] .psvc{border-width:2px;border-radius:3px}
.preview-site[data-style="natural"] .preview-services{background:#f2f5f0}.preview-site[data-style="natural"] .psvc{background:#fbfdf9;border-color:#dce6dc;border-radius:16px}
.preview-site[data-style="minimal"] .preview-nav{border-color:#f2f2f2}.preview-site[data-style="minimal"] .preview-services{background:#fff}.preview-site[data-style="minimal"] .psvc{border-color:#f2f2f2;border-radius:2px}
.wizard p,.swarm-think,.builder-live,.chip,.device-tabs button{font-size:12px}.builder-top{gap:12px;flex-wrap:wrap}.builder-live{flex-wrap:wrap}.device-tabs{flex-shrink:0}
.modal-backdrop{padding:14px}.modal .toolbar input{min-width:0}.command-drawer .toolbar{flex-wrap:nowrap}.command-drawer input{min-width:0}.cmd-msg{overflow-wrap:anywhere}
@media(max-width:1000px) and (min-width:821px){.app-logo{min-width:auto}.tenant-switch{width:160px;flex-basis:160px}.command-wrap{min-width:100px}}
@media(max-width:820px){
 .app-top{height:68px;gap:8px;padding:0 12px}.app-logo{min-width:0;flex:1}.command-wrap{display:none}.tenant-switch{display:none}
 .top-actions .label{display:inline}.app-top .btn{padding:8px 10px}.sidebar{display:flex;top:68px;max-height:80px;align-self:start;max-width:100%;scrollbar-width:thin}
 .sidebtn{width:auto;flex-shrink:0}.side-group{flex-shrink:0}.app-main{padding:16px}.list-row{grid-template-columns:1fr}
 .list-row>*:nth-child(2),.list-row>*:nth-child(3){display:block}.public-nav{gap:10px}.public-actions{gap:6px}
 .public-actions .btn{padding:8px 10px}.brand img{width:38px}.hero{padding-top:40px}h1{letter-spacing:-2.5px}
 .cta{padding:24px 18px}.cta img{max-width:100%}.cta h2{font-size:34px}.preview-stage{min-height:400px}
 .builder-top{align-items:flex-start;flex-direction:column}.builder-live{line-height:1.5}.demo-banner{font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pulseframe{animation:none}*{transition:none!important}}

/* Reference-aligned command-center demo. Every sample value is identified as illustrative. */
.app-appearance{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.app-appearance .btn{padding:6px 8px;font-size:11px}.app-appearance .btn[aria-pressed="true"]{background:var(--yellow);border-color:var(--yellow);color:#241900}
.command-dashboard{display:grid;gap:12px;max-width:1540px;margin:0 auto}.cmd-welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:112px;background:radial-gradient(ellipse at 80% 10%,rgba(48,125,255,.13),transparent 40%),var(--panel)}.cmd-welcome h2{font-size:clamp(25px,3vw,36px);letter-spacing:-1.2px;margin:5px 0}.cmd-welcome h2 em{font-style:normal;color:#e1a900}.cmd-welcome p{margin:0}.cmd-live-site{display:flex;align-items:center;gap:10px;min-width:235px;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--text);text-align:left}.cmd-live-site>span:nth-child(2),.cmd-site-title>span:last-child{display:grid;gap:3px;min-width:0}.cmd-live-site b,.cmd-site-title b{font-size:12px}.cmd-live-site small,.cmd-site-title small{font-size:10px;color:var(--muted)}.cmd-site-thumb{width:42px;height:40px;display:grid;place-items:center;flex:none;border-radius:9px;background:linear-gradient(140deg,#d9eadb,#7ab584);color:#245734;font-size:22px}.cmd-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.cmd-metrics .metric{min-height:94px;margin:0;padding:15px 17px}.cmd-metrics .metric strong{font-size:clamp(19px,2vw,27px);overflow-wrap:anywhere}.cmd-dashboard-grid{display:grid;gap:12px;align-items:stretch}.cmd-grid-primary{grid-template-columns:1.22fr 1fr .88fr}.cmd-grid-secondary{grid-template-columns:1.05fr 1fr .95fr;grid-template-areas:"leads performance quick" "activity campaign quick" "opportunities health quick"}.cmd-dashboard-grid>.card{margin:0;min-width:0;padding:16px;border-radius:15px}.cmd-dashboard-grid h3{font-size:16px;margin:0}.cmd-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.cmd-card-head small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.cmd-chart-legend{display:flex;gap:15px;font-size:10px;color:var(--muted);margin:6px 0}.cmd-chart-legend span{display:flex;align-items:center;gap:6px}.cmd-chart-legend i{width:8px;height:8px;border-radius:50%}.legend-blue{background:#277cff}.legend-purple{background:#9a55ed}.cmd-chart{display:block;width:100%;height:auto;min-height:170px}.cmd-chart-grid{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:2 4}.cmd-chart-area{fill:url(#cmdChartFill)}.cmd-chart-visitors,.cmd-chart-leads{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.cmd-chart-visitors{stroke:#277cff}.cmd-chart-leads{stroke:#9a55ed}.cmd-chart circle{fill:#277cff;stroke:var(--panel);stroke-width:2}.cmd-chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.cmd-agent-orbit{position:relative;min-height:218px;display:grid;place-items:center;overflow:hidden}.cmd-orbit-ring{position:absolute;width:155px;height:155px;border:1px solid rgba(230,175,28,.40);border-radius:50%;box-shadow:0 0 0 23px rgba(39,124,255,.035),0 0 0 48px rgba(152,86,230,.025)}.cmd-orbit-center{z-index:1;width:78px;height:78px;display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#3d3c30,#111);border:2px solid #edb422;color:#ffd34e;box-shadow:0 0 25px rgba(245,184,45,.24)}.cmd-orbit-center b{font-size:29px;line-height:1}.cmd-orbit-center small{font-size:8px;letter-spacing:1px;color:#fff}.cmd-agent-node{position:absolute;z-index:2;display:grid;gap:2px;max-width:112px;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 4px 16px rgba(20,30,50,.12)}.cmd-agent-node b{font-size:9px;line-height:1.2}.cmd-agent-node small{font-size:8px;color:var(--muted)}.cmd-agent-1{top:0;left:50%;transform:translateX(-50%)}.cmd-agent-2{top:26%;right:0}.cmd-agent-3{bottom:22%;right:0}.cmd-agent-4{bottom:0;left:50%;transform:translateX(-50%)}.cmd-agent-5{bottom:22%;left:0}.cmd-agent-6{top:26%;left:0}.cmd-approval-note{font-size:10px;text-align:center}.cmd-priority{width:100%;display:flex;align-items:flex-start;gap:10px;text-align:left;padding:11px 3px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text)}.cmd-priority>span:first-child{font-size:18px;color:#d69500;line-height:1}.cmd-priority>span:last-child{display:grid;gap:3px}.cmd-priority b{font-size:11px}.cmd-priority small{font-size:9px;color:var(--muted)}.cmd-full-action{width:100%;margin-top:9px}.cmd-leads{grid-area:leads}.cmd-site-performance{grid-area:performance}.cmd-quick{grid-area:quick}.cmd-activity{grid-area:activity}.cmd-campaign{grid-area:campaign}.cmd-opportunities{grid-area:opportunities}.cmd-health{grid-area:health}.cmd-lead{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line)}.cmd-lead>span:nth-child(2){display:grid;gap:2px;min-width:0}.cmd-lead b{font-size:11px}.cmd-lead small{font-size:9px;color:var(--muted)}.cmd-lead em{margin-left:auto;padding:3px 7px;border-radius:999px;background:rgba(13,175,108,.12);color:#168459;font-size:9px;font-style:normal}.cmd-lead-avatar{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(140deg,#a66be5,#5f269a);color:#fff;font-weight:900}.cmd-site-title{display:flex;align-items:center;gap:9px;margin:12px 0}.cmd-site-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cmd-site-stats>div{display:grid;gap:3px;min-width:0;padding:9px 7px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)}.cmd-site-stats b{font-size:15px}.cmd-site-stats small{font-size:8px;color:var(--muted)}.cmd-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cmd-quick-grid .quick{min-height:70px;margin:0;padding:9px}.cmd-quick-grid .quick .ico{width:27px;height:27px;font-size:9px}.cmd-quick-grid .quick b{font-size:10px;margin-top:5px}.cmd-quick-grid .quick small{font-size:8px}.cmd-activity-row{display:flex;align-items:center;gap:8px;width:100%;padding:8px 0;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text)}.cmd-activity-row>span:last-child{display:grid;gap:2px}.cmd-activity-row b{font-size:10px}.cmd-activity-row small{font-size:9px;color:var(--muted)}.cmd-activity-icon{width:25px;height:25px;display:grid;place-items:center;flex:none;border-radius:8px;background:rgba(39,124,255,.13);color:#277cff}.cmd-campaign p,.cmd-opportunities p{font-size:10px;line-height:1.5}.cmd-opportunity-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.cmd-opportunity-item>span:first-child{color:#8a49d9}.cmd-opportunity-item>span:last-child{display:grid;gap:2px}.cmd-opportunity-item b{font-size:10px}.cmd-opportunity-item small{font-size:9px;color:var(--muted)}.cmd-health-status{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.cmd-health-status>span{font-size:27px;color:#a46a00}.cmd-health-status>div{display:grid;gap:3px}.cmd-health-status b{font-size:10px}.cmd-health-status small,.cmd-health li{font-size:9px;color:var(--muted)}.cmd-health ul{padding-left:17px;margin:9px 0 0}.cmd-health li{padding:2px 0}.cmd-disclaimer{padding:8px 2px;color:var(--muted);font-size:10px;line-height:1.5}.cmd-disclaimer a{color:#986500;text-decoration:underline}
html[data-app-theme="light"] #controlPanel{background:#f2f5f9;color:#142033}html[data-app-theme="light"] .app-top{background:rgba(255,255,255,.96);border-color:#d9e1eb;color:#142033}html[data-app-theme="light"] .app-logo b{color:#996000}html[data-app-theme="light"] .tenant-switch,html[data-app-theme="light"] .command-input{background:#f8fafc;color:#17243a;border-color:#cbd5e1}html[data-app-theme="light"] .command-kbd{color:#53657c;border-color:#cbd5e1}html[data-app-theme="light"] .sidebar{background:#fff;border-color:#d9e1eb}html[data-app-theme="light"] .side-label{color:#607087}html[data-app-theme="light"] .sidebtn{color:#24344b}html[data-app-theme="light"] .sidebtn:hover,html[data-app-theme="light"] .sidebtn.active{background:#fff1c8;color:#332300}html[data-app-theme="light"] .app-main{background:#f2f5f9}html[data-app-theme="light"] .app-main .card{background:#fff;border-color:#dce4ee;box-shadow:0 7px 20px rgba(29,50,78,.07);color:#142033}html[data-app-theme="light"] .app-main .card p,html[data-app-theme="light"] .app-main .muted{color:#53647c}html[data-app-theme="light"] .app-main .btn:not(.primary){background:#fff;color:#24344b;border-color:#cbd5e1}html[data-app-theme="light"] .cmd-welcome{background:radial-gradient(ellipse at 80% 10%,rgba(48,125,255,.09),transparent 40%),#fff}html[data-app-theme="light"] .cmd-live-site,html[data-app-theme="light"] .cmd-site-stats>div,html[data-app-theme="light"] .cmd-health-status{background:#f7f9fc;border-color:#dce4ee}html[data-app-theme="light"] .cmd-agent-node{background:#fff}html[data-app-theme="light"] .cmd-orbit-center{background:radial-gradient(circle at 35% 25%,#fff4ce,#231d0b)}html[data-app-theme="light"] .app-appearance .btn[aria-pressed="true"]{background:#ffd15b;color:#241900;border-color:#d99b16}html[data-app-theme="light"] table td{color:#17243a}html[data-app-theme="light"] input,html[data-app-theme="light"] textarea,html[data-app-theme="light"] select{background:#fff;color:#17243a;border-color:#bdc9d8}
html[data-app-theme="dark"] #controlPanel{background:#070a0e}html[data-app-theme="dark"] .cmd-welcome h2 em{color:#f4c430}html[data-app-theme="dark"] .cmd-disclaimer a{color:#ffda5a}
@media(max-width:1160px){.cmd-grid-primary{grid-template-columns:1fr 1fr}.cmd-priorities{grid-column:1/-1}.cmd-grid-secondary{grid-template-columns:1fr 1fr;grid-template-areas:"leads performance" "quick activity" "quick campaign" "opportunities health"}}
@media(max-width:820px){.app-appearance .btn{padding:6px;font-size:10px}.top-actions{gap:5px}.cmd-welcome{align-items:flex-start;flex-direction:column}.cmd-live-site{width:100%}.cmd-grid-primary,.cmd-grid-secondary{grid-template-columns:1fr;grid-template-areas:"leads" "performance" "quick" "activity" "campaign" "opportunities" "health"}.cmd-priorities{grid-column:auto}.cmd-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.app-appearance{gap:1px}.app-appearance .btn{font-size:9px;padding:5px}.cmd-metrics{grid-template-columns:1fr 1fr;gap:7px}.cmd-metrics .metric{padding:11px}.cmd-metrics .metric strong{font-size:17px}.cmd-agent-orbit{min-height:205px}.cmd-agent-node{max-width:95px;padding:5px}.cmd-agent-node b{font-size:8px}}

/* Keep the public command-center sample readable in both selectable themes. */
html[data-app-theme="light"] #controlPanel{color-scheme:light;--bg:#f2f5f9;--bg2:#fff;--panel:#fff;--panel2:#f7f9fc;--line:#d9e1eb;--text:#142033;--muted:#53647c;--yellow:#a96500;--yellow2:#8a5700;--shadow:0 18px 44px rgba(24,43,70,.10);color:var(--text)}
.cmd-metrics .metric{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:12px;row-gap:3px}
.cmd-metrics .metric:before{content:"•";grid-column:1;grid-row:1/4;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e9efff;color:#276fe5;font-size:25px;font-weight:800}
.cmd-metrics .metric:nth-child(1):before{content:"$";background:#fff0d8;color:#ad6500}
.cmd-metrics .metric:nth-child(2):before{content:"◉";background:#e5efff;color:#216dd8}
.cmd-metrics .metric:nth-child(3):before{content:"♙";background:#f0e8ff;color:#7842c4}
.cmd-metrics .metric:nth-child(4):before{content:"↗";background:#e1f6eb;color:#128552}
.cmd-metrics .metric>span,.cmd-metrics .metric>strong,.cmd-metrics .metric>small{grid-column:2}
html[data-app-theme="light"] .cmd-priority,html[data-app-theme="light"] .cmd-activity-row,html[data-app-theme="light"] .cmd-live-site{color:#142033}
html[data-app-theme="light"] .cmd-priority small,html[data-app-theme="light"] .cmd-activity-row small,html[data-app-theme="light"] .cmd-live-site small{color:#53647c}
html[data-app-theme="light"] .cmd-opportunity-item small{color:#53647c}
html[data-app-theme="light"] .app-appearance .btn[aria-pressed="false"]{background:#eef2f7;color:#24344b;border-color:#cbd5e1}
html[data-app-theme="light"] .top-actions .btn:not(.primary){background:#fff;color:#24344b;border-color:#cbd5e1}
html[data-app-theme="light"] .top-actions .btn.primary{color:#fff}
@media(max-width:480px){.cmd-metrics .metric{grid-template-columns:38px minmax(0,1fr);column-gap:8px}.cmd-metrics .metric:before{width:36px;height:36px;border-radius:10px;font-size:19px}}