/* The white four-building illustration is the main subject of the desk screen. */
.has-blanq-city{background:radial-gradient(ellipse at 40% 100%,#315d4d,#183d32)!important;padding:0!important}
.has-blanq-city .screen-top{position:absolute;top:12px;left:18px;font-size:8px}
.city-screen-question{position:absolute;left:18px;right:18px;top:31px;font:16px/1.1 Georgia;color:#fffdf4}
.city-screen-question b{font:normal 30px/1.1 Georgia;display:block;letter-spacing:-.5px;margin-top:2px}
.city-screen-question em{font:italic 24px Georgia}
.blanq-city{position:absolute;left:18px;top:88px;width:calc(100% - 36px);height:125px;overflow:visible;pointer-events:none!important}
.hotel-silhouette{fill:#fff}.hotel-windows{fill:#214739}.hotel-awning{fill:#b7c9bc}.city-network{fill:none;stroke:#f5edd4;stroke-width:2;opacity:.8}.city-base-node{fill:#e6c684}.city-remote-nodes{fill:#fff}
.city-screen-names{position:absolute;left:24px;right:18px;top:212px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;color:#fff8e6;text-align:center;font:8px monospace;letter-spacing:.5px}
.city-screen-names b{color:#edce8b}.city-screen-invite{position:absolute;bottom:8px;left:18px;right:18px;font:8px monospace;color:#e8d99f;border-top:1px solid #c3d0b63b;padding-top:5px}
.monitor.hover-invitation .city-network{stroke:#f0d493;stroke-width:3}
/* Small in-plane tilts preserve the mounting plane and keep the wall brackets attached. */
.atelier-room .cabo-wall-link{transform:translateZ(380px) rotateX(-90deg) rotateY(55deg) translate(230px,150px) rotateZ(-1.5deg) translate(-230px,-150px)!important}
.atelier-room .atelier-right-wall .atelier-nz-print{transform:translateZ(-275.85px) rotateX(35deg) rotateZ(-90deg) rotateY(180deg) translate(230px,150px) rotateZ(1.5deg) translate(-230px,-150px)!important}
/* The computer chapter uses the desk plane as a physical monitor bezel. */
body.computer-view .desk{background:linear-gradient(110deg,#717c7f,#cbd0cf 18%,#6b7778 70%,#c6cccb)!important;border-radius:24px!important;box-shadow:0 0 0 2px #707c7d,0 0 0 8px #b7bfbd,0 12px 0 #65716f,0 30px 45px #25352f66!important}
body.computer-view .desk>*:not(#panel){visibility:hidden!important}
body.computer-view .desk::before{content:'';position:absolute;width:8px;height:8px;left:546px;top:18px;background:#20332e;border:2px solid #758580;border-radius:50%;transform:translateZ(26px);pointer-events:none}
body.computer-view .desk::after{content:'BLANQ / OPERATIONS';position:absolute;left:0;right:0;top:auto;bottom:14px;height:12px;background:none!important;opacity:1!important;color:#32483e;text-align:center;font:9px monospace;letter-spacing:3px;transform:translateZ(25px);pointer-events:none}
body.computer-view #panel{border:8px solid #162b25!important;border-radius:13px!important;background:#f5f7f2!important;box-shadow:0 0 0 2px #5e7068!important;animation:none!important}
body.computer-view #panel-content{background:#f3f6f0!important;scrollbar-color:#7f9688 #e6ece4!important}
body.computer-view #panel .panel-head{background:linear-gradient(#e8ede7,#dce4dc)!important;border-bottom:1px solid #b9c5b8;gap:8px;padding:11px 14px!important;min-height:46px}
body.computer-view #panel-label{display:none!important}
.pc-traffic{display:flex;gap:5px;align-items:center;margin-right:4px;pointer-events:none}.pc-traffic i{width:8px;height:8px;border-radius:50%;background:#bc7563;box-shadow:inset 0 0 0 1px #5d675b33}.pc-traffic i:nth-child(2){background:#c7ad64}.pc-traffic i:nth-child(3){background:#7f9d7f}
.pc-location{flex:1;min-width:0;padding:7px 10px;background:#f7f9f5;border:1px solid #c6d0c2;border-radius:5px;font:10px monospace;color:#385347;letter-spacing:.5px}
body.computer-view .blanq-hero{background:#e5eee3!important}body.computer-view .blanq-chapter{background:#f5f7f2!important}
body.computer-view .blanq-hero{display:grid!important;grid-template-columns:minmax(0,1fr)165px;gap:24px;color:#244d3e!important;padding:22px 28px!important}
body.computer-view .blanq-hero #panel-title{color:#244d3e!important;font-size:32px!important;line-height:1.06!important;letter-spacing:-.8px!important}
body.computer-view .blanq-hero .chapter-eyebrow,body.computer-view .blanq-hero p{color:#55775f!important}
body.computer-view .blanq-count strong{white-space:nowrap;color:#426f55!important;font-size:58px!important}
body.computer-view .blanq-count span{color:#55775f!important;font-size:9px!important;max-width:165px!important;line-height:1.5}
body.computer-view .blanq-network figure{transform:none!important;border-radius:5px;overflow:hidden;box-shadow:0 3px 9px #28423215}
body.computer-view #close-panel{white-space:nowrap;background:#355c4c;color:#fff6df;border:0;border-radius:4px;padding:7px 10px!important;font:11px Arial}
@media(max-width:700px){body.computer-view .desk::before,body.computer-view .desk::after{display:none}body.computer-view #panel{border-width:4px!important}.pc-traffic{display:none}.pc-location{font-size:8px;padding:6px}.computer-view .panel-head .review-return,.computer-view .panel-head .archive-return{display:none!important}body.computer-view #panel .panel-head{gap:5px;padding:9px 7px!important}}
.channel-lab-open #panel-content .lab-title h2{font:27px/1.08 Georgia!important;margin:10px 0 5px!important;letter-spacing:-.4px;text-transform:none}
.channel-lab-open #panel-content .lab-title p{font:13px/1.4 Arial!important}
.lab-shared-stock{display:flex;align-items:center;gap:14px;padding:12px 0;color:#345b48}
.lab-shared-stock>strong{font:40px/1 Georgia}.lab-shared-stock>span{font:bold 14px/1.3 Arial}.lab-shared-stock small{display:block;font:11px/1.35 Arial;font-weight:normal;margin-top:4px;color:#657364}
.lab-booking{display:flex;align-items:end;gap:10px;padding:12px;background:#e7edde;border:1px solid #c3cdb9}
.lab-booking label{display:grid;gap:6px;flex:1;font:12px Arial}.lab-booking select{width:100%;padding:8px;background:#fffdf5;border:1px solid #a2b29e;color:#304e3d;font:13px Arial}
.lab-booking button{padding:10px 13px;border:0;background:#365b4c;color:#fff6df;font:12px Arial;cursor:pointer}.lab-booking button:disabled{opacity:.45;cursor:default}
.lab-working-rule{display:grid;gap:5px;margin-top:12px;padding:11px;background:#355b4b;color:#fff4dd}.lab-working-rule b{font:9px monospace;letter-spacing:1px}.lab-working-rule span{font:12px/1.4 Arial}
.channel-lab footer{font-size:10px!important;line-height:1.4!important}.channel-lab-open #panel-content{padding:12px 18px!important}
@media(max-width:650px){.lab-title{display:block}.lab-title>button{margin-bottom:8px}.lab-booking{align-items:stretch;flex-direction:column}.lab-booking button{min-height:42px}}
@media(max-width:700px){body.computer-view .blanq-hero{grid-template-columns:1fr!important;gap:12px;padding:18px!important}body.computer-view .blanq-hero #panel-title{font-size:27px!important}body.computer-view .blanq-count{text-align:left;display:flex;align-items:center;gap:15px}body.computer-view .blanq-count strong{font-size:40px!important}}
.atelier-room .cabo-wall-link.wecamp-property-poster{padding-top:58px!important;padding-bottom:26px!important}
.atelier-room .wecamp-property-poster img{height:206px!important;object-fit:cover!important;object-position:50% 82%!important}
.atelier-room .wecamp-property-poster .cabo-poster-title{top:9px!important;left:19px!important;right:19px!important;color:#795a3e!important}
.wecamp-poster-wordmark{display:block;font:italic 15px/1 Georgia;letter-spacing:1px;color:#6e7c53}
.wecamp-property-poster .cabo-poster-title strong{display:block;font:normal 28px/1.04 Georgia,serif;letter-spacing:-.6px;margin-top:3px}