.office-map.approved-map{min-width:0;width:min(100%,calc(100vh - 92px));height:auto;max-width:100%;aspect-ratio:1/1;border:0;border-radius:8px;background:#243d50;box-shadow:0 16px 40px #071e2f80;image-rendering:auto;container-type:inline-size}
.office-map.approved-map:after{display:none}
.map-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.approved-map>div,.approved-map>.context{display:none}
.approved-map .map-hotspot{position:absolute;z-index:3;margin:0;padding:0;border:5px solid transparent;border-radius:2px;background:transparent;color:#172b3a;overflow:visible;cursor:pointer;transition:filter .2s,box-shadow .2s}
.approved-map .map-hotspot:hover,.approved-map .map-hotspot.selected{filter:brightness(1.06);z-index:5}
.approved-map .map-hotspot[data-state=free]{border-color:var(--free);box-shadow:inset 0 0 0 2px #dcfce7,0 0 12px #22c55eaa}
.approved-map .map-hotspot[data-state=soon]{border-color:var(--soon);box-shadow:inset 0 0 0 2px #fef3c7,0 0 12px #f59e0baa}
.approved-map .map-hotspot[data-state=busy]{border-color:var(--busy);box-shadow:inset 0 0 0 2px #fee2e2,0 0 12px #ef4444aa}
.approved-map .meeting-one{left:8.6%;top:2.4%;width:20.1%;height:28.7%}
.approved-map .meeting-two{left:29.5%;top:2.4%;width:18.3%;height:28.7%}
.approved-map .engineering{left:64.2%;top:2.2%;width:19%;height:17.5%}
.approved-map .client-vl{left:26.8%;top:69.5%;width:20%;height:20.6%}
.approved-map .call-two{left:57.3%;top:65.7%;width:6.9%;height:7.6%}
.approved-map .call-one{left:57.3%;top:72.4%;width:6.9%;height:7.7%}
.approved-map .map-hotspot>.table,.approved-map .map-hotspot>.round-table,.approved-map .map-hotspot>.avatar{display:none}
.approved-map .room-label{bottom:8px;min-width:74%;white-space:nowrap}
.approved-map .meeting-one .room-label{bottom:12px;min-width:66%;padding:9px 8px}
.approved-map .meeting-two .room-label{bottom:12px;min-width:82%;padding:9px 8px}
.approved-map .engineering .room-label{bottom:12px;min-width:82%;padding:8px}
.approved-map .client-vl .room-label{bottom:12px;min-width:88%;padding:10px 5px}
.approved-map .call-two .room-label,.approved-map .call-one .room-label{left:50%;right:auto;transform:translateX(-50%);bottom:3px;width:88%;min-width:0;height:auto;padding:3px 1px;border-radius:4px;display:flex;flex-direction:column;justify-content:center;white-space:normal}
.approved-map .call-two .room-label b,.approved-map .call-one .room-label b{font-size:10px}
.approved-map .call-two .room-label small,.approved-map .call-one .room-label small{display:none}
.approved-map .avatars{position:absolute;z-index:4;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:3px;pointer-events:none;opacity:0;transition:opacity .3s}
.approved-map [data-state=busy] .avatars{opacity:1}
.approved-map .avatars i{position:relative;width:2cqw;height:1.5cqw;margin-top:1.8cqw;flex:0 0 auto;border-radius:5px 5px 2px 2px;background:var(--avatar-color,#14b8a6);border:2px solid #172033}
.approved-map .avatars i:before{content:"";position:absolute;left:50%;top:-1.8cqw;width:1.5cqw;height:1.5cqw;border-radius:50%;background:#f3c6a5;border:2px solid #172033;transform:translateX(-50%)}
.approved-map .avatars i:nth-child(5n+1){--avatar-color:#14b8a6}
.approved-map .avatars i:nth-child(5n+2){--avatar-color:#3b82f6}
.approved-map .avatars i:nth-child(5n+3){--avatar-color:#8b5cf6}
.approved-map .avatars i:nth-child(5n+4){--avatar-color:#22c55e}
.approved-map .avatars i:nth-child(5n){--avatar-color:#f97316}
.approved-map .meeting-one .avatars{left:6%;top:36%;width:88%;height:52%}
.approved-map .meeting-two .avatars{left:6%;top:36%;width:88%;height:52%}
.approved-map .engineering .avatars{left:8%;top:34%;width:84%;height:50%}
.approved-map .client-vl .avatars{left:8%;top:16%;width:84%;height:48%}
.approved-map .call-two .avatars,.approved-map .call-one .avatars{left:10%;top:6%;width:80%;height:42%}
.approved-map .staff-tag{position:absolute;z-index:6;left:16.2%;top:70.6%;transform:translate(-50%,-100%);white-space:nowrap;background:#172033e6;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;box-shadow:0 2px 6px #0006;pointer-events:none}