.sp-office{color:#253c35}.sp-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.sp-header h2{font-size:27px;font-weight:600;letter-spacing:-1px;margin:7px 0}.sp-header p{font-size:13px;color:#7b8982}.sp-presence{gap:9px;font-size:12px;border:1px solid #e2e8e2;padding:12px 17px;border-radius:30px}.sp-presence,.sp-toolbar{display:flex;align-items:center;background:white}.sp-toolbar{gap:12px;justify-content:space-between;padding:12px;border:1px solid #dce4dc;border-radius:14px 14px 0 0}.sp-toolbar-actions{display:flex;gap:6px;flex-wrap:wrap}.sp-panel-actions button,.sp-room-form button,.sp-toolbar button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;border:1px solid #e0e5e0;border-radius:8px;padding:10px 12px;background:#fff;color:#42594f}.sp-panel-actions button:hover,.sp-toolbar button:hover{background:#edf5ef}.sp-panel-actions .sp-primary,.sp-room-form .sp-primary,.sp-toolbar .sp-primary{background:#245d49;color:white;border-color:#245d49}.sp-toolbar .active{background:#e5f1e8;color:#1b6245}.sp-search{display:flex;align-items:center;gap:8px;border:1px solid #e5e9e5;border-radius:9px;padding:9px 10px;color:#8b9991}.sp-search input{font-size:12px;background:transparent;outline:none;width:145px}.sp-map{height:min(76vh,880px);min-height:570px;position:relative;border:1px solid #dce4dc;border-top:0;overflow:hidden;border-radius:0 0 15px 15px;background:radial-gradient(ellipse at center,#f6f5ee 0,#e6ebe4 80%)}.sp-map .react-flow__pane{background-image:linear-gradient(45deg,#ccd4c528 25%,transparent 0,transparent 75%,#ccd4c528 0),linear-gradient(45deg,#ccd4c528 25%,transparent 0,transparent 75%,#ccd4c528 0);background-size:60px 60px;background-position:0 0,30px 30px}.sp-map .react-flow__node{border:none;box-shadow:none;border-radius:0}.sp-room{width:540px;filter:drop-shadow(0 18px 16px #2a422c22);border-radius:9px;background:#fcfcf8;border:1px solid #c9d3c8;overflow:hidden}.sp-room-label{height:65px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;background:#fcfcfa}.sp-room-label small{display:block;font-size:9px;letter-spacing:2px;color:#8a9388;margin-bottom:5px}.sp-room-label strong{font-size:17px;font-weight:600;color:#314638}.sp-room-label>div:last-child{display:flex;gap:5px}.sp-room-label button{width:28px;height:28px;border:1px solid #d9e1d8;background:white;border-radius:6px;color:#70816b;display:grid;place-items:center}.sp-room-interior{min-height:315px;position:relative;border:solid #e8e5dc;border-width:12px 12px 16px;background:repeating-linear-gradient(92deg,#d8c5a6,#d8c5a6 40px,#c8b699 41px,#c8b699 43px);box-shadow:inset 0 4px 12px #6a57372f;overflow:hidden}.sp-room-photo{position:absolute;inset:0;background:linear-gradient(#faf8ed00,#f8f1e33b),url(/office/executive-room.webp) 50%/cover no-repeat;opacity:.88}.sp-room-glazing{position:absolute;top:0;left:12%;right:12%;height:12px;border:2px solid #849c9a;background:repeating-linear-gradient(90deg,#b9d3d780,#d1e2e484 65px,#7d9696 66px,#7d9696 69px);box-shadow:0 14px 30px #fdfbe4a0}.sp-desk-area{position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-content:end;gap:15px 10px;padding:125px 18px 24px;min-height:303px}.sp-executive .sp-desk-area{grid-template-columns:1fr;padding-top:140px;justify-items:center}.sp-workstation{position:relative;width:144px;height:147px;text-align:center;border-radius:8px;outline:none;transition:filter .15s,transform .15s}.sp-workstation:hover{transform:translateY(-3px);filter:drop-shadow(0 9px 9px #153e3545)}.sp-workstation:focus-visible{outline:3px solid #1c7959;outline-offset:4px}.sp-workstation.sp-dim{opacity:.28}.sp-desk{display:block;left:5px;width:133px;height:63px;border-radius:7px;background:repeating-linear-gradient(5deg,#9c7955,#b38c62 2px,#b99a72 6px,#a37e58 10px);border:2px solid #876341;box-shadow:0 6px 0 #76593d,4px 13px 11px #3c362d50,inset 0 1px 1px #dfc19b}.sp-desk,.sp-monitor{position:absolute;top:7px}.sp-monitor{width:55px;height:31px;left:37px;border-radius:3px;padding:3px;background:#263337;box-shadow:0 3px 4px #151d1b90}.sp-monitor>span{display:block;height:100%;background:linear-gradient(140deg,#1c3040,#50776b);border-radius:1px}.sp-monitor:after{content:"";position:absolute;bottom:-6px;left:23px;width:10px;height:7px;background:#424d4f;border-bottom:2px solid #273230}.sp-keyboard{bottom:9px;left:40px;width:48px;background:repeating-linear-gradient(90deg,#8e9590,#aeb7af 2px,#d8ded6 3px);border:1px solid #646f66;border-radius:2px;box-shadow:1px 2px 2px #4c514480}.sp-coffee,.sp-keyboard{position:absolute;height:9px}.sp-coffee{right:12px;bottom:13px;width:9px;border:2px solid #fdf9f0;border-radius:50%;background:#6d4e32;box-shadow:1px 2px 2px #40392f70}.sp-chair{position:absolute;top:79px;left:52px;width:38px;height:31px;border-radius:10px;background:linear-gradient(#454c42,#697064);border:2px solid #343c32;box-shadow:0 6px 0 #333c31,2px 10px 8px #252a2460}.sp-person{position:absolute;left:61px;top:60px;display:block;width:22px;height:39px}.sp-person i{position:absolute;left:3px;top:0;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 48% 62%,#cda681 0 55%,#49372d 60%);box-shadow:1px 2px 3px #49382960}.sp-person b{position:absolute;top:16px;left:0;width:24px;height:21px;background:linear-gradient(90deg,#232d35,var(--person-color),#4c655d);border-radius:10px 10px 7px 7px;box-shadow:1px 2px 3px #333c3550}.sp-agent-label{position:absolute;top:115px;left:0;width:100%;padding:6px 6px 5px;background:#fffdf6ee;border:1px solid #d8dacf;border-radius:5px;box-shadow:0 2px 3px #3a413725;display:grid;grid-template-columns:8px 1fr;gap:1px 4px;text-align:left}.sp-agent-label strong{font-size:10px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-agent-label small{grid-column:2;font-size:8px;color:#7d8275}.sp-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0;background:#c2a261;align-self:center}.sp-dot.ready{background:#407d59}.sp-dot.working{background:#5b9dda;box-shadow:0 0 0 3px #5b9dda22;animation:sp-pulse 1.5s ease-in-out infinite}.sp-dot.pending{background:#c2a261}.sp-screen-active{animation:sp-screen 2s ease-in-out infinite}.sp-room-foot{padding:9px 17px;display:flex;justify-content:space-between;font-size:10px;color:#8a9788;background:#fcfcfa}.sp-room-door{position:absolute;left:44%;bottom:-15px;width:60px;height:15px;border:2px solid #8aa7a0;background:linear-gradient(#bfd8d477,#e1ece6b3)}.sp-plant{position:absolute;bottom:17px;right:9px;width:21px;height:21px;background:#e6dfcc;border-radius:50%;box-shadow:3px 5px 5px #252f2430}.sp-plant b,.sp-plant i{position:absolute;inset:2px;border-radius:80% 15%;background:linear-gradient(130deg,#7a9d61,#2c6044);transform:rotate(30deg)}.sp-plant b{transform:rotate(110deg)}.sp-empty-desk{grid-column:1/-1;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;padding:20px;color:#486352;background:#fffff3ba;border:1px dashed #839c84;border-radius:10px;width:210px;justify-self:center}.sp-empty-desk strong{font-size:12px}.sp-empty-desk small{font-size:10px;color:#8a9887}.sp-map-caption{position:absolute;bottom:17px;left:20px;display:flex;gap:8px;align-items:center;pointer-events:none;padding:9px 13px;background:#fffef9ed;border:1px solid #dde4d8;border-radius:7px;color:#41624a;font-size:11px}.sp-map-caption small{color:#8d9b88;font-size:9px;border-left:1px solid #d7dfd1;padding-left:8px}.sp-map .react-flow__controls{bottom:56px}.sp-legend{gap:20px;padding:14px 3px;font-size:11px;color:#7b8c7d}.sp-legend,.sp-legend span{display:flex;align-items:center}.sp-legend span{gap:7px}.sp-legend p{margin-left:auto;color:#98a297}.sp-feedback{border-radius:8px;padding:10px 14px;font-size:12px;background:#e7f0e8;color:#396046;margin-bottom:10px}.sp-feedback.error{background:#fbe9e6;color:#943e35}.sp-agent-panel p{font-size:12px;line-height:1.8;color:#7f8e82}.sp-agent-summary{display:flex;gap:15px;align-items:center;padding:18px;border:1px solid #dce7da;border-radius:12px;background:#f0f6ef}.sp-agent-summary strong{display:block;margin-bottom:6px}.sp-agent-panel dl{display:grid;grid-template-columns:130px 1fr;gap:13px;padding:24px 0;font-size:12px}.sp-agent-panel dt{color:#9ba899}.sp-agent-panel dd{color:#405642;overflow-wrap:anywhere}.sp-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sp-panel-actions .sp-primary{grid-column:1/-1}.sp-agent-panel h3{font-size:13px;margin:25px 0 10px;font-weight:600}.sp-task{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e4e8e1;font-size:12px}.sp-panel-actions .sp-danger,.sp-room-form .sp-danger{color:#a84b41;background:#fcf1ed}.sp-room-form{display:grid;gap:17px}.sp-room-form label{display:grid;gap:8px;font-size:12px;color:#6c816d}.sp-room-form input,.sp-room-form textarea{width:100%;border:1px solid #dce5d9;border-radius:8px;padding:10px;background:white;color:#334f38}.sp-room-form input[type=color]{height:44px;width:80px;padding:3px}.sp-api-overlay .max-w-xl{max-width:860px}.sp-api-overlay .p-6{padding:0}.sp-api-overlay .fixed .max-w-lg{padding:24px}.sp-api-overlay table{font-size:12px}.sp-api-overlay .z-50 .z-50{z-index:70}.sp-api-overlay .z-50{z-index:60}.sp-api-overlay .metal-panel{background:#fff}.sp-office .react-flow__minimap{background:#fafcf8;border:1px solid #dae2d4;border-radius:8px}.sp-room-form button:disabled,.sp-toolbar button:disabled{opacity:.5;cursor:not-allowed}@keyframes sp-pulse{50%{box-shadow:0 0 0 5px #5b9dda10}}@keyframes sp-screen{50%{filter:brightness(1.5)}}@media(max-width:1100px){.sp-toolbar{flex-wrap:wrap}.sp-search{flex:1}.sp-search input{width:100%}.sp-map{height:680px}.sp-legend p{display:none}}@media(max-width:650px){.sp-header{align-items:flex-start}.sp-header h2{font-size:21px}.sp-header p{font-size:11px}.sp-presence{display:none}.sp-toolbar button{font-size:10px;padding:9px}.sp-map{min-height:500px;height:65vh}.sp-map-caption small{display:none}.sp-legend{gap:11px;font-size:9px}.sp-panel-actions{grid-template-columns:1fr}.sp-agent-panel dl{grid-template-columns:100px 1fr}}@media(prefers-reduced-motion:reduce){.sp-dot.working,.sp-screen-active{animation:none}}.sp-compact-hero{padding-bottom:16px!important;margin-bottom:12px!important}.sp-compact-hero h1{font-size:24px!important}.sp-compact-hero p{display:none}.sp-compact-hero .ko-eyebrow{font-size:9px!important}.sp-compact-hero .ko-primary{padding:9px 12px!important}.input-basic{background:#fff!important;color:#344c3d!important;border:1px solid #d9e3d8!important}.input-basic::-moz-placeholder{color:#9ba99c!important}.input-basic::placeholder{color:#9ba99c!important}.input-basic:focus{outline:2px solid #bdd4bf!important;outline-offset:1px}.sp-viewbar{justify-content:space-between;gap:12px;padding:10px 14px;background:#f8faf7;border:1px solid #dce4dc;border-top:0;color:#42594f}.sp-view-options,.sp-viewbar,.sp-zoom-tools{display:flex;align-items:center;flex-wrap:wrap}.sp-view-options,.sp-zoom-tools{gap:8px}.sp-search-results button,.sp-viewbar button{display:flex;align-items:center;gap:6px;background:white;border:1px solid #dbe4db;border-radius:8px;padding:8px 10px;font-size:12px;color:#42594f}.sp-viewbar button:hover{background:#e9f3eb}.sp-viewbar button[aria-pressed=true]{background:#e8f0e7;border-color:#acc7b0}.sp-viewbar button:focus-visible{outline:2px solid #245d49;outline-offset:2px}.sp-zoom-tools input{width:110px;accent-color:#245d49;display:block}.sp-zoom-tools output{font-size:12px;width:40px;font-variant-numeric:tabular-nums;text-align:center}.sp-snap{display:flex;align-items:center;gap:6px;font-size:12px}.sp-snap input{accent-color:#245d49}.sp-room-grip{display:none;color:#527763;flex-shrink:0;margin-right:8px}.sp-arranging .sp-room-grip{display:block}.sp-arranging .sp-room-label{cursor:grab;background:#edf5ed}.sp-arranging .react-flow__node.dragging .sp-room-label{cursor:grabbing}.sp-room-label>div:first-of-type{flex:1}.sp-map{height:clamp(320px,calc(100dvh - 490px),780px);min-height:320px}.sp-map-caption{left:14px;bottom:14px;max-width:calc(100% - 235px)}.sp-map-loading{position:absolute;inset:0;display:flex;gap:12px;align-items:center;justify-content:center;background:#f5f8f1d9;color:#547563;font-size:14px;pointer-events:none}.sp-fullscreen{display:flex;flex-direction:column;background:#f8faf7;padding:18px;overflow:auto}.sp-fullscreen .sp-header{margin-bottom:12px}.sp-fullscreen .sp-header h2{font-size:22px}.sp-fullscreen .sp-header p{display:none}.sp-fullscreen .sp-map{flex:1;height:auto;min-height:240px}.sp-fullscreen .sp-legend{padding-bottom:0}.sp-search-results{display:flex;flex-wrap:wrap;gap:7px;padding:8px 12px;background:#f8faf7;border-left:1px solid #dce4dc;border-right:1px solid #dce4dc;font-size:12px}.sp-search-results span{padding:7px;color:#849589}@media(max-width:650px){.sp-map{height:60dvh;min-height:360px}.sp-viewbar{padding:8px;gap:8px}.sp-viewbar button{font-size:11px;padding:7px}.sp-zoom-tools input{width:75px}.sp-map .react-flow__minimap{width:115px;height:85px}.sp-map-caption{max-width:calc(100% - 150px);font-size:9px;padding:7px}.sp-fullscreen{padding:8px}.sp-fullscreen .sp-map{min-height:200px}}.sp-zoom-tools input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border:0;border-radius:5px;background:#d2ded2;cursor:pointer}.sp-zoom-tools input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border:2px solid white;border-radius:50%;background:#245d49;box-shadow:0 1px 4px #245d4940}.sp-zoom-tools input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid white;border-radius:50%;background:#245d49}