.dfd-mode-switch{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;flex:none;white-space:nowrap;border:1px solid #536171!important;border-radius:7px!important;background:#111a24!important;color:#d7e1eb!important;padding:9px 11px!important;min-height:38px;font:600 11px/1.3 system-ui!important;text-decoration:none!important;letter-spacing:0!important}.dfd-mode-switch[aria-checked=true]{border-color:#a68040!important;background:#302516!important;color:#ffe0a7!important}.dfd-mode-switch:focus-visible{outline:3px solid #94d4ff;outline-offset:3px}.dfd-switch-track{display:block;width:27px;height:15px;border-radius:10px;background:#586576;position:relative}.dfd-switch-track:before{content:'';position:absolute;top:3px;left:3px;width:9px;height:9px;background:#e6edf5;border-radius:50%}.dfd-mode-switch[aria-checked=true] .dfd-switch-track{background:#c59643}.dfd-mode-switch[aria-checked=true] .dfd-switch-track:before{left:15px;background:#fff4db}.portal-language{flex-wrap:wrap}.dfd-public .nav-right{gap:10px}.dfd-public .nav-links{gap:14px}.dfd-public .nav-cta{display:none!important}.dfd-connections{--connection:#ff677c;margin:20px 0;padding:22px;border:1px solid color-mix(in srgb,var(--connection) 45%,#222c38);border-radius:14px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--connection) 12%,transparent),transparent 75%),#11171f;box-shadow:0 6px 30px #0002}.dfd-connections[data-state=connected]{--connection:#4fe0a3}.dfd-connections[data-state=unverified]{--connection:#efbd68}.dfd-connection-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.dfd-connection-heading h2{font:700 20px/1.3 system-ui!important;letter-spacing:-.4px!important;margin:5px 0!important;color:#f2f5fa!important}.dfd-connection-eyebrow{font:600 9px/1.4 system-ui;letter-spacing:2px;color:#afbdcc}.dfd-connection-summary{font:600 12px/1.5 system-ui;color:var(--connection);text-align:right}.dfd-connection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dfd-connection{--signal:#ff8192;border:1px solid #763848;background:#351b2588;padding:13px;border-radius:8px;font:12px/1.4 system-ui;min-width:0}.dfd-connection[data-state=connected]{--signal:#77ecc0;border-color:#2e6753;background:#102e2588}.dfd-connection[data-state=simulation],.dfd-connection[data-state=unknown]{--signal:#ffd28b;border-color:#6e5532;background:#3b2d1d88}.dfd-connection strong{display:block;font-size:11px;color:var(--signal);margin:8px 0 4px}.dfd-connection strong:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:var(--signal)}.dfd-connection small{color:#aab6c4;font-size:10px}.dfd-connection-name{color:#eff4f8}.dfd-connection-note{font:11px/1.6 system-ui;color:#aab6c4;margin:14px 0 0!important}.dfd-telemetry:not(.dfd-real-ready) .dash>:not(.telemetry-portal-nav):not(.dfd-real-gate){display:none!important}.dfd-real-gate{padding:38px 28px;margin:24px 0;border:1px solid #88404d;border-radius:14px;background:radial-gradient(ellipse at top left,#4e1c2a88,transparent),#14151d;font:14px/1.65 system-ui;color:#e4eaf1}.dfd-real-gate h1{font:700 30px/1.2 system-ui;margin:0 0 16px}.dfd-real-gate a{display:inline-flex;margin:18px 10px 0 0;padding:10px 18px;border:1px solid #87505d;border-radius:6px;color:#fff;text-decoration:none}.dfd-real-ready .dfd-real-gate{display:none}.dfd-telemetry[data-connection-state=incomplete] .header{border-color:#7c3849;background:linear-gradient(110deg,#371b2588,#10151d)}.dfd-telemetry[data-connection-state=connected] .header{border-color:#2d7358;background:linear-gradient(110deg,#12372888,#10151d)}.fleet-card[data-connection-state=incomplete]{border-color:#814251!important;background:linear-gradient(150deg,#3c1d2880,#12161e)!important}.fleet-card[data-connection-state=connected]{border-color:#3e8c6c!important;background:linear-gradient(150deg,#12372a88,#12161e)!important}.dfd-fleet-signal{font-size:11px;padding:8px 0;color:#ff9cac}.fleet-card[data-connection-state=connected] .dfd-fleet-signal{color:#76e3b3}.dfd-telemetry .alert-icon.unavailable{color:#ff8293;background:#42202b;border-color:#804052}.dfd-telemetry[data-connection-state=incomplete] .metric-card{border-color:#58303e}.dfd-telemetry[data-connection-state=connected] .metric-card{border-color:#285941}
@media(max-width:1100px){.dfd-public .nav-links{gap:10px}.dfd-public .nav-links a{font-size:10px}.dfd-mode-switch{font-size:10px!important;padding:8px!important;gap:7px}}
@media(max-width:600px){.dfd-connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dfd-connections{padding:16px}.dfd-connection-heading{align-items:flex-start}.dfd-connection-heading h2{font-size:18px!important}.dfd-connection-summary{font-size:10px;max-width:130px}.dfd-mode-switch{min-height:34px}.dfd-public .nav-right{gap:6px}.dfd-public .nav-inner{flex-wrap:wrap}.dfd-public .nav-logo img{max-width:150px}}