/* Shared DispoHub components: customer-specific composition, preserved studio identity. */
.j-transcript{margin:0 0 38px;display:flex;flex-direction:column;gap:20px}.conversation-label{font-size:11px;letter-spacing:2px;color:#8fa3a7;border-bottom:1px solid #ffffff15;padding-bottom:18px}.conversation-message{max-width:90%;font-size:15px;line-height:1.7}.conversation-message>span{font-size:10px;letter-spacing:1.5px;color:#a8e66b}.conversation-message p{white-space:pre-wrap;margin:7px 0 0}.conversation-message.from-you{align-self:flex-end;border:1px solid #ffffff18;background:#1a282d;border-radius:18px 18px 4px 18px;padding:15px 20px}.conversation-message.from-you>span{color:#90a7b0}.conversation-message.from-studio{padding:8px 0;color:#ccd8dc}#j-current{scroll-margin-top:25px}.j-transcript+#j-current .j-main h1{font-size:38px}.j-map-choice{display:block;background:#15252c;border:1px solid #41565c;color:#d6e3e8;padding:12px 16px;border-radius:10px;margin:0 0 18px;text-align:left;cursor:pointer}.j-map-choice[aria-pressed=true]{border-color:#a8e66b;color:#c9efa9}.j-connection-picker{margin:25px 0}.j-connection-picker>p{font-size:14px;color:#cad8da}.j-connection-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.j-connection-picker button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid #33434a;border-radius:12px;background:#122028;color:#eaf2f5;padding:17px;text-align:left;cursor:pointer}.j-connection-picker button[aria-pressed=true]{border-color:#a8e66b;background:#a8e66b0d}.j-connection-picker button>b{background:#243844;border-radius:8px;padding:8px;font-size:15px}.j-connection-picker button strong{font-size:15px}.j-connection-picker button span{font-size:11px;color:#97afb9}.j-connection-picker em{font-size:11px;color:#badb9d;font-style:normal}.j-connection-picker>small{display:block;margin-top:14px;font-size:12px;color:#95aaae;line-height:1.7}.template-filter{display:flex;flex-direction:column;gap:10px;margin:20px 0;color:#a7bbbf;font-size:13px}.template-filter select{background:#16232b;color:#e4edef;border:1px solid #435860;border-radius:9px;padding:13px;font:inherit}.template-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.template-choice{overflow:hidden;padding:0;border:1px solid #35494e;background:#142029;color:#e2edf2;text-align:left;border-radius:14px;cursor:pointer;transition:transform .2s,border-color .2s}.template-choice:hover{transform:translateY(-3px);border-color:#7a997d}.template-choice.chosen{border-color:#a8e66b;box-shadow:0 0 0 2px #a8e66b22}.template-caption{padding:17px}.template-caption>strong{display:block;font-size:15px}.template-caption>span{display:block;color:#b4c7ce;font-size:13px;margin-top:7px}.template-caption>small{display:block;font-size:11px;color:#90a9b3;line-height:1.6;margin-top:12px;min-height:50px}.template-caption>b{display:block;color:#bce699;font-size:12px;margin-top:15px}.template-selection{font-size:14px;color:#b9dca6;margin:24px 0 15px}.selected-template-review{display:flex;gap:10px;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:18px;margin-top:20px;align-items:center;font-size:14px}.template-mini{height:170px;background:#eff3f6;display:grid;grid-template-columns:30px 1fr;overflow:hidden;color:#293f4e;border-bottom:1px solid #43545d;pointer-events:none}.mini-nav{padding:9px 6px;background:#11202d}.mini-nav>b{font-size:8px;background:var(--mini-accent);color:#12212b;display:block;text-align:center;padding:4px;border-radius:4px}.mini-nav>i{display:block;height:3px;background:#687e8855;margin-top:15px}.mini-nav>i:first-of-type{background:var(--mini-accent)}.mini-work{padding:12px;min-width:0}.mini-work>small{font-size:7px;letter-spacing:1px}.mini-layout{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.mini-widget{border:1px solid #d5e0e7;border-radius:4px;background:#fff;padding:7px;min-width:0}.mini-widget.lead{grid-column:1/-1;height:61px}.mini-widget svg{height:100%;width:100%;fill:var(--mini-accent);stroke:var(--mini-accent);stroke-width:2}.mini-widget svg path{fill:none}.mini-numbers{display:flex;gap:12px;justify-content:space-around}.mini-numbers b{font-size:17px;font-weight:500}.mini-numbers small{display:block;font-size:6px;margin-top:4px;color:#69808c}.mini-lines i{display:block;height:5px;border-radius:2px;background:#dee7ec;margin:5px 0;font-size:6px;font-style:normal}.mini-lines i:nth-child(2){width:80%;background:color-mix(in srgb,var(--mini-accent) 30%,white)}.mini-board{display:flex;gap:5px;height:100%}.mini-board i{flex:1;background:linear-gradient(#a3b6c333 25%,transparent 25%,transparent 35%,#a3b6c333 35%,#a3b6c333 65%,transparent 65%);border-top:2px solid var(--mini-accent)}.mini-connect{display:flex;justify-content:space-around;align-items:center;height:100%}.mini-connect b{font-size:10px;padding:6px;border-radius:4px;background:#e7eef2}.mini-driver,.mini-focus{font-size:9px;line-height:1.7}.mini-driver>b,.mini-focus>strong{display:block}.mini-focus i{display:block;width:40%;height:7px;margin-top:6px;background:var(--mini-accent);border-radius:2px}.template-mini.nav-top{grid-template-columns:1fr;grid-template-rows:20px 1fr}.nav-top .mini-nav{display:flex;align-items:center;gap:12px;padding:3px 9px}.nav-top .mini-nav b{padding:1px 6px}.nav-top .mini-nav i{margin:0;width:17px}.nav-top .mini-work{padding-top:6px}.mini-panorama .mini-layout{grid-template-columns:1.2fr 1fr}.mini-panorama .mini-widget.lead{grid-column:1;grid-row:span 2;height:99px}.mini-executive .mini-widget.lead{height:45px}.mini-executive .mini-widget:not(.lead){height:57px}.mini-flow .mini-widget.lead{height:72px}.mini-evidence .mini-widget{border-radius:0}.mini-fleet .mini-widget.lead .mini-lines i{height:13px;padding:2px}.mini-connect .mini-widget.lead{background:#f7faf4}
.kit-panel{border:1px solid var(--p-line);background:var(--p-surface);border-radius:12px;overflow:hidden;height:100%;color:var(--p-text)}.kit-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px}.kit-panel h3{font-size:16px;font-weight:550;margin:4px 0}.kit-panel header small,.kit-focus>small{font-size:10px;letter-spacing:1.1px;color:var(--p-muted)}.kit-badge{border:1px solid var(--p-line);border-radius:20px;padding:5px 8px;color:var(--p-muted);font-size:10px;white-space:nowrap}.kit-dashboard{display:grid;gap:16px;grid-template-columns:1fr 1fr}.kit-dashboard>div{min-width:0}.kit-dashboard>div:first-child,.kit-dashboard .widget-orders,.kit-dashboard .widget-connections,.kit-dashboard .widget-kpis{grid-column:1/-1}.kit-dashboard.layout-panorama .widget-map{grid-column:1;grid-row:span 2}.kit-dashboard.layout-panorama .widget-orders,.kit-dashboard.layout-panorama .widget-kpis{grid-column:2}.kit-dashboard.layout-panorama .kit-kpis{grid-template-columns:1fr}.kit-dashboard.layout-flow .widget-board{grid-column:1/-1}.kit-dashboard.layout-fleet .widget-fleet{grid-column:1}.kit-dashboard.layout-fleet .widget-map{grid-column:2}.kit-dashboard.layout-executive .widget-focus{grid-column:1/-1}.kit-dashboard.layout-driver .widget-driver{grid-column:1}.kit-dashboard.layout-driver .widget-map{grid-column:2}.kit-dashboard.layout-evidence .widget-evidence{border-left:3px solid var(--accent)}.kit-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}.kit-kpis>div{padding:20px;border-right:1px solid var(--p-line);min-width:0}.kit-kpis span,.kit-kpis small{display:block;font-size:11px;color:var(--p-muted)}.kit-kpis strong{display:block;font-size:30px;font-weight:500;letter-spacing:-1px;margin:12px 0}.kit-workflow{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 22px}.kit-workflow>span{font-size:11px;display:flex;gap:5px;align-items:center;color:var(--p-muted)}.kit-workflow b{border:1px solid var(--p-line);border-radius:50%;padding:3px 6px;color:var(--p-text);font-size:9px}.kit-workflow>small{font-size:10px;align-self:center;color:var(--p-muted);margin-left:auto}.kit-note{font-size:12px;line-height:1.7;color:var(--p-muted);margin:0;padding:15px 18px}.kit-focus{padding:24px;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 8%,var(--p-surface)),var(--p-surface))}.kit-focus h3{font-size:23px;line-height:1.3;margin:16px 0}.kit-focus p{font-size:13px;color:var(--p-muted);line-height:1.7}.kit-focus .product-primary{margin-top:14px}.kit-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px 18px}.kit-board>div{background:var(--p-bg);padding:10px;border-radius:8px}.kit-board h4{font-size:11px;margin:0 0 14px}.kit-board button{display:block;background:var(--p-surface);border:1px solid var(--p-line);color:var(--p-text);padding:12px;width:100%;text-align:left;border-radius:7px;cursor:pointer}.kit-board button b,.kit-board button span{display:block;font-size:10px;margin:3px 0}.kit-board small{font-size:10px;color:var(--p-muted)}.kit-fleet{padding:0 16px 18px}.kit-fleet button{width:100%;display:flex;gap:12px;align-items:center;padding:13px 0;border:0;border-top:1px solid var(--p-line);background:none;text-align:left;color:var(--p-text);cursor:pointer}.kit-fleet button>span{font-size:26px;color:var(--accent)}.kit-fleet strong{font-size:13px}.kit-fleet small{display:block;font-size:10px;color:var(--p-muted);margin-top:5px}.kit-fleet em{margin-left:auto;font-size:10px;font-style:normal}.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px}.connection-card{display:flex;flex-direction:column;gap:7px;align-items:flex-start;text-align:left;border:1px solid var(--p-line);background:var(--p-bg);border-radius:9px;padding:14px;cursor:pointer;color:var(--p-text)}.connection-mark{background:var(--p-surface);border:1px solid var(--p-line);border-radius:8px;font-size:14px;padding:8px}.connection-card strong{font-size:14px}.connection-card span{font-size:10px;color:var(--p-muted)}.connection-card em{font-size:10px;color:#277a40;font-style:normal}.software-frame[data-theme=dark] .connection-card em{color:#a8e66b}.connection-card small{font-size:9px;color:var(--p-muted)}.map-canvas{position:relative;background:#e6eef1;height:310px;overflow:hidden;color:#284c61}.geo-map{width:100%;height:100%;display:block}.map-country{fill:#d5e1e6;stroke:#b5c8d1;stroke-width:1}.map-home{fill:#f5f8f7;stroke:#8faab7;stroke-width:1.3}.map-route{fill:none;stroke:#2463eb;stroke-width:2.5;stroke-dasharray:5 3}.map-pin{fill:#2463eb;stroke:white;stroke-width:2}.geo-map text{font-size:11px;fill:#253d4d;font-weight:550;paint-order:stroke;stroke:#f5f8f7;stroke-width:3}.map-controls{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;box-shadow:0 3px 12px #19374c22}.map-controls button{background:white;color:#1b3546;border:1px solid #d0dbe0;width:31px;height:30px;font-size:18px;cursor:pointer}.map-credit{position:absolute;bottom:0;right:0;font-size:9px;background:#ffffffc9;padding:4px 7px;color:#365362}.map-routes{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.map-routes button{display:flex;flex-direction:column;gap:5px;flex:1;min-width:100px;background:var(--p-bg);border:1px solid var(--p-line);color:var(--p-text);border-radius:8px;padding:10px;text-align:left;cursor:pointer}.map-routes button b{font-size:11px}.map-routes button span{font-size:9px;color:var(--p-muted)}.density-compact .kit-panel>header{padding:12px}.density-compact .kit-kpis>div{padding:13px}.density-compact .kit-panel{border-radius:6px}.software-frame[data-layout=top] .product{display:block}.software-frame[data-layout=top] .product-sidebar{width:auto;display:block;padding:14px;min-height:0}.software-frame[data-layout=top] .tenant-brand{padding:0 0 10px}.software-frame[data-layout=top] .product-sidebar nav{display:flex;flex-wrap:wrap;gap:5px}.software-frame[data-layout=top] .product-nav{width:auto;font-size:11px;padding:8px 10px}.software-frame[data-layout=top] .sidebar-bottom,.software-frame[data-layout=top] .nav-caption{display:none}.software-frame[data-layout=top] .product-main{width:100%}
@media(max-width:1100px){.kit-dashboard{display:block}.kit-dashboard>div{margin-bottom:14px}.connection-grid{grid-template-columns:repeat(2,1fr)}.template-caption{padding:12px}.template-caption>strong{font-size:13px}.template-mini{height:155px}.j-connection-picker>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.template-gallery{grid-template-columns:1fr}.template-mini{height:185px}.mini-widget.lead{height:77px}.j-transcript{gap:13px}.conversation-message{font-size:14px;max-width:95%}.j-connection-picker button{padding:13px}.kit-kpis strong{font-size:25px}.kit-kpis>div{padding:12px}.connection-grid{padding:0 12px}.kit-board{gap:5px;padding:0 8px 12px}.kit-board>div{padding:6px}.kit-board button{padding:8px}.selected-template-review{align-items:flex-start;flex-direction:column}.map-canvas{height:270px}.template-picker h1{font-size:34px}.template-caption>small{min-height:0}}
@media(prefers-reduced-motion:reduce){.template-choice{transition:none}}

@media(min-width:761px){.j-rail{position:sticky;top:28px;align-self:start}}

@media(min-width:900px){.expanded .kit-dashboard{display:grid}.expanded .kit-dashboard>div{margin-bottom:0}.expanded .kit-dashboard.layout-panorama{grid-template-columns:1fr 1.1fr}.expanded .layout-panorama .kit-kpis{grid-template-columns:repeat(3,1fr)}.expanded .layout-panorama .kit-kpis strong{font-size:24px}.expanded .layout-panorama .kit-kpis>div{padding:12px}.expanded .layout-panorama .map-canvas{height:380px}.expanded .connection-grid{grid-template-columns:repeat(3,1fr)}}

.j-build-template{position:relative;margin:24px;overflow:hidden;border-radius:10px}.j-build-template .template-mini{height:285px}.j-build-template .mini-widget.lead{height:120px}.j-build-template .mini-widget:not(.lead){min-height:75px}.j-build-template .mini-work{padding:20px}.j-build-template .mini-work>small{font-size:10px}.j-build-template .mini-numbers b{font-size:25px}.j-build-template .mini-numbers small{font-size:9px}.j-build-components{padding:0 24px 24px;display:flex;gap:7px;flex-wrap:wrap}.j-build-components span{border:1px solid #ffffff20;color:#bdd2d3;border-radius:5px;padding:6px 8px;font-size:11px}

.instant-options{display:grid;gap:12px;margin:24px 0}.instant-options button{padding:20px 22px;border:1px solid #3e535b;border-radius:13px;background:#132129;text-align:left;color:#e5eef1;cursor:pointer}.instant-options strong{display:block;font-size:18px;font-weight:500}.instant-options span{display:block;font-size:13px;color:#9bafb7;margin-top:8px}.instant-options button[aria-pressed=true],.instant-modules button[aria-pressed=true]{border-color:#a8e66b;background:#a8e66b12}.instant-modules{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.instant-modules button{padding:12px 15px;background:#14232b;border:1px solid #3e535b;color:#dce9ed;border-radius:10px;font:inherit;font-size:14px;cursor:pointer}.j-company-input{width:100%;padding:17px;background:#142027;border:1px solid #51616b;border-radius:12px;color:white;font:inherit;font-size:20px;margin-bottom:20px}.j-company-input:focus{outline:2px solid #a8e66b;outline-offset:2px}