@font-face{font-family:"AppChamp Inter";src:url('/fonts/Inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:"AppChamp Inter",Arial,sans-serif;color:#223631;background:#f5f7f6;font-synthesis:style;--green:#4051b5;--ink:#223631;--muted:#6c7c77;--line:#dfe7e2;--soft:#edf3ee;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f5f7f6;color:var(--ink);font-family:"AppChamp Inter",Arial,sans-serif;font-size:14px;line-height:1.6}a{color:var(--green);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}.site-shell{min-height:100dvh;display:flex;flex-direction:column}.site-shell>main{flex:1}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.mast{display:flex;align-items:center;justify-content:space-between;min-height:108px;gap:24px}.brand{display:inline-flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:var(--ink);width:fit-content}.wordmark{font-size:43px;font-weight:550;line-height:1.1;letter-spacing:-.065em}.brand-claim{font-size:10px;font-style:italic;margin-top:6px;color:var(--muted);white-space:nowrap}.main-nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:500}.main-nav>a{text-decoration:none;color:var(--ink)}.main-nav>a.active{color:var(--green)}.primary,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--green);border-radius:9px;background:var(--green);color:#fff!important;font-weight:550;font-size:12px;line-height:1.4;padding:15px 21px;text-decoration:none;min-height:46px}.primary:hover{background:#105646}.primary:disabled{background:#f0f3f1;border-color:var(--line);color:#7d8983!important;opacity:1}.small-button{padding:11px 17px;min-height:40px}.outline-button{background:transparent;color:var(--green)!important}.outline-button:hover{background:var(--soft)}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:12px;font-weight:550;text-decoration:none}.eyebrow{font-size:9px;font-weight:650;letter-spacing:.14em;color:#5d7c62;margin:0 0 18px;line-height:1.7}h1,h2,h3,h4{font-family:inherit;color:var(--ink);font-weight:550;letter-spacing:-.04em;line-height:1.2;margin:0 0 18px}h1{font-size:46px}h2{font-size:32px}h3{font-size:17px}p{margin:0 0 16px}.muted{color:var(--muted)}.notice{margin:0 0 20px}.mud-button{font-family:inherit;text-transform:none;letter-spacing:0;font-weight:550}.mud-typography{font-family:inherit}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:35px;margin-top:35px;border-top:1px solid var(--line)}.site-footer .wordmark{font-size:29px}.site-footer .brand-claim{font-size:9px}.site-footer nav{display:flex;align-items:center;gap:25px;font-size:11px}.site-footer nav a{text-decoration:none;color:var(--muted)}
.home-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;min-height:670px;padding-block:62px}.hero-copy h1{font-size:clamp(36px,4.2vw,53px);letter-spacing:-.055em;line-height:1.1;margin-bottom:24px}.lead{font-size:15px;color:var(--muted);line-height:1.85;max-width:480px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.hero-signature{font-size:14px;font-style:italic;color:var(--green);margin-top:35px}.business-map{position:relative;min-height:470px;border:1px solid #dce8d7;background:#e9f0e6;border-radius:24px;isolation:isolate;overflow:hidden}.business-map:before,.business-map:after{content:"";position:absolute;border:1px solid #c9d8bd;border-radius:50%;width:330px;height:330px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.business-map:after{width:470px;height:470px;border-color:#d6e2ce}.map-centre{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;width:230px;min-height:140px;background:#275341;color:#fff;border-radius:18px;box-shadow:0 12px 30px #31533b16}.map-centre .wordmark{font-size:49px}.map-centre>span:last-child{font-size:10px;margin-top:13px;color:#d8e7da}.map-node{position:absolute;background:#fff;border:1px solid #d7e1d2;padding:15px 17px;border-radius:13px;display:flex;flex-direction:column;min-width:145px;box-shadow:0 8px 20px #31533b08}.map-node .mud-icon-root{font-size:22px;color:var(--green);margin-bottom:10px}.map-node strong{font-size:12px;font-weight:550}.map-node small{font-size:9px;color:var(--muted)}.node-customers{top:27px;left:22px}.node-orders{top:40px;right:22px}.node-stock{bottom:28px;left:28px}.node-teams{bottom:38px;right:22px}.home-band{border-block:1px solid var(--line);background:#fff}.band-inner{display:flex;justify-content:space-around;gap:24px;padding-block:25px}.band-inner>span{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.band-inner .mud-icon-root{color:var(--green)}.product-section{padding-block:84px}.section-heading{max-width:640px;margin-bottom:36px}.section-heading>p:last-child{color:var(--muted);font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.feature-grid article{padding:26px 22px;background:#fff;border:1px solid var(--line);border-radius:13px}.feature-icon,.instance-symbol{height:43px;width:43px;background:#edf4ef;color:var(--green);display:inline-grid;place-items:center;border-radius:10px;margin-bottom:20px}.feature-grid article h3{font-size:16px;margin-bottom:13px}.feature-grid article p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:0}.company-section{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center;background:#e9f0e6;border:1px solid #dce5d6;border-radius:18px;padding:42px}.company-section>div>p:not(.eyebrow){font-size:13px;line-height:1.85;color:#5b705f;max-width:520px}.company-note{padding:28px;background:#fff;border:1px solid #d7e2d2;border-radius:12px}.company-note>.mud-icon-root{color:var(--green);margin-bottom:20px}.company-note h3{font-size:18px}.company-note p{margin-bottom:0;font-size:12px!important}.closing-cta{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:72px 45px}.closing-cta h2{margin:0}.closing-cta .eyebrow{margin-bottom:12px}
.auth{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;min-height:650px;padding-block:65px}.auth-intro h1{white-space:pre-line;font-size:50px;letter-spacing:-.055em}.auth-intro>p:not(.eyebrow):not(.hero-signature){font-size:14px;line-height:1.85;color:var(--muted);max-width:410px}.auth-panel{padding:36px;background:#fff;border:1px solid var(--line);border-radius:16px!important;width:100%;max-width:460px;justify-self:end;box-shadow:0 12px 36px #193c2c08}.auth-panel h2{font-size:26px}.auth-panel form{display:flex;flex-direction:column;gap:18px;margin-top:25px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:550;color:var(--ink)}input,select{width:100%;background:#fff;color:var(--ink);border:1px solid #d4dfd7;border-radius:8px;min-height:45px;padding:11px 13px;font-weight:400;font-size:13px;outline-offset:2px}.auth-panel .auth-submit{margin-top:8px;padding:12px 18px;justify-content:space-between;min-height:46px;font-size:12px;border-radius:8px}.auth-switch{font-size:11px;color:var(--muted);margin:22px 0 0}.auth-switch a{font-weight:550}.form-help{font-size:10px;color:var(--muted);margin-top:-10px}.form-error{font-size:12px;color:#a13d42;background:#fff1f1;padding:12px;border:1px solid #e8c6c6;border-radius:8px}.validation-errors{color:#a13d42;font-size:11px;margin:0;padding-left:18px}.validation-message{color:#a13d42;font-size:11px}.invalid{border-color:#b74b50}
.workspace{padding-block:48px 40px;min-height:580px}.workspace-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:34px}.workspace-heading h1{font-size:36px;margin-bottom:13px}.workspace-heading>div>p:last-child{font-size:13px;color:var(--muted);max-width:660px;margin:0}.workspace-heading .eyebrow{margin-bottom:14px}.workspace-heading form{margin:0}.empty-state{border:1px dashed #cbd9cf;border-radius:15px;padding:60px 35px;background:#fff;min-height:280px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.empty-state h2{font-size:25px}.empty-state h3{font-size:19px}.empty-state p{font-size:13px;color:var(--muted);max-width:550px}.empty-state .feature-icon{margin-bottom:25px}.empty-state.compact{min-height:170px;padding:35px}.instance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.instance-card{padding:27px;border:1px solid var(--line);background:#fff;border-radius:14px;display:flex;flex-direction:column;min-width:0}.instance-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.instance-card-top .instance-symbol{margin:0}.status-badge{display:inline-flex;width:fit-content;align-items:center;gap:6px;font-size:9px;font-weight:550;border-radius:20px;background:#eef1ef;color:#6c7c77;padding:5px 9px;white-space:nowrap}.status-badge.ready{background:#e9f4ec;color:#32774a}.status-badge.pending{background:#faf1d9;color:#8d702d}.status-badge.error{background:#fff0ef;color:#a44a4a}.instance-company{font-size:10px;color:var(--muted);margin:0 0 8px}.instance-card h2{font-size:23px;overflow-wrap:anywhere;margin-bottom:15px}.instance-card>p:not(.instance-company){font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:24px}.instance-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;font-size:9px;color:var(--muted);margin:auto 0 20px}.instance-open{width:100%;justify-content:space-between}.workspace-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:11px;color:var(--muted)}.workspace-bottom p{margin:0}.workspace-bottom a{white-space:nowrap}
.admin-workspace{max-width:1400px}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}.admin-metrics>div{border:1px solid var(--line);background:#fff;border-radius:12px;padding:21px 24px;display:flex;flex-direction:column;gap:7px}.admin-metrics span{font-size:10px;color:var(--muted)}.admin-metrics strong{font-size:31px;font-weight:550;letter-spacing:-.04em}.admin-tabs{background:transparent}.admin-tabs .mud-tabs-toolbar{background:transparent;border-bottom:1px solid var(--line)}.admin-tabs .mud-tab{font-family:inherit;font-size:11px;letter-spacing:0;text-transform:none;min-width:160px}.admin-tabs .mud-tab .mud-icon-root{font-size:18px;margin-right:10px}.admin-tab-content{padding-top:30px}.section-line{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 18px}.section-line h2{font-size:20px;margin:0}.section-line>span{font-size:10px;color:var(--muted)}.table-scroll{overflow-x:auto;border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:35px}.platform-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;min-width:650px}.platform-table th,.platform-table td{padding:18px 20px;border-bottom:1px solid var(--line);vertical-align:top}.platform-table thead th{background:#fafcfb;font-size:10px;font-weight:550;color:var(--muted);white-space:nowrap}.platform-table tbody th{font-weight:550}.platform-table tbody tr:last-child>*{border-bottom:0}.platform-table small{display:block;font-size:9px;color:var(--muted);line-height:1.65;margin-top:5px;max-width:250px}.platform-table .mud-button{font-size:10px;white-space:nowrap;padding:2px 8px}.platform-table strong{font-weight:550}.break-anywhere{overflow-wrap:anywhere}.connection-details{font-size:9px;color:var(--muted);margin-top:7px}.connection-details summary{cursor:pointer;color:var(--green)}.connection-details small{overflow-wrap:anywhere}.customer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.customer-list>div{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:11px}.customer-list .instance-symbol{height:31px;width:31px;flex:0 0 31px;margin:0;border-radius:8px}.customer-list strong{font-weight:550;flex:1;min-width:0;overflow-wrap:anywhere}.customer-list .status-badge{font-size:8px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.setup-card{padding:28px;border:1px solid var(--line);border-radius:13px!important}.setup-card h2{font-size:23px;margin-top:12px}.setup-card>p{font-size:12px;color:var(--muted);line-height:1.8;max-width:480px}.setup-step{font-size:9px;letter-spacing:.12em;color:#6d886a;font-weight:600}.setup-card form{display:flex;flex-direction:column;gap:16px;margin-top:24px}.setup-card .mud-button{align-self:flex-start;font-size:11px;margin-top:4px;padding:10px 17px}.setup-card small{color:var(--muted);font-size:9px;line-height:1.7}.setup-details{font-size:11px;color:var(--muted)}.setup-details summary{cursor:pointer;color:var(--green)}.setup-details label{margin-top:16px}.setup-details small{display:block;margin-top:8px}.setup-wide{grid-column:1/-1}.form-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.legal{max-width:850px;padding-block:55px;min-height:500px}.legal h1{font-size:36px}.legal h2{font-size:21px;margin-top:32px}.legal p,.legal address{font-size:13px;line-height:1.9;color:var(--muted)}.legal address{font-style:normal}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.home-hero{gap:35px}.map-node{min-width:125px;padding:13px}.map-centre{width:190px}.node-customers{left:15px}.node-orders{right:15px}.node-stock{left:15px}.node-teams{right:15px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.instance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth{gap:50px}.company-section{gap:35px}.main-nav{gap:20px}.customer-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.mast{min-height:95px}.main-nav{gap:17px;font-size:11px}.main-nav .product-nav{display:none}.home-hero{grid-template-columns:1fr;gap:25px;padding-block:48px}.hero-copy h1{font-size:44px}.hero-copy .lead{max-width:580px}.business-map{min-height:410px;max-width:540px;width:100%;margin:0 auto}.business-map .map-node{min-width:155px}.map-centre{width:220px;min-height:120px}.band-inner{gap:20px;padding-block:21px}.band-inner>span{font-size:10px;gap:8px}.product-section{padding-block:55px}.company-section{padding:30px;gap:25px}.company-section h2{font-size:27px}.closing-cta{padding-block:55px 20px}.closing-cta h2{font-size:28px}.auth{gap:30px;min-height:600px}.auth-intro h1{font-size:42px}.auth-panel{padding:28px}.admin-metrics{gap:12px}.admin-metrics>div{padding:18px}.admin-tabs .mud-tab{min-width:140px;font-size:10px}.form-columns{grid-template-columns:1fr}.section-line{flex-wrap:wrap;gap:8px}.admin-form-grid{gap:16px}.setup-card{padding:23px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.mast{min-height:88px;gap:12px}.wordmark{font-size:34px}.brand-claim{font-size:8px;margin-top:4px}.main-nav{gap:12px;font-size:10px}.main-nav .primary{font-size:10px;padding:10px 11px;gap:8px;min-height:37px}.main-nav .primary .mud-icon-root{font-size:15px}.home-hero{padding-block:37px;min-height:0;gap:24px}.hero-copy h1{font-size:36px;margin-bottom:19px}.hero-copy .eyebrow{font-size:8px}.lead{font-size:13px;line-height:1.8}.hero-actions{gap:19px;margin-top:24px}.hero-actions>.primary{font-size:11px;padding:13px 17px}.hero-actions>.text-link{font-size:11px}.hero-signature{margin-top:25px;font-size:12px}.business-map{min-height:365px;border-radius:17px}.business-map .map-node{min-width:125px;padding:11px 13px}.map-node .mud-icon-root{font-size:19px;margin-bottom:6px}.map-node strong{font-size:11px}.map-node small{font-size:8px}.map-centre{width:173px;min-height:108px;border-radius:14px}.map-centre .wordmark{font-size:39px}.map-centre>span:last-child{font-size:8px;margin-top:10px}.node-customers{top:16px;left:15px}.node-orders{top:23px;right:15px}.node-stock{bottom:17px;left:15px}.node-teams{bottom:24px;right:15px}.band-inner{justify-content:flex-start;gap:12px;flex-wrap:wrap;padding-block:20px}.band-inner>span{font-size:9px;width:calc(50% - 8px)}.band-inner .mud-icon-root{font-size:17px}.feature-grid{gap:12px}.feature-grid article{padding:21px 17px}.feature-grid article h3{font-size:15px}.feature-grid article p{font-size:11px}.feature-icon{height:36px;width:36px;margin-bottom:17px}.feature-icon .mud-icon-root{font-size:21px}.section-heading h2{font-size:29px}.section-heading .eyebrow{font-size:8px}.section-heading>p:last-child{font-size:12px}.company-section{grid-template-columns:1fr;padding:25px;gap:20px}.company-section h2{font-size:27px}.company-section>div>p:not(.eyebrow){font-size:12px}.company-note{padding:23px}.closing-cta{align-items:flex-start;flex-direction:column;gap:25px;padding-block:45px 15px}.site-footer{align-items:flex-start;padding-block:27px;gap:16px}.site-footer .wordmark{font-size:26px}.site-footer .brand-claim{font-size:7px}.site-footer nav{gap:15px;font-size:9px;padding-top:6px}.site-footer nav .mud-icon-root{font-size:17px}.auth{grid-template-columns:1fr;gap:28px;padding-block:38px;min-height:0}.auth-intro h1{font-size:38px}.auth-intro>p:not(.eyebrow):not(.hero-signature){font-size:12px;max-width:100%}.auth-intro .hero-signature{display:none}.auth-panel{max-width:none;padding:27px}.auth-panel h2{font-size:25px}.auth-panel form{gap:17px;margin-top:23px}.workspace{padding-block:33px}.workspace-heading{gap:18px;margin-bottom:26px}.workspace-heading h1{font-size:29px}.workspace-heading>div>p:last-child{font-size:11px}.workspace-heading .eyebrow{font-size:8px}.workspace-heading>.mud-button{font-size:10px;min-width:0;padding:7px}.workspace-heading .outline-button{font-size:10px;padding:10px;min-height:36px}.instance-grid{grid-template-columns:1fr;gap:16px}.instance-card{padding:25px}.instance-card h2{font-size:24px}.instance-card-top{margin-bottom:20px}.instance-meta{font-size:9px}.workspace-bottom{flex-direction:column;gap:12px;font-size:10px}.empty-state{padding:40px 24px}.empty-state h2{font-size:23px}.empty-state p{font-size:12px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:24px}.admin-metrics>div{padding:17px 19px}.admin-metrics strong{font-size:28px}.admin-tabs .mud-tab{min-width:130px;font-size:10px}.admin-tabs .mud-tab .mud-icon-root{font-size:16px}.admin-tab-content{padding-top:24px}.section-line h2{font-size:18px}.section-line>span{font-size:9px}.customer-list{grid-template-columns:1fr}.admin-form-grid{grid-template-columns:1fr;gap:16px}.setup-wide{grid-column:auto}.setup-card{padding:25px}.setup-card h2{font-size:23px}.setup-card>p{font-size:11px}.platform-table th,.platform-table td{padding:16px}.legal{padding-block:35px}.legal h1{font-size:30px}.legal h2{font-size:20px}.legal p,.legal address{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--accent:var(--green);--action:var(--green);--wash:var(--soft)}
.main-nav .admin-nav{display:inline-flex;align-items:center;gap:7px}.main-nav form{display:flex;margin:0}.nav-logout{display:grid;place-items:center;min-width:30px;min-height:36px;border:0;border-radius:8px;background:transparent;color:var(--muted);padding:6px}.nav-logout:hover{background:var(--soft)}
@media(max-width:600px){.main-nav .admin-nav>span,.desktop-label{display:none}.main-nav{gap:10px}.main-nav .admin-nav .mud-icon-root{font-size:18px}.nav-logout .mud-icon-root{font-size:17px}.main-nav .primary{padding-inline:10px}}
.admin-tabs .mud-tabs-panels{padding-top:30px}
@media(max-width:600px){.admin-tabs .mud-tabs-panels{padding-top:24px}}
h1:focus{outline:none}.form-field{display:flex;flex-direction:column;gap:7px}
@media(max-width:600px){.admin-workspace .workspace-heading{flex-wrap:wrap}.admin-workspace .workspace-heading>div{flex:1 1 100%}.admin-workspace .workspace-heading>.mud-button{min-width:130px;flex-shrink:0}}
.instance-manage{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:550;margin-top:15px;text-decoration:none;color:var(--green)}.member-workspace .workspace-heading>.outline-button{flex-shrink:0}.member-role-control{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.member-role-control select{min-width:165px;font-size:11px;min-height:38px;padding:8px 10px}.member-role-control .mud-button{padding:3px 0}.member-self{display:inline-block;color:var(--muted);font-size:9px;margin-top:6px;font-weight:400}.member-guard-note{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:11px;line-height:1.8;margin:-12px 0 32px}.member-guard-note .mud-icon-root{flex-shrink:0;margin-top:2px;color:var(--green)}.member-table{min-width:760px}.member-forms{margin-top:20px}.invitation-result{margin-top:24px;padding:18px;background:#eff5ef;border:1px solid #d5e3d7;border-radius:10px}.invitation-result>strong{font-size:11px;font-weight:550;overflow-wrap:anywhere}.invitation-result>p{font-size:10px;line-height:1.7;color:var(--muted);margin:10px 0 13px}.invitation-link-input{font-size:10px;background:#fff}.invitation-result .mud-button{margin-top:13px;font-size:10px}.invited-person{font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.invitation-page .auth-panel h2{font-size:24px}
@media(max-width:600px){.member-workspace .workspace-heading{flex-wrap:wrap}.member-workspace .workspace-heading>div{flex:1 1 100%}.member-workspace .workspace-heading>.outline-button{font-size:11px;padding:10px 13px;min-height:38px}.member-guard-note{font-size:10px}.member-role-control select{min-width:150px}.member-table{min-width:650px}.invitation-result{padding:16px}.invitation-page .auth-panel h2{font-size:22px}}
.table-manage{display:inline-block;margin-top:8px;font-size:9px;text-decoration:none;font-weight:500}

/* Shared product presentation */
.product-logo{max-width:210px;max-height:54px;object-fit:contain}.platform-nav{display:flex;gap:25px;align-items:center;overflow-x:auto;white-space:nowrap;padding-block:15px;border-bottom:1px solid var(--line);font-size:12px}.platform-nav a{color:var(--muted);text-decoration:none}.platform-nav a.active{color:var(--green);font-weight:650}.product-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:35px}.catalog-product{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:32px}.catalog-product h2{font-size:27px}.catalog-product p{color:var(--muted);min-height:44px;font-size:13px}.catalog-product .feature-icon{margin-bottom:20px}.product-badge{display:inline-block;font-size:10px;font-weight:650;letter-spacing:.03em;color:var(--green);border:1px solid var(--line);border-radius:20px;padding:4px 10px;margin:0 0 16px}.legal-plain-text{white-space:pre-line;overflow-wrap:anywhere;line-height:1.85}.customer-type-options{display:flex;flex-wrap:wrap;gap:12px 24px;border:0;padding:0;margin:0}.customer-type-options legend{font-size:11px;font-weight:550;margin-bottom:10px}.auth-panel .customer-type-options label{display:flex;flex-direction:row;gap:8px;align-items:center;font-size:12px;font-weight:450}.auth-panel .customer-type-options input{width:16px;height:16px;min-height:0;margin:0;padding:0;accent-color:var(--green)}.registration-form .private-label{display:none}.registration-form:has(input[value="Private"]:checked) .company-label{display:none}.registration-form:has(input[value="Private"]:checked) .private-label{display:inline}.setup-card label{display:flex;flex-direction:column;gap:7px;margin-block:13px}.setup-card textarea{width:100%;font:inherit;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;color:var(--ink);resize:vertical}.color-fields{display:flex;gap:20px}.color-fields label{flex:1}.color-fields input{min-width:100px;height:44px;padding:4px}.editor-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.editor-actions a{display:inline-flex;gap:8px;align-items:center;font-size:12px}.module-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.module-section{margin-top:35px}.module-section h2{font-size:25px}.module-intro{max-width:760px;color:var(--muted)}.module-key-value{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.module-key-value>div{padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px}.module-key-value span{display:block;font-size:11px;color:var(--muted)}.module-key-value strong{display:block;margin-top:8px;font-size:23px;font-weight:550;overflow-wrap:anywhere}.checkbox-list{display:flex;flex-direction:column;gap:8px;margin-block:15px}.setup-card .checkbox-list label,.checkbox-row{display:flex;flex-direction:row;gap:10px;align-items:center;font-size:12px}.checkbox-list input,.checkbox-row input{width:16px;min-height:16px;accent-color:var(--green)}.inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.sensitive-value{overflow-wrap:anywhere}.module-loading{padding:40px 0;color:var(--muted)}
@media(max-width:700px){.mast{min-height:88px;gap:15px}.mast .wordmark{font-size:31px}.product-logo{max-width:145px;max-height:42px}.main-nav .product-nav{display:none}.platform-nav{gap:20px;font-size:11px}.product-catalog-grid,.module-key-value{grid-template-columns:1fr}.catalog-product{padding:25px}.editor-actions{align-items:flex-start;flex-direction:column;gap:18px}.customer-type-options{gap:12px}.color-fields{gap:12px}.site-footer{align-items:flex-start}.site-footer nav{flex-wrap:wrap;gap:15px}.module-section h2{font-size:23px}}
.catalog-illustration{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-content:center;min-height:440px;padding:42px;border:1px solid #dce2f3;border-radius:24px;background:radial-gradient(ellipse at 80% 10%,#dde3fb 0%,#edf0fb 45%,#f8f9fd 100%)}.catalog-centre{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:42px 20px;border-radius:18px;background:var(--green);color:#fff;box-shadow:0 16px 32px #4051b51a}.catalog-centre>.wordmark{font-size:40px}.catalog-centre>span:last-child{font-size:11px;opacity:.8}.catalog-node{display:flex;align-items:center;justify-content:center;gap:12px;padding:25px 16px;border:1px solid #dce2f3;border-radius:14px;background:#ffffffde;font-size:13px}.catalog-node .mud-icon-root{color:var(--green)}.product-section{padding-block:60px}.section-heading{max-width:650px}.section-heading p{color:var(--muted);font-size:14px}.legal-copy,.operator-details address{white-space:pre-line;overflow-wrap:anywhere;line-height:1.85}.operator-details address{display:flex;flex-direction:column;gap:10px;font-style:normal;margin-bottom:30px}.legal-navigation{display:flex;gap:24px;margin-top:35px;font-size:12px}.profile-card{max-width:680px}.primary:hover{background:var(--green);filter:brightness(.92)}.home-band{background:#e9edf8}.eyebrow{color:var(--green)}
.brand,.auth>*,.catalog-node,.catalog-node strong{min-width:0}.mast>.brand{flex:1;max-width:55%;padding-block:12px}.main-nav,.site-footer nav{flex-shrink:0}.wordmark,.brand-claim,h1,h2,h3,.eyebrow,.catalog-node strong{overflow-wrap:anywhere}.wordmark{max-width:100%}.brand-claim{white-space:normal}.site-footer{flex-wrap:wrap}.site-footer>.brand{flex:1}.auth{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:700px){.auth{grid-template-columns:minmax(0,1fr)}.mast>.brand{max-width:none}.site-footer>.brand{flex-basis:100%}}
@media(max-width:700px){.catalog-illustration{min-height:320px;padding:24px;gap:14px}.catalog-centre{padding:30px 15px}.catalog-centre>.wordmark{font-size:34px}.catalog-node{padding:20px 10px;font-size:12px;gap:8px}.product-section{padding-block:36px}.legal-navigation{flex-wrap:wrap}}
.catalog-product .catalog-website{margin:14px 0 0;min-height:0;font-size:11px}.application-editor,.application-editor .admin-form-grid>*,.global-settings>*{min-width:0}.application-editor input,.global-settings input{max-width:100%}.app-payment-settings{border-top:1px solid var(--line);padding-top:24px}
.setup-card .checkbox-row{flex-direction:row;align-items:center;gap:10px}.setup-card .checkbox-row input{width:16px;min-height:16px;flex:0 0 16px}
.compose-editor{font-family:Consolas,"Courier New",monospace!important;font-size:12px;line-height:1.55;white-space:pre;overflow:auto;min-height:420px}.recipe-placeholders{display:flex;flex-wrap:wrap;gap:8px 24px;padding-left:20px;font-size:11px}.member-choice{border:1px solid var(--line);border-radius:8px;padding:16px;min-width:0}.member-choice legend{font-size:11px;padding-inline:5px}
.operations-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:16px;margin:24px 0}.operations-filters>div{min-width:0}.operations-filters label{margin-bottom:7px}.operations-filters .outline-button{font-size:11px;white-space:nowrap}@media(max-width:800px){.operations-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.operations-filters{grid-template-columns:1fr}}
.container-statistics>summary{cursor:pointer;color:var(--green);font-size:11px;padding:3px 0}.container-statistics .table-scroll{margin:16px 0 0}.container-details-row>td{background:#fafcfb;padding-top:8px!important}.container-statistics .platform-table{font-size:10px}.container-statistics .platform-table th,.container-statistics .platform-table td{padding:13px 15px}

/* Shared administration dialogs. The modal owns form spacing independently of page cards. */
.appchamp-modal{position:relative;border-radius:14px!important;max-height:calc(100dvh - 32px)}
.appchamp-modal-title{font-size:24px;line-height:1.35;margin:0;padding-right:42px}
.appchamp-modal .mud-dialog-content{position:static}.appchamp-modal .appchamp-modal-close{position:absolute;right:12px;top:12px;z-index:2}
.appchamp-modal-form form{display:flex;flex-direction:column;gap:16px;margin-top:4px}
.appchamp-modal-form label{display:flex;flex-direction:column;gap:7px;font-size:13px}
.appchamp-modal-form input:not([type=checkbox]):not([type=radio]),.appchamp-modal-form select,.appchamp-modal-form textarea{width:100%;min-width:0;min-height:44px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}
.appchamp-modal-form textarea{resize:vertical}
.appchamp-modal-form small{color:var(--muted);font-size:12px;line-height:1.6}
.appchamp-modal-form .form-help{margin-top:0}

/* Account header follows the MidAI identity and preference grouping. */
.appchamp-header{min-height:88px}.header-tools{gap:8px}.header-icon-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border:1px solid transparent;border-radius:12px;color:var(--muted)!important}.header-icon-link:hover{background:var(--soft);border-color:var(--line);color:var(--green)!important}.header-icon-link .mud-icon-root{font-size:24px}.header-user-menu{display:inline-flex;min-width:0;margin-left:8px}.header-user-trigger{min-height:46px;display:flex;align-items:center;gap:10px;padding:5px 10px 5px 6px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 5px 16px #1b2a4510}.header-user-trigger:hover{border-color:var(--green)}.header-user-avatar{background:#4051b5!important;color:#fff!important;font-weight:700}.header-user-identity{display:flex;flex-direction:column;align-items:flex-start;line-height:1.3;min-width:0}.header-user-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}.header-user-role{font-size:10px;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user-panel{position:fixed;inset:78px max(16px,calc((100vw - 1240px)/2)) auto auto;width:min(370px,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow:auto;margin:0;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 24px 58px #0f172a30;font-size:13px;line-height:1.5}.header-user-panel::backdrop{background:transparent}.header-user-card{display:flex;align-items:flex-start;gap:14px;padding:20px;border-bottom:1px solid var(--line)}.header-user-card>div{min-width:0;display:flex;flex-direction:column;gap:3px}.header-user-card strong{font-size:15px;overflow-wrap:anywhere}.header-user-card span,.header-user-card small{color:var(--muted);overflow-wrap:anywhere}.header-user-card small{font-size:11px}.header-user-preferences{padding:18px 20px;display:flex;flex-direction:column;gap:18px}.header-language-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.header-language-form label,.header-preference-label{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--ink)}.header-language-form label .mud-icon-root,.header-preference-label .mud-icon-root{color:var(--green)}.header-language-choice{display:flex;align-items:center;gap:8px}.language-flag{width:24px;height:16px;border-radius:3px;flex-shrink:0}.header-language-choice select{width:auto;max-width:170px;min-height:42px;padding:8px 10px;border-color:var(--line);background:var(--paper);color:var(--ink)}.header-language-submit{grid-column:1/-1;justify-self:end;background:transparent;color:var(--green);border:0;padding:0;font-size:11px;text-decoration:underline;text-underline-offset:3px}.header-theme-row{display:flex;flex-direction:column;gap:10px}.theme-mode-selector{display:flex;gap:4px;align-items:center;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--paper);margin:0}.theme-mode-selector button{display:inline-flex;align-items:center;justify-content:center;flex:1;gap:6px;min-width:0;min-height:42px;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);font-size:12px}.theme-mode-selector button[aria-pressed=true]{border-color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--paper));color:var(--green)}.theme-mode-selector button:hover{background:var(--soft)}.header-user-actions{border-top:1px solid var(--line);padding:7px}.header-user-actions a,.header-user-actions button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:10px;min-height:44px;text-decoration:none;background:transparent;color:var(--ink);font-size:13px}.header-user-actions a:hover,.header-user-actions button:hover{background:var(--soft)}.header-user-actions .header-signout{color:#b13f52}.header-identity-notice{padding:12px 20px;margin:0;color:var(--muted)}.header-login{margin-left:6px}

/* HTML theme markers also cover static account forms and portal dialogs. */
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark;--ink:#e7ecf4;--muted:#acb8ca;--line:#354252;--soft:#253247;--paper:#1b2431;background:#111720;color:var(--ink)}
html[data-theme="dark"] body{background:#111720;color:var(--ink)}
html[data-theme="dark"] .branded-shell{--green:#a6b1ff!important;--brand-secondary:#bdc5f0!important}
html[data-theme="dark"] .site-header,html[data-theme="dark"] .auth-panel,html[data-theme="dark"] .table-scroll,html[data-theme="dark"] .instance-card,html[data-theme="dark"] .empty-state,html[data-theme="dark"] .map-node,html[data-theme="dark"] .company-note,html[data-theme="dark"] .setup-card,html[data-theme="dark"] .mud-dialog,html[data-theme="dark"] .admin-metrics>div{background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .platform-table thead th{background:#222e3d;color:var(--muted)}
html[data-theme="dark"] input:not([type=checkbox]):not([type=radio]),html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .appchamp-modal-form input:not([type=checkbox]):not([type=radio]),html[data-theme="dark"] .appchamp-modal-form select,html[data-theme="dark"] .appchamp-modal-form textarea{background:#131c29;color:var(--ink);border-color:#49576c}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#94a3b8;opacity:1}
html[data-theme="dark"] .business-map,html[data-theme="dark"] .company-section,html[data-theme="dark"] .feature-band{background:#202f40;border-color:var(--line)}
html[data-theme="dark"] .company-section>div>p:not(.eyebrow){color:var(--muted)}
html[data-theme="dark"] .eyebrow{color:#acb8ed}
html[data-theme="dark"] .status-badge{background:#2b3546;color:#c7d1e3}html[data-theme="dark"] .status-badge.ready{background:#1b4038;color:#a5e6ce}
html[data-theme="dark"] .feature-icon,html[data-theme="dark"] .instance-symbol{background:#2a344e;color:#b4bfff}
html[data-theme="dark"] .form-error{background:#412733;border-color:#7b4052;color:#ffbdc8}html[data-theme="dark"] .validation-errors,html[data-theme="dark"] .validation-message,html[data-theme="dark"] .appchamp-modal-form .validation-message,html[data-theme="dark"] .appchamp-modal-form .validation-summary-errors{color:#ffbdc8}
html[data-theme="dark"] .header-user-actions .header-signout{color:#ffb2bf}
html[data-theme="dark"] .primary{background:#5265c3;border-color:#8797ed;color:#fff!important}html[data-theme="dark"] .primary:hover{background:#6073cf}
html[data-theme="dark"] .home-band,html[data-theme="dark"] .feature-grid article,html[data-theme="dark"] .customer-list>div,html[data-theme="dark"] .module-key-value>div,html[data-theme="dark"] .catalog-node,html[data-theme="dark"] .container-details-row>td{background:var(--paper);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .status-badge.error{background:#472936;color:#ffbdc8}
@media(max-width:700px){.appchamp-header{gap:10px;min-height:76px}.appchamp-header .wordmark{font-size:31px}.header-tools{gap:2px}.header-icon-link{width:38px;height:42px;flex-basis:38px}.header-user-menu{margin-left:4px}.header-user-identity,.header-preferences-label{display:none}.header-user-trigger{padding:5px;gap:4px;min-height:42px;border-radius:12px}.header-user-trigger>.mud-icon-root{width:16px}.header-user-panel{top:68px}.header-login{padding:10px;font-size:11px;gap:7px;margin-left:4px}.header-login .mud-icon-root{display:none}}
@media(max-width:390px){.appchamp-header .wordmark{font-size:28px}.header-icon-link{width:34px;flex-basis:34px}.header-tools{gap:0}}
.app-wizard-fields{border:0;min-width:0;padding:0;margin:0}.app-wizard-tabs .mud-tabs-tabbar{background:transparent;border-bottom:1px solid var(--line)}.app-wizard-tabs .mud-tab{text-transform:none;font-family:inherit;letter-spacing:0}.app-tab-content{padding-top:24px;min-width:0}.app-tab-content label,.app-branding-fields label{margin-block:10px}.app-tab-content .checkbox-row{margin-block:18px 8px}.app-tab-content .form-help{margin-top:0}.app-branding-fields h3{margin-top:12px}.app-wizard-validation ul{padding-left:18px;margin:8px 0 0}.app-wizard-validation button{background:transparent;border:0;padding:3px 0;color:inherit;text-align:left;text-decoration:underline}.app-draft-note{flex:1;min-width:180px;color:var(--muted);font-size:11px}.compose-label{margin-top:20px!important}.compose-placeholders{font-family:monospace;overflow-wrap:anywhere;font-size:12px;color:var(--muted)}
@media(max-width:700px){.app-wizard-tabs .mud-tab{font-size:12px}.app-tab-content{padding-top:18px}.app-draft-note{min-width:0}.app-wizard .admin-form-grid{grid-template-columns:1fr}}
.appchamp-modal-form .checkbox-list{margin-block:0;gap:10px}
.appchamp-modal-form .checkbox-list label,.appchamp-modal-form .checkbox-row{flex-direction:row;align-items:center;gap:10px}
.appchamp-modal-form input[type=checkbox],.appchamp-modal-form input[type=radio]{width:17px;min-height:17px;flex:0 0 17px}
.appchamp-modal-form .validation-summary-valid{display:none}
.appchamp-modal-form .validation-message,.appchamp-modal-form .validation-summary-errors{color:#b42318}
.dialog-form-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:10px;padding-top:16px;border-top:1px solid var(--line)}
.host-dialog-fields{display:flex;flex-direction:column;gap:16px;min-inline-size:0;margin:0;padding:0;border:0}
.host-password-control{position:relative}
.appchamp-modal-form .host-password-control input:is([type=password],[type=text]){padding-inline-end:52px}
.host-password-control .mud-icon-button{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);color:var(--muted)}
.host-dialog-actions .host-test-connection{margin-inline-end:auto}
.module-key-value.infrastructure-overview{grid-template-columns:repeat(4,minmax(0,1fr))}
.pool-members>small{display:block;margin-block:0 10px}
.pool-member-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,12rem);align-items:center;gap:10px 20px;padding-block:10px;overflow-wrap:anywhere}
.pool-member-row+.pool-member-row{border-top:1px solid var(--line)}
.pool-member-row .checkbox-row{margin:0}
.pool-member-row>div>small{display:block;margin-inline-start:27px}
.pool-usage{min-inline-size:8rem}
.pool-usage-bar{display:flex;block-size:8px;max-inline-size:12rem;overflow:hidden;border-radius:999px;margin-block:6px}
.pool-usage-bar>span{flex-basis:0}
.pool-usage-bar .pool-used{background:var(--green)}
.pool-usage-bar .pool-blocked{background:repeating-linear-gradient(135deg,var(--muted) 0 2px,var(--soft) 2px 5px)}
.pool-usage-bar .pool-free{background:var(--soft)}
.host-metrics{min-inline-size:11rem;overflow-wrap:anywhere}
.host-gpu-list{list-style:none;margin:8px 0 0;padding:0}
.host-gpu-list li+li{margin-block-start:6px}
.version-list-heading{align-items:flex-start;gap:12px}
.version-list-heading .module-intro{margin:0}
.version-list{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:0}
.version-list>li,.version-draft{border:1px solid var(--line);border-radius:10px}
.version-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;padding:14px 16px;border:0;border-radius:9px;background:transparent;color:var(--ink);text-align:start;cursor:pointer}
.version-list-row:hover,.version-list-row[aria-expanded=true]{background:var(--soft)}
.version-list-title,.version-list-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.version-list-title{overflow-wrap:anywhere}
.version-details{padding:16px}
.version-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0 0 16px}
.version-facts dt{font-weight:600}
.version-facts dd{margin:4px 0 0;color:var(--muted)}
.version-draft{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-block-start:16px;padding:14px 16px}
.version-draft p{margin:3px 0}
@media(max-width:600px){
    .version-list-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}
    .version-list-status{grid-row:2}
    .version-list-row>.mud-icon-root{grid-column:2;grid-row:1}
    .version-facts{grid-template-columns:1fr}
}
@media(max-width:850px){.module-key-value.infrastructure-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.module-key-value.infrastructure-overview,.pool-member-row{grid-template-columns:1fr}}
.profile-details{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px 18px;margin:24px 0}
.profile-details dt{color:var(--muted)}.profile-details dd{margin:0;overflow-wrap:anywhere}
@media(max-width:600px){.appchamp-modal-title{font-size:21px}.dialog-form-actions{flex-direction:column-reverse}.dialog-form-actions .mud-button-root{width:100%}.profile-details{grid-template-columns:1fr;gap:4px}.profile-details dd{margin-bottom:12px}}
/* Self-hosted CodeMirror Compose editor and its local service graph. */
.compose-editor-shell{border:1px solid var(--mud-palette-lines-default,#d9e1df);border-radius:12px;overflow:hidden;min-width:0;width:100%}
.compose-editor-toolbar{display:flex;align-items:center;gap:14px;padding:10px 14px;background:var(--mud-palette-background-grey,#f5f7f6);font-size:.85rem;flex-wrap:wrap}
.compose-editor-toolbar>span{color:var(--mud-palette-text-secondary,#64716d);flex:1}
.compose-editor-toolbar button{font-size:.8rem;padding:6px 10px;white-space:nowrap}
.compose-editor-host{width:100%;min-width:0;text-align:left;direction:ltr}
.compose-editor-host[hidden]{display:none}
.compose-editor-host .cm-editor{background:var(--mud-palette-surface,#fff);color:var(--mud-palette-text-primary,#1b2f2b)}
.compose-editor-host .cm-editor.cm-focused{outline:2px solid var(--mud-palette-primary,#4051b5);outline-offset:-2px}
.compose-editor-host .cm-gutters{background:var(--mud-palette-background-grey,#f5f7f6);color:var(--mud-palette-text-secondary,#64716d);border-right-color:var(--mud-palette-lines-default,#d9e1df)}
.compose-service-graph{display:flex;gap:24px;padding:24px;min-height:260px;flex-wrap:wrap;align-content:flex-start;background:var(--mud-palette-background,#f6f8f7)}
.compose-service-node{background:var(--mud-palette-surface,#fff);border:1px solid var(--mud-palette-primary,#4051b5);border-radius:12px;padding:18px;flex:1 1 230px;min-width:0}
.compose-service-node>strong{display:block;font-size:1.1rem;margin-bottom:12px}
.compose-service-node code{font-size:.78rem;overflow-wrap:anywhere;white-space:normal}
.compose-service-node p{margin:12px 0 8px}
.compose-editor-shell>textarea{width:100%;font-family:Consolas,monospace}