@import url("./webray-demo.css?v=webray-v148b-20261016");
.sr-section{--sr-green:#78bd91;--sr-red:#e5877b;--sr-gold:#d9b574;margin:42px 0;border:1px solid #baab7a38;border-radius:12px;overflow:hidden;background:#171d19;color:#e3dfcd;scroll-margin-top:125px}
.sr-section [hidden]{display:none!important}
.sr-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;background:linear-gradient(115deg,#292d24,#1c231e)}
.sr-heading>div>span{font:10px/1.4 ui-monospace,monospace;letter-spacing:.16em;color:#c2aa75}
.sr-heading h3{margin:5px 0 0;font-size:clamp(23px,2vw,31px);line-height:1.25;color:#f0e6c9}
.sr-heading-actions{display:flex;align-items:center;gap:14px}.sr-concept-tag{font-size:11px;color:#a9ad98}
.sr-section button,.sr-section select{min-height:40px;padding:7px 13px;border:1px solid #c3b27c55;border-radius:5px;background:#242d25;color:#e1dbc6;font:inherit;font-size:12px;cursor:pointer}
.sr-section select{max-width:260px}.sr-section button[aria-pressed="true"]{background:#d1b981;color:#1e251d;border-color:#d1b981;font-weight:650}
.sr-section button:disabled{opacity:.6;cursor:default}
.sr-section :is(button,select,a,summary,[tabindex]):focus-visible{outline:2px solid #f2d194;outline-offset:3px}
.sr-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 24px;border-block:1px solid #baab7a25;background:#1b241d}
.sr-summary>span{display:flex;align-items:center;gap:8px;font:10px/1.4 ui-monospace,monospace;letter-spacing:.025em;color:#adae97}.sr-summary b{font:550 22px/1 ui-sans-serif,system-ui;color:#dfc38b}.sr-summary .sr-count-extra{font-size:10px}
.sr-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;border-bottom:1px solid #c3b27c20;background:#202820}.sr-selectors{display:flex;flex-wrap:wrap;gap:7px}.sr-toolbar .sr-motion{background:transparent;color:#bbbba5}
.sr-sim-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 20px;font-size:12px;background:#1c251e}.sr-sim-controls>span{margin-left:auto;color:#b4b8a6;font-size:11px}
.sr-sim-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 18px;padding:11px 24px 9px;background:#252c22;border-block:1px solid #d2bf8925}.sr-sim-status>div{display:flex;align-items:center;gap:10px}.sr-sim-status span{font-size:10px;color:#b2b69f}.sr-sim-status b{font-size:16px;color:#e6dcc0;white-space:nowrap}.sr-sim-status p{grid-column:1/-1;margin:0;color:#bcc4ac;font-size:11px;line-height:1.5}.sr-sim-status[data-result="off"] p{color:#f0a696}.sr-sim-status[data-result="degraded"] p{color:#dfc98e}
.sr-drawing{max-width:100%;overflow:auto;overscroll-behavior-x:contain;scrollbar-color:#8c886d #19211b}.sr-drawing:focus-visible{outline-offset:-3px}
.sr-scene{display:block;width:100%;height:auto;max-height:calc(100svh - 365px);min-height:340px}.sr-scene text{user-select:none}.sr-sim-device{cursor:pointer;outline:none}.sr-sim-device:focus-visible .sr-device-frame{stroke:#fff3c9;stroke-width:3}.sr-sim-device:hover .sr-device-frame{stroke:#f1d6a4;stroke-width:2}
.sr-device-led{fill:var(--sr-green)}[data-device-status="off"] .sr-device-led{fill:var(--sr-red)}[data-device-status="standby"] .sr-device-led{fill:var(--sr-gold)}
[data-device-status="off"] .sr-device-frame{fill:#342722;stroke:var(--sr-red)}[data-device-status="standby"] .sr-device-frame{stroke:var(--sr-gold)}
.sr-wire{fill:none;stroke:var(--sr-green);stroke-linejoin:round;stroke-linecap:round}.sr-wire-base{stroke-width:1.7;opacity:.65}.sr-wire-flow{stroke-width:2.7;stroke-dasharray:4 96;animation:sr-travel 6s linear infinite;animation-play-state:paused;opacity:.8}
[data-link-status="off"]{stroke:var(--sr-red)}[data-link-status="standby"]{stroke:var(--sr-gold)}.sr-wire[data-link-status="off"] .sr-wire-base{stroke-dasharray:4 5;opacity:.7}.sr-wire[data-link-status="off"] .sr-wire-flow,.sr-wire[data-link-status="standby"] .sr-wire-flow{display:none}
.sr-ap-link[data-link-status="up"]{stroke:var(--sr-green)}.sr-ap-link[data-link-status="off"]{stroke:var(--sr-red);stroke-dasharray:3 3}
.sr-wire[data-cable-kind="heartbeat"] .sr-wire-base{stroke-width:2.5}.sr-wire[data-cable-kind="heartbeat"] .sr-wire-flow{animation-duration:3.5s;stroke-dasharray:15 85}
.sr-route,.sr-flow{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.sr-route{opacity:.55}.sr-flow{stroke-width:3.5;stroke-dasharray:8 92;animation:sr-travel 5s linear infinite;animation-play-state:paused}.sr-fiber{stroke:#9cbdc6}.sr-copper,.sr-power-a{stroke:#d6b477}.sr-heartbeat{stroke:#c2d6d1}.sr-power-b{stroke:#b6a4cf}.sr-light{fill:none;stroke:#ffdf9d;stroke-width:2.7;stroke-dasharray:12 88;animation:sr-travel 4.5s linear infinite;animation-play-state:paused}
[data-room-motion="running"] :is(.sr-flow,.sr-light,.sr-wire-flow){animation-play-state:running}@keyframes sr-travel{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.sr-legend{display:flex;flex-wrap:wrap;align-items:center;gap:12px 25px;padding:11px 24px;border-top:1px solid #c3b27c25;font-size:11px;color:#bfc4ad}.sr-legend>span{display:flex;align-items:center;gap:7px}.sr-legend i{display:inline-block;width:22px;height:2px;background:var(--sr-green)}.sr-legend .sr-standby{background:var(--sr-gold)}.sr-legend .sr-off{background:var(--sr-red)}.sr-lan-label{color:#a7c3ce}.sr-legend>span:last-child{margin-left:auto;color:#9fa68f}
.sr-section:not([data-room-view="building"]) .sr-legend{display:none}.sr-section:not([data-room-view="building"]) .sr-scene{max-height:calc(100svh - 280px)}
.sr-view-note{padding:10px 24px;margin:0;font-size:12px;color:#b9c0b3}
.sr-details{border-top:1px solid #c3b27c30;background:#20281f}.sr-details summary{padding:13px 24px;cursor:pointer;font-size:12px;color:#dec89c}.sr-details-body{padding:4px 24px 22px;font-size:13px;line-height:1.8;color:#bcc4b0}.sr-details-body p{margin:6px 0 14px}.sr-details-body a{color:#e2c58e}.sr-details-body h4{color:#ddd4b7;margin:20px 0 8px}.sr-details-body ul{padding-left:20px}.sr-details-body li{margin:8px 0}.sr-table-wrap{overflow:auto}.sr-details table{border-collapse:collapse;width:100%;min-width:830px;text-align:left;font-size:12px}.sr-details th,.sr-details td{padding:10px;border-bottom:1px solid #c3b27c26;vertical-align:top}.sr-details th{color:#e1cfa4;background:#2a3226}.sr-details td:first-child{color:#c7b58b;width:38px}.sr-details td:nth-child(2){min-width:200px}.sr-details td:nth-child(3){min-width:140px;color:#c8d7c8}
.sr-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 24px;background:#19221b;border-top:1px solid #c3b27c25}.sr-footer p{font-size:10px;line-height:1.6;color:#a5ae97;margin:0}.sr-enquire{color:#dec18a;text-decoration:none;font-size:12px;flex:none;display:inline-flex;align-items:center;min-height:30px}
.sr-section.is-expanded{position:fixed;inset:10px;z-index:2147483000;margin:0;max-width:none;max-height:calc(100svh - 20px);overflow:auto;box-shadow:0 0 0 20px #0a0f0cef;border-radius:8px}.sr-section.is-expanded .sr-scene{max-height:calc(100svh - 355px)}.sr-section.is-expanded:not([data-room-view="building"]) .sr-scene{max-height:calc(100svh - 270px)}.sr-section.is-expanded .sr-heading{padding-block:12px}
.sr-section.is-expanded{display:flex;flex-direction:column;height:calc(100svh - 20px)}.sr-section.is-expanded> :not(.sr-panels){flex-shrink:0}.sr-section.is-expanded .sr-panels{flex:1;min-height:0}.sr-section.is-expanded [data-room-panel]:not([hidden]){height:100%;display:flex;flex-direction:column}.sr-section.is-expanded .sr-drawing{flex:1;min-height:0}.sr-section.is-expanded .sr-scene{height:100%;min-height:0;max-height:none!important}.sr-section.is-expanded:has(.sr-details[open]){display:block}.sr-section.is-expanded:has(.sr-details[open]) .sr-scene{height:auto;max-height:65svh!important}
@media(max-width:1100px){.sr-count-extra{display:none!important}.sr-sim-status>div{display:block}.sr-sim-status b{display:block;margin-top:4px}.sr-sim-controls>span{display:none}.sr-heading-actions{gap:8px}.sr-concept-tag{max-width:120px}.sr-scene{max-height:none}}
@media(max-width:700px){.sr-heading{padding:16px;align-items:flex-start;gap:10px}.sr-heading h3{font-size:22px}.sr-heading-actions{flex-direction:column;align-items:flex-end}.sr-concept-tag{font-size:9px}.sr-heading-actions button{font-size:11px;white-space:nowrap}.sr-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 16px;gap:12px}.sr-summary>span{font-size:9px;gap:5px}.sr-summary b{font-size:20px}.sr-toolbar{padding:9px 12px;flex-wrap:wrap;gap:8px}.sr-selectors{gap:4px}.sr-section button,.sr-section select{min-height:44px;padding:7px 9px;font-size:11px}.sr-sim-controls{padding:8px 12px;gap:7px}.sr-sim-controls label{font-size:11px}.sr-sim-status{padding:10px 14px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.sr-sim-status>div{display:flex}.sr-sim-status b{font-size:15px;margin:0}.sr-sim-status span{max-width:75px;font-size:10px}.sr-sim-status p{font-size:11px}.sr-drawing>.sr-scene{min-width:1000px;min-height:0;max-height:none!important}.sr-drawing{position:relative}.sr-legend{padding:11px 14px;gap:11px 15px}.sr-legend>span:last-child{margin-left:0}.sr-details summary{padding:13px 16px}.sr-details-body{padding:4px 16px 20px}.sr-footer{padding:12px 16px;display:block}.sr-enquire{margin-top:5px}.sr-section.is-expanded{inset:0;border-radius:0;max-height:100svh}.sr-view-note{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.sr-flow,.sr-light,.sr-wire-flow{animation:none!important;display:none}}
.sr-tagline{margin:7px 0 0;color:#b9bea8;font-size:12px;line-height:1.5}.sr-stage{display:grid;grid-template-columns:minmax(0,1fr) 250px;min-width:0}.sr-stage:has(.sr-explain[hidden]){grid-template-columns:1fr}.sr-panels{min-width:0}.sr-explain{padding:20px 17px;border-left:1px solid #b6a87935;background:#20281f;overflow:auto}.sr-explain h4{margin:0 0 18px;color:#c9b685;font-size:14px}.sr-explain h4 span{display:block;font:9px/1.5 ui-monospace,monospace;letter-spacing:.13em;color:#8e9b85;margin-top:4px}.sr-explain b{font-size:17px;line-height:1.6;display:block;color:#e7ddbd}.sr-explain p{font-size:12px;line-height:1.9;color:#bdc5ad;margin:13px 0}.sr-explain-action{border-top:1px solid #b6a87935;padding-top:13px}.sr-explain .sr-explain-limit{font-size:10px;color:#939f88}.sr-explain[data-result="off"] b{color:#f0a197}
.sr-section .sr-sim-status p{display:none}.sr-section.is-expanded> :not(.sr-stage){flex-shrink:0}.sr-section.is-expanded .sr-stage{flex:1;min-height:0;flex-shrink:1}.sr-section.is-expanded .sr-panels{height:100%;min-height:0}.sr-section.is-expanded .sr-heading{padding-block:10px}.sr-section:fullscreen{inset:0;width:100%;height:100svh;max-height:none;border:0;border-radius:0}
.sr-brand-device .sr-device-frame{fill:none!important}.sr-brand-device[data-device-status="off"] .sr-brand-chassis{opacity:.45}.sr-brand-device:focus-visible .sr-device-frame{stroke-opacity:1}.sr-sim-device[data-device-status="off"] .sr-device-led{animation:sr-fault 2.8s ease-in-out infinite;animation-play-state:paused}.sr-section[data-room-motion="running"] [data-device-status="off"] .sr-device-led{animation-play-state:running}@keyframes sr-fault{0%,100%{opacity:1}50%{opacity:.3}}
[data-link-status="lan-only"]{stroke:#7dbdce}.sr-device-led{stroke:none}[data-device-status="lan-only"] .sr-device-led{fill:#7dbdce}[data-device-status="lan-only"] .sr-device-frame{stroke:#7dbdce}.sr-ap-link[data-link-status="lan-only"]{stroke:#7dbdce}.sr-lan-label i{background:#7dbdce}.sr-floor-service{font-family:Arial,sans-serif}.sr-floor-service[data-service-status="up"]{fill:#91c9a1}.sr-floor-service[data-service-status="off"]{fill:#f0a196}.sr-floor-service text{stroke:#171d19;stroke-width:3px;paint-order:stroke fill}
@media(max-width:1100px){.sr-stage{grid-template-columns:minmax(0,1fr) 220px}.sr-explain{padding:14px}.sr-explain h4{margin-bottom:12px}.sr-explain b{font-size:15px}.sr-explain p{font-size:11px}.sr-tagline{font-size:11px}}
@media(max-width:700px){.sr-stage{display:block}.sr-explain{border-left:0;border-top:1px solid #b6a87935}.sr-explain h4 span{display:inline-block;margin-left:10px}.sr-explain p{font-size:12px}.sr-section.is-expanded{display:block;height:100svh}.sr-section.is-expanded .sr-scene{height:auto}.sr-tagline{display:none}.sr-section.is-expanded .sr-stage,.sr-section.is-expanded .sr-panels{height:auto}.sr-section.is-expanded [data-room-panel]:not([hidden]){height:auto}.sr-heading h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.sr-device-led{animation:none!important}}
.sr-brand-device[data-device-status="off"] .sr-brand-chassis{opacity:.7}

/* Distinct appliance identity and simulated two-way traffic */
.sr-brand-chassis .cad-light-glow{stroke:#ff7c25;stroke-width:13;opacity:.3}
.sr-brand-chassis .cad-light-bar{stroke:#ff9b38;stroke-width:5;filter:drop-shadow(0 0 3px #ff7d28)}
.sr-brand-device[data-device-status="off"] :is(.cad-light-glow,.cad-light-bar){opacity:.12;filter:none}
.sr-wire-return{stroke-width:2.4;stroke-dasharray:3 97;opacity:.85;animation:sr-return 6s linear infinite;animation-play-state:paused;stroke:#c1efd0}
@keyframes sr-return{from{stroke-dashoffset:0}to{stroke-dashoffset:100}}
[data-room-motion="running"] .sr-wire-return{animation-play-state:running}
.sr-wire[data-link-status="off"] .sr-wire-return,.sr-wire[data-link-status="standby"] .sr-wire-return,.sr-wire[data-cable-kind="heartbeat"] .sr-wire-return{display:none}
.sr-section[data-sim-uplink-mode="wired"] .sr-wire[data-link-status="up"]:not([data-cable-kind="heartbeat"]) .sr-wire-base{stroke-width:2.6;opacity:.75}
.sr-section[data-sim-uplink-mode="wired"] .sr-wire[data-link-status="up"]:not([data-cable-kind="heartbeat"]) :is(.sr-wire-flow,.sr-wire-return){stroke-width:3.5;animation-duration:2.8s}
.sr-section[data-sim-uplink-mode="cellular"] .sr-wire[data-link-status="up"]:not([data-cable-kind="heartbeat"]) .sr-wire-base{stroke-width:1.15;opacity:.7}
.sr-section[data-sim-uplink-mode="cellular"] .sr-wire[data-link-status="up"]:not([data-cable-kind="heartbeat"]) :is(.sr-wire-flow,.sr-wire-return){stroke-width:1.7;animation-duration:11s;stroke-dasharray:2 98}
.sr-wire[data-link-status="lan-only"] .sr-wire-return{stroke:#c0e7ef}
.sr-floor-service[data-service-status="lan-only"]{fill:#8bcddd}
.sr-threat-packet{fill:none;stroke:#f3947f;stroke-width:3.6;stroke-linecap:round;stroke-dasharray:12 88;animation:sr-threat 2.7s linear infinite;animation-play-state:paused}
@keyframes sr-threat{0%{stroke-dashoffset:112;opacity:0}12%{opacity:1}75%{stroke-dashoffset:15;opacity:1}90%,100%{stroke-dashoffset:15;opacity:0}}
[data-room-motion="running"] .sr-threat-packet{animation-play-state:running}
.sr-explain .sr-threat-note{padding:10px;border:1px solid #d493504a;border-radius:5px;background:#392e203d;color:#e3c29b;font-size:11px}
@media(prefers-reduced-motion:reduce){.sr-wire-return{animation:none!important;display:none}.sr-threat-packet{animation:none!important;stroke-dashoffset:15}}

.sr-explain[data-result="lan-only"] b{color:#8bcddd}

/* Separate simulated available-path density from measured bandwidth. */
.sr-section[data-sim-uplink-mode="wired"][data-sim-wired-count="1"] .sr-wire[data-link-status="up"]:not([data-cable-kind="heartbeat"]) .sr-wire-base{stroke-width:1.8}
.sr-section[data-sim-uplink-mode="wired"][data-sim-wired-count="1"] .sr-wire[data-link-status="up"]:not([data-cable-kind="heartbeat"]) :is(.sr-wire-flow,.sr-wire-return){stroke-width:2.6;stroke-dasharray:3 97}
.sr-section[data-sim-uplink-mode="wired"][data-sim-wired-count="2"] .sr-wire[data-link-status="up"]:not([data-cable-kind="heartbeat"]) :is(.sr-wire-flow,.sr-wire-return){stroke-dasharray:4 46}
.sr-section[data-sim-uplink-mode="wired"][data-sim-wired-count="3"] .sr-wire[data-link-status="up"]:not([data-cable-kind="heartbeat"]) :is(.sr-wire-flow,.sr-wire-return){stroke-dasharray:4 29.33}
.sr-global-demo{margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #b6a87935}.sr-global-title{font-size:12px;color:#d9c391}.sr-globe{display:block;width:100%;max-width:210px;height:108px;margin:7px auto}.sr-globe-grid{transform-origin:70px 51px;animation:sr-globe-turn 18s linear infinite;animation-play-state:paused}.sr-globe-land{transform-origin:70px 51px;animation:sr-globe-turn 26s linear infinite;animation-play-state:paused}@keyframes sr-globe-turn{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}[data-room-motion="running"] :is(.sr-globe-grid,.sr-globe-land){animation-play-state:running}
.sr-region{display:flex;align-items:center;gap:7px;font-size:11px;color:#d2d7c0}.sr-region svg{width:26px;height:18px;flex:none;border-radius:2px}.sr-threat-mode-label{display:block;margin-top:10px;font-size:10px;color:#9caa92}.sr-section .sr-threat-mode-label select{display:block;width:100%;min-height:34px;font-size:11px;margin-top:4px}.sr-global-demo p{font-size:10px;margin:9px 0 0;line-height:1.7;color:#9ca68e}.sr-threat-packet{animation:none;opacity:0}.sr-threat-stop,.sr-threat-caption{opacity:1}
@media(prefers-reduced-motion:reduce){.sr-globe-grid,.sr-globe-land{animation:none!important}.sr-threat-packet{animation:none!important;stroke-dashoffset:15;opacity:1}}

.sr-threat-caption{display:none}

.sr-threat-packet{stroke-width:4.5;stroke-dasharray:3 97;filter:drop-shadow(0 0 3px #f5836a80)}
.sr-threat-origin-label{paint-order:stroke fill;stroke:#171d19;stroke-width:3px}
.sr-explain .sr-threat-progress{border-left:2px solid #ed9969;padding:8px 10px;background:#3a3025;color:#efc092;font-weight:600;font-size:12px}

.sr-generic-chassis{display:none}.sr-section[data-protection="none"] .sr-brand-chassis,.sr-section[data-protection="none"] .sr-brand-mark{display:none}.sr-section[data-protection="none"] .sr-generic-chassis{display:block}.sr-section[data-protection="none"] .sr-threat-stop{display:none}
.sr-section[data-ha-enabled="false"] [data-ha-only]{display:none}
.sr-section[data-database-exposure="true"] .sr-database{filter:drop-shadow(0 0 5px #f08a6b)}.sr-section[data-database-exposure="true"] .sr-database :is(rect,ellipse,path){stroke:#f3977b}
.sr-globe{height:124px}.sr-attacker-signal{opacity:0}.sr-section[data-threat-phase="transit"] .sr-attacker{stroke:#ee927d}.sr-section[data-threat-phase="transit"] .sr-attacker-signal{opacity:.6;animation:sr-signal 2s ease-in-out infinite;animation-play-state:paused}.sr-section[data-room-motion="running"] .sr-attacker-signal{animation-play-state:running}@keyframes sr-signal{0%,100%{opacity:.25}50%{opacity:.7}}
.sr-legend i{position:relative;width:48px;overflow:hidden;height:3px}.sr-legend .sr-off{height:2px;background:repeating-linear-gradient(90deg,var(--sr-red) 0 7px,transparent 7px 11px)}.sr-legend :is(.sr-up,.sr-lan-label i)::after{content:"";position:absolute;inset:0 auto 0 0;width:9px;background:#e6f6e6;opacity:.7;animation:sr-key-flow 4s ease-in-out infinite;animation-play-state:paused}.sr-section[data-room-motion="running"] .sr-legend i::after{animation-play-state:running}@keyframes sr-key-flow{0%{transform:translateX(-9px)}100%{transform:translateX(48px)}}
@media(prefers-reduced-motion:reduce){.sr-attacker-signal,.sr-legend i::after{animation:none!important}}

.sr-shortcut{margin:0;padding:8px 28px;color:#c4b58d;font-size:12px;line-height:1.6}.sr-section.is-expanded .sr-shortcut{padding:3px 20px;flex:0 0 auto}@media(max-width:640px){.sr-shortcut{padding:8px 16px}}

/* Readable attack controls and slower adjustable traffic. */
.sr-section{--sr-speed:.65;--sr-flow-duration:6s}.sr-section[data-sim-uplink-mode="cellular"]{--sr-flow-duration:16s}.sr-section .sr-wire :is(.sr-wire-flow,.sr-wire-return){animation-duration:calc(var(--sr-flow-duration)/var(--sr-speed))!important}
.sr-speed-control{display:flex;gap:10px;align-items:center;font-size:12px;color:#d2c19c;margin-left:auto}.sr-speed-control input{width:105px;accent-color:#d1b981}.sr-speed-control output{min-width:32px}
.sr-stage{grid-template-columns:minmax(0,1fr) 300px}.sr-global-title{font-size:15px;margin-bottom:12px}.sr-threat-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.sr-section .sr-threat-choices button{min-height:49px;font-size:12px;padding:8px;line-height:1.5;text-align:left}.sr-threat-choices button:last-child{grid-column:1/-1}.sr-section .sr-endpoint-toggle{width:100%;font-size:12px;line-height:1.6}.sr-global-demo .sr-threat-rule{font-size:11px;color:#c8c5b4}.sr-assessment-link{display:block;color:#d6b5f4;font-size:12px;line-height:1.7;margin-top:10px}
.sr-section .sr-map-globe{max-width:none;margin:0;height:153px;width:246px}.sr-threat-packet{stroke-width:6!important;stroke-dasharray:6 94!important;filter:drop-shadow(0 0 4px #f28d6d)}.sr-threat-origin{r:5px;stroke:#ffd2b8;stroke-width:1.5}.sr-threat-origin-label{font-size:12px;font-weight:700;paint-order:stroke;stroke:#181e19;stroke-width:5px;stroke-linejoin:round}.sr-threat-result{display:none;pointer-events:none}.sr-section[data-threat-phase="blocked"] .sr-threat-result{display:block}.sr-section .sr-threat-caption{display:block;paint-order:stroke;stroke:#442d24;stroke-width:2px;stroke-linejoin:round}.sr-section[data-threat-mode="assessment"] .sr-threat-packet{stroke:#c6a1f1;filter:drop-shadow(0 0 4px #a275d6)}.sr-section[data-threat-mode="assessment"] .sr-threat-stop{display:none}.sr-section[data-threat-mode="lateral"] .sr-threat-stop{display:none}.sr-explain .sr-threat-progress{font-size:14px;min-height:48px}
@media(max-width:1100px){.sr-stage{grid-template-columns:minmax(0,1fr) 260px}.sr-speed-control{margin-left:0}}@media(max-width:700px){.sr-stage{display:block}.sr-toolbar{flex-wrap:wrap}.sr-speed-control{order:3;flex-basis:100%}.sr-threat-choices{grid-template-columns:1fr 1fr}}

.sr-brand-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 16px}.sr-section .sr-brand-controls button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;min-height:99px;background:#20271f;color:#d3d4c4;border:1px solid #6d7568;font-size:10px;line-height:1.3}.sr-brand-controls img{width:68px;height:30px;object-fit:contain;border-radius:3px;background:#f5f2e8;padding:3px}.sr-brand-controls [data-sim-protection] img{background:transparent}.sr-section .sr-brand-controls button[aria-pressed="true"]{border-color:#d1b981;background:#32392a;color:#f0dfb6}.sr-brand-controls [data-brand-state]{font-size:11px;color:inherit;line-height:1.3}.sr-brand-controls button[aria-pressed="false"] img{opacity:.45}.sr-scan-label i{background:#c6a1f1}.mp-footer-operator{grid-column:1/-1;width:100%;margin:22px 0 0;padding-top:18px;border-top:1px solid #bbaa7730;color:#bdb9aa;font-size:12px;line-height:1.9}.mp-brand2026-operator{font-size:14px;line-height:1.8;color:#d1c3aa}

.sr-section .sr-random-toggle{display:block;width:100%;font-size:12px;min-height:42px}.sr-section .sr-sim-status b{white-space:normal}.sr-section .sr-sim-status>div{min-width:0}.sr-map-globe{filter:drop-shadow(3px 6px 4px #0007)}.sr-section .sr-brand-controls b{font-size:11px}.sr-section:fullscreen::backdrop{background:#080e0b}

/* Rack interaction shares the building model without changing physical slots */
.sr-section[data-room-view="room"] .sr-legend{display:flex}.sr-section[data-room-view="room"] .sr-sim-status p{display:block}.sr-rack-wire[data-cable-kind="power"]{stroke:#bba879}.sr-rack-scene{background:transparent}.sr-endpoint-shield{filter:drop-shadow(0 1px 2px #000a);pointer-events:all;cursor:help;outline:none}.sr-endpoint-shield:focus-visible .sr-shield-hit{stroke:#f1d28e;stroke-width:1.5}.sr-rack-unit[hidden]+.sr-endpoint-shield{display:none}.sr-section[data-endpoint-protection="false"] .sr-endpoint-shield{display:none}.sr-rack-unit[data-device-status="off"]+.sr-endpoint-shield{opacity:.35}.sr-rack-unit[data-device-status="isolated"] .sr-device-frame{stroke:#d29d6f}.sr-rack-unit[data-device-status="isolated"] .sr-device-led{fill:#d29d6f}.sr-service-card [data-state="off"]{fill:#eda093}.sr-section [data-room-expand]{background:#d4b778;color:#15221a;font-weight:700;border-color:#f1d28e;min-height:44px}.sr-section .sr-multi-toggle{width:100%;margin-top:8px;min-height:40px}.sr-section[data-room-view="room"] .sr-scene{max-height:none;min-height:480px}.sr-section.is-expanded[data-room-view="room"] .sr-scene{min-height:0}.sr-rack-modem .sr-device-frame{transition:fill .2s}.sr-section[data-room-view="power"][data-ha-enabled="false"] [data-power-backup]{display:none}

.sr-stage{align-items:start}.sr-explain{max-height:var(--sr-diagram-height,700px);box-sizing:border-box;overscroll-behavior:auto;scrollbar-color:#9c9a78 #1b261f}.sr-explain .sr-global-demo>p{font-size:10px;line-height:1.6;margin:8px 0}.sr-explain h4{margin:15px 0 10px}.sr-explain p{margin:8px 0;line-height:1.65}.sr-explain b{font-size:15px}.sr-threat-assumptions{font-size:11px;color:#b5bca7;border-top:1px solid #b6a87935;padding-top:10px}.sr-threat-assumptions summary{cursor:pointer}.sr-multi-results{display:none;padding:10px 0 10px 17px;font-size:11px;line-height:1.85;color:#ecc69b}.sr-section[data-multi-threats="true"][data-threat-phase="blocked"] .sr-multi-results{display:block}.sr-threat-effect[data-effect-mode="lateral"] .sr-threat-stop,.sr-threat-effect[data-effect-mode="assessment"] .sr-threat-stop{display:none}.sr-threat-effect[data-effect-mode="c2"] .sr-threat-packet{stroke:#ffac7e}.sr-threat-effect[data-effect-mode="lateral"] .sr-threat-packet{stroke:#f49cbd}.sr-section.is-expanded .sr-stage{align-items:stretch}.sr-section.is-expanded .sr-explain{max-height:100%}@media(max-width:700px){.sr-explain{max-height:none;overflow:visible}.sr-section.is-expanded .sr-explain{max-height:none}}

.sr-rack-service-strip{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;padding:9px 18px;background:#243128;font-size:12px}.sr-rack-service-strip b{color:#baddc3}.sr-rack-service-strip [data-state="off"]{color:#ef9e93}.sr-section.is-expanded .sr-heading{min-height:0;padding:9px 20px}.sr-section.is-expanded .sr-heading h3{font-size:24px;margin:3px 0}.sr-section.is-expanded .sr-tagline{font-size:11px;margin:3px 0}.sr-section.is-expanded .sr-summary{padding-block:8px}.sr-section.is-expanded .sr-footer{padding-block:7px}.sr-section.is-expanded .sr-shortcut{margin:6px 20px;font-size:11px}.sr-section.is-expanded .sr-view-note{padding-block:6px;font-size:11px}.sr-section.is-expanded .sr-sim-status{padding-block:8px}

.sr-fan-rotor{transform-box:view-box;transform-origin:0 0;animation:sr-fan-spin 3s linear infinite;animation-play-state:paused}.sr-section[data-room-motion="running"] .sr-fan-rotor{animation-play-state:running}@keyframes sr-fan-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sr-fan-rotor{animation:none!important}}

.sr-shield-tooltip{position:fixed;z-index:10000;max-width:min(330px,calc(100vw - 24px));padding:12px 15px;border:1px solid #b4a16e;border-radius:8px;background:#202b24;color:#f3e7c9;box-shadow:0 8px 28px #0008;font-size:14px;line-height:1.5;pointer-events:auto}.sr-shield-tooltip strong{display:block;font-size:14px}.sr-shield-tooltip span{display:block;margin-top:5px;color:#bdc9b8;font-size:12px}.sr-shield-tooltip[hidden]{display:none}

/* Share one content width across every fullscreen view while the overlay fills the screen. */
.sr-section.is-expanded{--sr-expanded-content-width:clamp(1100px,calc(166.32dvh - 490px),2400px)}
.sr-section.is-expanded[data-room-width="wide"]{--sr-expanded-content-width:100%}
.sr-section.is-expanded>:is(.sr-heading,.sr-summary,.sr-toolbar,.sr-sim-controls,.sr-sim-status,.sr-shortcut,.sr-stage,.sr-legend,.sr-details,.sr-footer){width:min(100%,var(--sr-expanded-content-width));margin-inline:auto}
.sr-section.is-expanded .sr-drawing>.sr-scene{min-width:0;max-width:100%}

/* Keep the primary presentation control at the centre of the heading. */
.sr-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.sr-heading-title{min-width:0}.sr-heading-actions{justify-self:center}.sr-heading>.sr-concept-tag{justify-self:end;text-align:right}
@media(max-width:1000px){.sr-heading{grid-template-columns:1fr}.sr-heading-title{grid-column:1}.sr-heading-actions{grid-column:1;justify-self:center}.sr-heading>.sr-concept-tag{grid-column:1;justify-self:center}.sr-heading h3{font-size:22px}}
@media(max-width:700px){.sr-heading{grid-template-columns:1fr}.sr-heading-title{grid-column:1}.sr-heading-actions{grid-column:1;justify-self:center}.sr-heading>.sr-concept-tag{grid-column:1;justify-self:center;text-align:center}.sr-heading-actions button{font-size:13px}}
.sr-management-network{pointer-events:none;fill:none}.sr-management-line{stroke:#74d6c5;stroke-width:1.15;stroke-dasharray:4 5;opacity:.72;animation:sr-management-flow 9s linear infinite}.sr-management-node{fill:#9ce6d9;stroke:#172b25;stroke-width:.8}
.sr-management-network [data-management-status="off"]{opacity:.2}.sr-management-network [data-management-status="off"] .sr-management-line,.sr-management-line[data-management-status="off"]{stroke:#85918b;animation:none}.sr-management-network [data-management-status="off"] .sr-management-node{fill:#85918b}
.sr-management-label i{background:repeating-linear-gradient(90deg,#74d6c5 0 6px,transparent 6px 10px)}.sr-management-note{font-size:12px;line-height:1.8;color:#a2dace;padding:8px 18px;margin:0}.sr-explain .sr-management-note{padding:8px 0}
.sr-section [data-endpoint-management][hidden],.sr-section[data-endpoint-protection="false"] [data-endpoint-management]{display:none!important}
.sr-section[data-room-motion="paused"] .sr-management-line{animation-play-state:paused}.sr-service-card [data-service-management][data-state="off"]{fill:#aaa99b}
@keyframes sr-management-flow{to{stroke-dashoffset:-72}}
@media(prefers-reduced-motion:reduce){.sr-management-line{animation:none}}

.sr-heading-actions{flex-direction:column;align-items:center;gap:6px}
.sr-width-options{display:flex;justify-content:center;gap:4px;padding:3px;border:1px solid #c3b27c40;border-radius:7px;background:#17221c}
.sr-section .sr-width-options button{min-width:64px;min-height:32px;padding:4px 12px;font-size:12px;line-height:1.5}
@media(max-width:700px){.sr-section .sr-width-options button{min-height:44px;min-width:76px;font-size:13px}}

/* Inviting entry with a compact return control during presentation. */
.sr-section:not(.is-expanded) .sr-heading{padding-block:28px;gap:24px}
.sr-section .sr-heading-actions{align-items:center;gap:9px}
.sr-section:not(.is-expanded) [data-room-expand]{font-size:18px;min-width:260px;min-height:66px;padding:17px 28px;background:linear-gradient(135deg,#ead492,#c8ac68);border:1px solid #f6df9b;border-radius:10px;box-shadow:0 5px 22px #d3b8702e;color:#15221a;transition:transform .2s,box-shadow .2s}
.sr-section:not(.is-expanded) [data-room-expand]:hover{transform:translateY(-2px);box-shadow:0 7px 30px #e3c16c54}
.sr-section [data-room-expand]:focus-visible{outline:3px solid #fce8ae;outline-offset:5px}
.sr-expand-invitation{color:#c9c7ae;font-size:11px;line-height:1.5;text-align:center}
.sr-section.is-expanded .sr-expand-invitation{display:none}
.sr-live-card{font-family:Arial,sans-serif;color:#c9dbc9;display:flex;flex-direction:column;gap:4px;line-height:1.4}
.sr-live-card strong{font-size:17px;color:#f0dab0;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.sr-live-card p{font-size:13px;line-height:1.45;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.sr-live-card>span{font-size:11.5px;color:#c3bfa4;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.sr-live-card small{font-size:10.5px;color:#9fe0ca;margin-top:2px}
.sr-ap-link[data-link-status="unmanaged"]{stroke:#e5b56e;stroke-dasharray:5 3}
[data-ap-icon][data-wifi-state="unmanaged"]{filter:drop-shadow(0 0 3px #db9d50)}
[data-ap-icon][data-wifi-state="unmanaged"] ellipse{fill:#8b6937;stroke:#f4c681}
[data-ap-icon][data-wifi-state="off"] ellipse{fill:#543830;stroke:#e99b8c}
[data-ap-icon][data-wifi-state="off"]>path{stroke:#ed9b8c;stroke-dasharray:2 2}
[data-ap-icon][data-wifi-state="lan-only"] ellipse{fill:#3d6670;stroke:#a1cdd6}
.sr-wifi-mode{display:flex;gap:7px;align-items:center;color:#d7caa7}
.sr-section .sr-wifi-mode select{min-height:34px}
.sr-threat-choices button:last-child{grid-column:auto}
@media(max-width:900px){.sr-section:not(.is-expanded) .sr-heading{grid-template-columns:1fr;justify-items:center;text-align:center}.sr-section:not(.is-expanded) .sr-heading-actions{grid-column:1;grid-row:2}.sr-section:not(.is-expanded) .sr-concept-tag{justify-self:center}.sr-section:not(.is-expanded) [data-room-expand]{min-width:260px}.sr-section:not(.is-expanded) .sr-heading-title{max-width:100%}}
@media(prefers-reduced-motion:reduce){.sr-section [data-room-expand]{transition:none}.sr-section:not(.is-expanded) [data-room-expand]:hover{transform:none}}

/* Reserve the short-screen presentation area for the diagram. */
@media(min-width:701px) and (max-height:900px){
.sr-section.is-expanded .sr-heading{padding:8px 16px;grid-template-columns:minmax(0,1fr) auto;gap:12px}
.sr-section.is-expanded .sr-heading-title>span,.sr-section.is-expanded .sr-tagline,.sr-section.is-expanded .sr-concept-tag,.sr-section.is-expanded .sr-summary,.sr-section.is-expanded .sr-footer{display:none}
.sr-section.is-expanded .sr-heading h3{font-size:18px;margin:0}
.sr-section.is-expanded .sr-heading-actions{display:flex;flex-direction:row;grid-column:2;gap:8px}
.sr-section.is-expanded .sr-heading-actions button{min-height:32px;font-size:11px;padding:5px 10px}
.sr-section.is-expanded .sr-toolbar{padding:5px 16px;gap:8px}
.sr-section.is-expanded .sr-toolbar button,.sr-section.is-expanded .sr-sim-controls button,.sr-section.is-expanded .sr-sim-controls select{min-height:30px;font-size:11px;padding:5px 9px}
.sr-section.is-expanded .sr-sim-controls{padding:5px 16px;gap:7px}
.sr-section.is-expanded .sr-sim-status{padding:5px 16px;gap:12px}
.sr-section.is-expanded .sr-sim-status b{font-size:12px}
.sr-section.is-expanded .sr-sim-status span{font-size:10px}
.sr-section.is-expanded .sr-shortcut{padding:2px 16px;margin:2px auto;font-size:10px}
.sr-section.is-expanded .sr-legend{padding:6px 16px;gap:10px;font-size:9px}
.sr-section.is-expanded .sr-legend i{width:28px}
.sr-section.is-expanded .sr-details summary{padding:7px 16px;font-size:10px}
}

/* Narrow pages introduce the simulator before opening its full interactive view. */
.sr-compact-intro,.sr-section .sr-settings-toggle{display:none}
.sr-orientation-note{margin:0;padding:7px 16px;background:#293326;color:#dfc892;font-size:12px;line-height:1.6}
.sr-section:not(.is-expanded) .sr-orientation-note{display:none}
@media(min-width:1101px){.sr-section [data-room-landscape],.sr-orientation-note{display:none}}
@media(max-width:1100px){
  .sr-section.sr-ready:not(.is-expanded)>:not(.sr-heading){display:none!important}
  .sr-section.sr-ready:not(.is-expanded) .sr-heading{display:flex;flex-direction:column;align-items:center;gap:20px;padding:28px 22px;text-align:center}
  .sr-section.sr-ready:not(.is-expanded) .sr-heading-title{max-width:580px}
  .sr-section.sr-ready:not(.is-expanded) .sr-heading h3{font-size:clamp(23px,4vw,30px);line-height:1.4}
  .sr-section.sr-ready:not(.is-expanded) .sr-tagline,.sr-section.sr-ready:not(.is-expanded) .sr-expand-invitation{display:none}
  .sr-section.sr-ready:not(.is-expanded) .sr-compact-intro{display:block;font-size:15px;line-height:1.8;color:#c8ceba}
  .sr-compact-intro p{margin:14px 0}
  .sr-compact-intro ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;list-style:none;padding:0;margin:16px 0}
  .sr-compact-intro li{border:1px solid #c7ac6b42;border-radius:6px;padding:6px 12px;color:#e2cf9f;font-size:13px;background:#d0b4710a}
  .sr-compact-intro .sr-compact-tip{font-size:12px;color:#aebda7;margin-bottom:0}
  .sr-section.sr-ready:not(.is-expanded) .sr-heading-actions{max-width:100%;width:100%}
  .sr-section.sr-ready:not(.is-expanded) [data-room-expand]{width:min(100%,360px);min-width:0;min-height:60px;font-size:18px;padding:14px 16px}
  .sr-section.sr-ready:not(.is-expanded) .sr-concept-tag{max-width:none;text-align:center;font-size:11px}

  /* Preserve readable diagrams and touch controls in both phone orientations. */
  .sr-section.is-expanded{display:block;inset:0;width:100%;height:100dvh;max-height:100dvh;border-radius:0;overscroll-behavior:contain;scroll-padding-top:70px}
  .sr-section.is-expanded .sr-heading{position:sticky;top:0;z-index:20;display:flex;justify-content:center;padding:8px 12px;gap:8px;border-bottom:1px solid #d9bc6c55;background:#202a22}
  .sr-section.is-expanded .sr-heading-title,.sr-section.is-expanded .sr-concept-tag,.sr-section.is-expanded .sr-width-options,.sr-section.is-expanded .sr-summary,.sr-section.is-expanded .sr-shortcut{display:none}
  .sr-section.is-expanded .sr-heading-actions{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}
  .sr-section.is-expanded .sr-heading-actions button{min-height:44px;padding:8px 16px;font-size:13px}
  .sr-section.is-expanded [data-room-expand]{background:#d1b981;color:#17251b}
  .sr-section.is-expanded .sr-toolbar{padding:8px 12px;flex-wrap:wrap;gap:8px;justify-content:flex-start}
  .sr-section.is-expanded .sr-selectors{flex-wrap:nowrap;max-width:100%;overflow:auto;gap:6px}
  .sr-section.is-expanded .sr-toolbar button,.sr-section.is-expanded .sr-sim-controls :is(button,select){min-height:44px;font-size:12px;padding:8px 10px;white-space:nowrap}
  .sr-section.is-expanded .sr-settings-toggle{display:inline-flex;align-items:center;margin-left:auto}
  .sr-section.is-expanded:not(.is-settings-open) :is(.sr-sim-controls,.sr-sim-status,.sr-speed-control,.sr-motion){display:none}
  .sr-section.is-expanded .sr-stage{display:block;height:auto;min-height:0}
  .sr-section.is-expanded .sr-panels,.sr-section.is-expanded [data-room-panel]:not([hidden]){height:auto;display:block}
  .sr-section.is-expanded .sr-drawing{height:auto;overflow:auto;max-width:100%;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
  .sr-section.is-expanded .sr-drawing>.sr-scene{width:1100px;min-width:1100px;max-width:none;height:auto;min-height:0;max-height:none!important}
  .sr-section.is-expanded .sr-explain{border-left:0;border-top:1px solid #b6a87935;max-height:none;overflow:visible;padding:20px}
  .sr-section.is-expanded .sr-explain p{font-size:13px}
  .sr-section.is-expanded .sr-explain button{min-height:44px}
  .sr-section.is-expanded .sr-legend{font-size:11px;padding:12px;gap:12px}
  .sr-section.is-expanded .sr-details summary{min-height:44px;padding:12px;font-size:12px}
  .sr-section.is-expanded .sr-footer{display:flex;flex-wrap:wrap}
  .sr-section.is-expanded .sr-sim-controls select{font-size:16px}
  .sr-section.is-expanded .sr-speed-control input{min-height:44px}
}

/* A phone opens an overview that fits its viewport; zooming keeps native pan scrolling. */
.sr-canvas-tools,.sr-section .sr-info-close,.sr-rotate-prompt{display:none}
@media(max-width:1100px){
  .sr-section.is-expanded{display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}
  .sr-section.is-expanded .sr-heading{flex:none;padding-top:max(6px,env(safe-area-inset-top,0px));padding-bottom:6px}
  .sr-section.is-expanded .sr-toolbar{flex:none;padding:6px 10px;gap:6px}
  .sr-section.is-expanded .sr-selectors{flex:1}
  .sr-section.is-expanded .sr-settings-toggle{margin-left:0;font-size:0!important;width:44px;padding:8px!important}
  .sr-section.is-expanded .sr-settings-toggle::after{content:"⚙";font-size:20px}
  .sr-section.is-expanded .sr-stage{position:relative;flex:1;min-height:0;display:block;overflow:hidden}
  .sr-section.is-expanded .sr-panels{height:100%;min-height:0}
  .sr-section.is-expanded [data-room-panel]:not([hidden]){height:100%;display:flex;flex-direction:column;min-height:0}
  .sr-section.is-expanded .sr-drawing{flex:1;min-height:0;height:100%;width:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
  .sr-section.is-expanded .sr-drawing>.sr-scene{display:block;width:var(--sr-canvas-width,100%);height:var(--sr-canvas-height,100%);min-width:0;min-height:0;max-width:none;margin:auto;flex:none}
  .sr-section.is-expanded .sr-explain{display:none}
  .sr-section.is-expanded.is-info-open .sr-explain:not([hidden]){display:block;position:absolute;inset:0;z-index:12;max-height:100%;overflow:auto;overscroll-behavior:auto;padding:0 18px 20px;background:#222b21}
  .sr-section.is-expanded .sr-info-close{display:block;position:sticky;top:0;z-index:1;width:100%;min-height:44px;margin:0 0 14px;padding:10px;background:#303d2b;border:0;border-bottom:1px solid #b6a87966;border-radius:0;text-align:right;font-size:14px}
  .sr-section.is-expanded .sr-canvas-tools{display:flex;flex:none;align-items:center;justify-content:center;gap:6px;padding:8px;border-top:1px solid #b6a87955;background:#202a22}
  .sr-section.is-expanded .sr-canvas-tools button{min-height:44px;min-width:44px;font-size:14px;padding:7px 10px}
  .sr-section.is-expanded .sr-canvas-tools button:disabled{opacity:.4;cursor:default}
  .sr-section.is-expanded [data-room-zoom-value]{min-width:36px;color:#c6c9b4;font-size:11px;text-align:center;font-variant-numeric:tabular-nums}
  .sr-section.is-expanded [data-room-info]{margin-left:auto}
  .sr-section.is-expanded :is(.sr-legend,.sr-details,.sr-footer){display:none!important}
  .sr-section.is-expanded .sr-view-note{max-height:48px;overflow:auto;padding:6px 12px;margin:0;font-size:10px;flex:none}
  .sr-section.is-expanded .sr-rack-service-strip{flex:none;max-height:60px;overflow:auto;padding:6px 12px;font-size:10px}
  .sr-section.is-expanded [data-room-panel]>.sr-management-note{display:none}
  .sr-section.is-expanded.is-settings-open{overflow:auto}
  .sr-section.is-expanded.is-settings-open .sr-stage{min-height:160px}
}
@media(max-width:1100px) and (max-height:500px){
  .sr-section.is-expanded .sr-heading{position:absolute;right:0;left:auto;top:0;width:auto;max-width:140px;z-index:20;border:0;padding:4px 8px;background:transparent}
  .sr-section.is-expanded .sr-heading-actions{gap:4px;width:auto}
  .sr-section.is-expanded [data-room-landscape]{display:none}
  .sr-section.is-expanded .sr-toolbar{padding-right:140px}
  .sr-section.is-expanded .sr-orientation-note{display:none}
  .sr-section.is-expanded .sr-view-note{display:none}
  .sr-section.is-expanded .sr-canvas-tools{padding-block:4px}
  .sr-section.is-expanded.is-settings-open .sr-heading{position:sticky;top:0;right:auto;width:100%;max-width:none;background:#202a22;justify-content:flex-end}
  .sr-section.is-expanded.is-settings-open .sr-toolbar{padding-right:10px}
}
@media(max-width:1100px) and (orientation:portrait){
  .sr-section.is-expanded> :not(.sr-heading):not(.sr-rotate-prompt){display:none!important}
  .sr-section.is-expanded .sr-rotate-prompt{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:28px;color:#e6d6ac}
  .sr-rotate-prompt>span{font-size:64px;line-height:1;color:#e3c982}
  .sr-rotate-prompt h4{font-size:23px;margin:0}
  .sr-rotate-prompt p{font-size:15px;line-height:1.8;margin:0;max-width:300px;color:#bdc6b5}
}