/* The spatial workspace occupies the application, with independent business panels. */
.sc7-in-office .sc7-content{max-width:none;padding:20px 22px 12px}
.sc7-in-office .sc7-topbar{height:62px;padding:0 24px}
.sc7-spatial-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.sc7-spatial-heading h1{font-size:23px;font-weight:650;letter-spacing:-1px;line-height:1.3;margin:0}
.sc7-spatial-heading h1>span{display:inline-block;font-size:10px;letter-spacing:0;vertical-align:middle;color:#668260;background:#e7eddb;border:1px solid #d5dfc8;border-radius:5px;padding:3px 6px;margin-left:7px}
.sc7-spatial-heading [data-office-action=people]{display:none}
.sc7-spatial-grid{display:grid;grid-template-columns:166px minmax(0,1fr) 254px;height:calc(100dvh - 192px);min-height:480px;gap:12px}
.sc7-spatial-people,.sc7-spatial-work{background:#fffef9;border:1px solid #e0e5d9;border-radius:12px;min-width:0;overflow:auto}
.sc7-spatial-people{padding:15px 12px;display:flex;flex-direction:column;gap:12px}
.sc7-spatial-people .sc7-field{margin:0}.sc7-spatial-people .sc7-field select{padding:8px;font-size:10px;background:#f7f8f0;overflow:hidden}
.sc7-roster-heading{display:flex;align-items:center;gap:7px;padding-top:3px}.sc7-roster-heading h2{font-size:11px;margin:0;flex:1}.sc7-roster-heading>span{font-size:10px;color:#6c7f5f;background:#edf1e3;min-width:21px;text-align:center;border-radius:6px}
#sc7-office-roster{display:flex;flex-direction:column;gap:5px;flex:1;overflow:auto;min-height:70px}
.sc7-roster-person{display:flex;align-items:flex-start;gap:8px;padding:9px 6px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;color:var(--sc7-ink);width:100%;min-width:0}
.sc7-roster-person:hover,.sc7-roster-person.selected{background:#edf3e5;border-color:#d7e2c9}.sc7-roster-person .sc7-user-avatar{width:26px;height:26px;font-size:10px;flex:none}.sc7-roster-person>span:last-child{min-width:0;flex:1}.sc7-roster-person strong{display:block;font-size:11px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sc7-roster-person small{display:block;font-size:9px;color:#8a9480;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sc7-roster-person .sc7-badge{margin-top:4px;font-size:8px;padding:1px 5px}
.sc7-roster-empty{font-size:11px;color:#869279;line-height:1.9;padding:10px 2px;overflow-wrap:anywhere}
.sc7-avatar-picker{padding-top:12px;border-top:1px solid #e6eadf;margin-top:auto;display:flex;flex-direction:column;gap:7px;font-size:10px}.sc7-avatar-picker label{font-weight:600}.sc7-avatar-picker select{border:1px solid #dce4d3;background:#f7f9f2;border-radius:7px;padding:6px;color:#52634a;width:100%}.sc7-avatar-picker #sc7-office-save{font-size:9px;color:#839178;min-height:29px}.sc7-avatar-picker #sc7-office-save.error{color:#a6503a}
.sc7-spatial-center{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid #dce3d3;border-radius:12px;background:#edf1e8;overflow:hidden}
.sc7-scene-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 15px;background:#f7f9f1;border-bottom:1px solid #e0e6d7;font-size:10px;color:#788870;min-height:38px}.sc7-scene-caption #sc7-office-room-name{font-weight:600;color:#53634b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sc7-scene-caption #sc7-office-scene-status{font-size:9px;white-space:nowrap}
.sc7-scene-host{position:relative;flex:1;min-height:260px;isolation:isolate;overflow:hidden;background:#e8eddf}.sc7-scene-host canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.sc7-scene-host .sc7-loading{position:absolute;inset:0;display:grid;place-items:center;background:#eef1e6}
.sc7-scene-failure{position:absolute;inset:0;z-index:8;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:12px;padding:25px;text-align:center;background:#f4f5ecd9;backdrop-filter:blur(4px)}.sc7-scene-failure h3,.sc7-scene-failure p{width:100%;margin:0;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.sc7-scene-failure h3{font-size:17px}.sc7-scene-failure p{color:#7d886f}
.sc7-camera-tools{display:flex;align-items:center;justify-content:center;gap:2px;padding:8px 5px;background:#fafbf4;border-top:1px solid #dde4d3;flex-wrap:wrap}.sc7-camera-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:36px;padding:5px 7px;border:0;border-radius:7px;background:transparent;color:#5e7550;font-size:19px;line-height:1}.sc7-camera-tools button:hover{background:#e9f0de}.sc7-camera-tools small{font-size:8px;line-height:1.3}.sc7-camera-tools [data-camera=follow]{border:1px solid transparent}.sc7-camera-tools [data-camera=follow][aria-pressed=true]{border-color:#d4e0c5;background:#edf4e3}
.sc7-spatial-help{padding:7px 12px;text-align:center;background:#f2f5eb;color:#8a947d;font-size:9px;line-height:1.8}.sc7-spatial-help span{padding:0 4px}
.sc7-spatial-work{display:flex;flex-direction:column}.sc7-spatial-work>header{display:flex;align-items:center;gap:6px;padding:18px 15px 13px;border-bottom:1px solid #e9ecdf}.sc7-spatial-work>header>div{flex:1;min-width:0}.sc7-spatial-work .sc7-eyebrow{font-size:8px;letter-spacing:1.3px}.sc7-spatial-work h2{font-size:13px;margin:5px 0 0;overflow-wrap:anywhere;font-weight:600}.sc7-spatial-work header button{align-self:flex-start}
#sc7-office-person{padding:15px;font-size:11px;color:#859077;line-height:1.8}#sc7-office-person p{margin:8px 0 12px}#sc7-office-person .sc7-button{font-size:9px;padding:6px 8px}
.sc7-work-tabs{display:flex;border-bottom:1px solid #e3e8d9;padding:0 12px;gap:18px}.sc7-work-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:10px 0;color:#96a187;font-size:10px}.sc7-work-tabs button[aria-selected=true]{border-bottom-color:#78905f;color:#4c653c;font-weight:600}
#sc7-office-work-list{padding:12px;overflow:auto;flex:1;min-height:80px}.sc7-office-work-item{width:100%;display:block;text-align:left;padding:13px 10px;margin-bottom:8px;background:#f7f9f1;border:1px solid #e7ecde;border-radius:8px;color:#4a5d40}.sc7-office-work-item:hover{border-color:#a9bf92}.sc7-office-work-item strong{display:block;font-size:11px;margin-bottom:8px;font-weight:500;overflow-wrap:anywhere}.sc7-office-work-item>span:not(.sc7-badge){font-size:9px;color:#92a181}
.sc7-office-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:15px;border-top:1px solid #e9ecdf;font-size:10px;color:#839276}.sc7-office-shortcuts a:hover{color:#2f5e3d;text-decoration:underline}.sc7-spatial-note{color:#9aA48e;font-size:9px;margin:8px 3px 0;line-height:1.8}
.sc7-spatial-grid.work-collapsed{grid-template-columns:166px minmax(0,1fr)}.sc7-spatial-grid.work-collapsed .sc7-spatial-work{display:none}
@media(min-width:1550px){.sc7-spatial-grid{grid-template-columns:185px minmax(0,1fr) 280px;gap:16px}.sc7-spatial-grid.work-collapsed{grid-template-columns:185px minmax(0,1fr)}}
@media(max-width:1250px) and (min-width:901px){.sc7-in-office .sc7-sidebar{width:185px;padding-left:10px;padding-right:10px}.sc7-in-office .sc7-main{margin-left:185px;width:calc(100% - 185px)}.sc7-in-office .sc7-brand{padding-left:4px;gap:8px}.sc7-in-office .sc7-brand strong{font-size:14px}.sc7-in-office .sc7-brand small{font-size:7px}.sc7-in-office .sc7-content{padding:16px 14px}.sc7-spatial-grid{grid-template-columns:140px minmax(0,1fr) 220px;gap:8px}.sc7-spatial-grid.work-collapsed{grid-template-columns:140px minmax(0,1fr)}.sc7-camera-tools small{display:none}.sc7-spatial-people{padding:12px 8px}}
@media(max-width:1050px){.sc7-spatial-grid{position:relative;grid-template-columns:150px minmax(0,1fr)}.sc7-spatial-work{position:absolute;right:0;top:0;bottom:0;width:265px;z-index:12;box-shadow:-12px 0 35px #30442126}.sc7-spatial-grid.work-collapsed{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:900px){.sc7-in-office .sc7-content{padding:16px 12px}.sc7-in-office .sc7-topbar{padding:0 16px}.sc7-spatial-grid{height:calc(100dvh - 192px);min-height:440px}.sc7-spatial-heading h1{font-size:20px}.sc7-in-office .sc7-main{min-width:0}}
@media(max-width:620px){.sc7-spatial-grid,.sc7-spatial-grid.work-collapsed{grid-template-columns:minmax(0,1fr);min-height:440px;height:calc(100dvh - 200px)}.sc7-spatial-heading [data-office-action=people]{display:inline-flex}.sc7-spatial-heading{gap:5px;margin-bottom:12px;align-items:flex-end}.sc7-spatial-heading h1{font-size:18px}.sc7-spatial-heading .sc7-eyebrow{font-size:7px;letter-spacing:1px}.sc7-spatial-heading .sc7-actions{gap:4px}.sc7-spatial-heading .sc7-button{font-size:9px;padding:6px 7px}.sc7-spatial-people{display:none;position:absolute;left:0;top:0;bottom:0;width:210px;z-index:13;box-shadow:10px 0 35px #30442126}.sc7-spatial-grid.people-open .sc7-spatial-people{display:flex}.sc7-spatial-work{width:min(285px,90%)}.sc7-spatial-help{font-size:8px}.sc7-camera-tools{gap:2px;padding:7px 2px}.sc7-camera-tools button{padding:4px;min-width:32px;font-size:18px}.sc7-camera-tools small{display:none}.sc7-spatial-note{font-size:8px}.sc7-in-office .sc7-top-actions{gap:4px}.sc7-in-office .sc7-connection{font-size:8px}.sc7-in-office .sc7-content{padding:13px 9px}}
@media(prefers-reduced-motion:reduce){.sc7-office-workspace *{scroll-behavior:auto}}

/* 선택 물체와 직원 패널은 같은 공간을 사용하여 좁은 화면에서도 조작을 유지한다. */
.sc7-office-workspace [hidden]{display:none!important}
.sc7-office-agent-panel{display:flex;flex-direction:column;flex:1;min-height:0}
.sc7-office-agent-panel>header,#sc7-office-object-panel>header{display:flex;align-items:center;gap:6px;padding:18px 15px 13px;border-bottom:1px solid #e9ecdf}
.sc7-office-agent-panel>header>div,#sc7-office-object-panel>header>div{flex:1;min-width:0}
#sc7-office-object-panel{flex:1;min-height:0;overflow:auto}
.sc7-object-content{padding:15px;font-size:12px;line-height:1.8;color:#62735b}
.sc7-object-content>p:first-child{margin-top:0}
.sc7-object-status{padding:10px 12px;border-radius:8px;background:#edf3e5;color:#386047;min-height:38px}
.sc7-object-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:flex-start}
.sc7-object-actions .sc7-button{white-space:normal;text-align:left;line-height:1.6;min-height:36px}
.sc7-object-actions .sc7-button:disabled{opacity:.55;cursor:default}
.sc7-object-business{margin-top:22px;padding-top:16px;border-top:1px solid #e3e9db}
.sc7-object-business>.sc7-field-label{display:block;font-size:10px;margin-bottom:9px}
.sc7-object-reason{color:#93643a;font-size:11px}
.sc7-object-tip{font-size:10px;color:#8b9780;margin-top:22px}
.sc7-object-directory{border-top:1px solid #e4eadb;padding-top:9px;font-size:11px}
.sc7-object-directory>summary{cursor:pointer;color:#426645;font-weight:600;padding:5px 0}
#sc7-office-object-search{width:100%;padding:7px;border:1px solid #d9e2d0;border-radius:6px;font:inherit;background:#fcfdf8;margin:8px 0}
#sc7-office-objects{max-height:180px;overflow:auto;display:flex;flex-direction:column;gap:3px}
#sc7-office-objects button{border:1px solid transparent;border-radius:6px;background:transparent;text-align:left;color:#637559;padding:7px;font:inherit;min-height:32px}
#sc7-office-objects button:hover,#sc7-office-objects button[aria-pressed=true]{border-color:#c7d8b8;background:#ebf2e2;color:#2a573d}
#sc7-office-objects p{font-size:10px;color:#87917d}
.sc7-scene-caption [data-office-action=stand]{padding:4px 8px;white-space:nowrap;margin-left:auto;color:#285d42;background:#e5efdc;border-color:#b8cfaa}
.sc7-spatial-help strong{font-weight:600;color:#52784d}
.sc7-spatial-work>.sc7-office-shortcuts{margin-top:auto;flex:none}
@media(max-width:620px){#sc7-office-objects{max-height:150px}.sc7-object-content{font-size:11px;padding:13px}.sc7-object-actions .sc7-button{min-height:40px}.sc7-scene-caption{gap:7px;padding-left:10px;padding-right:10px}}