.office{--ink:#142b3d;--muted:#637789;--teal:#177d7b;--line:#e1e9ec;color:var(--ink);max-width:1600px;margin:auto}.office *{box-sizing:border-box}.office-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.office-kicker{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--teal);margin-bottom:6px}.office h2{font-size:29px;letter-spacing:-.8px;margin:0 0 5px}.office p{line-height:1.65;color:var(--muted);margin:4px 0}.office-actions{display:flex;gap:9px;flex-wrap:wrap}.office button{font-family:inherit;cursor:pointer}.office button:focus-visible,.office input:focus-visible,.office textarea:focus-visible{outline:3px solid #56b8b0;outline-offset:3px}.of-btn{border:1px solid #ccdadf;color:var(--ink);background:white;border-radius:11px;padding:10px 14px;font-size:13px;font-weight:600}.of-btn.primary{background:#163d4c;color:#fff;border-color:#163d4c}.of-btn.danger{color:#9b3444;border-color:#e8c7cd;background:#fff7f7}.of-btn:disabled{opacity:.5;cursor:not-allowed}.office-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:#eef5f4;border:1px solid #d2e5e0;border-radius:14px;margin-bottom:18px}.office-banner strong{font-size:14px}.office-banner p{font-size:12px}.office-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.office-stat{padding:15px 18px;background:#fff;border:1px solid var(--line);border-radius:13px}.office-stat small{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.office-stat strong{font-size:27px;display:block;margin-top:4px;font-weight:600}.office-tabs{display:flex;border-bottom:1px solid var(--line);gap:22px;overflow:auto;margin-bottom:18px}.office-tabs button{white-space:nowrap;padding:11px 0 14px;border:0;background:none;color:#738493;font-size:13px;font-weight:600;border-bottom:2px solid transparent}.office-tabs button.active{color:var(--teal);border-color:var(--teal)}.office-office-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:15px}.office-scene-wrap{border-radius:18px;background:#0e1825;overflow:hidden;position:relative;min-width:0}.office-scene-top{position:absolute;top:18px;left:20px;right:20px;z-index:3;display:flex;justify-content:space-between;pointer-events:none;color:#b6c9d4;font-size:11px;letter-spacing:1px}.office-scene-top strong{color:#e7f1f3;display:block;font-size:15px;letter-spacing:.2px;margin-bottom:4px}.office-scene-top .of-btn{pointer-events:auto;background:#1e3445;color:#d4e3e8;border-color:#34505e;padding:7px 10px}.office-stage{height:560px;position:relative;overflow:hidden}.office-canvas{display:block;width:100%;height:100%;touch-action:pan-y}.office-labels{position:absolute;inset:0;pointer-events:none}.office-avatar-label{position:absolute;top:0;left:0;pointer-events:auto;background:rgba(18,38,51,.94);color:#e7f0f5;border:1px solid #46616d;border-radius:7px;font-size:10px;padding:5px 8px;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 9px #0002}.office-avatar-label:before{content:'';display:inline-block;background:var(--status);width:6px;height:6px;border-radius:100%;margin-right:5px}.office-scene-footer{position:absolute;bottom:12px;left:18px;right:18px;display:flex;justify-content:space-between;color:#9eb2c1;font-size:10px;z-index:3;pointer-events:none}.office-page-controls button{pointer-events:auto;background:#203647;color:#d7e7ee;border:1px solid #43606e;border-radius:6px;margin-left:4px}.office-detail{background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px;min-width:0;align-self:start}.office-detail h3{font-size:19px;margin:12px 0 2px}.office-detail .of-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:19px;margin-bottom:6px}.office-detail p{font-size:12px;overflow-wrap:anywhere}.office-detail hr{border:0;border-top:1px solid var(--line);margin:18px 0}.office-monogram{width:56px;height:56px;background:#e3f0ed;color:#27746c;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;border-radius:17px}.of-state{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:4px 9px;border-radius:7px;background:#edf1f4;color:#536b7e;white-space:nowrap}.of-state:before{content:'';width:6px;height:6px;border-radius:100%;background:currentColor}.of-state.working,.of-state.running{background:#e8f2ff;color:#326db2}.of-state.available,.of-state.done{background:#e7f5ef;color:#247a56}.of-state.failed,.of-state.interrupted{background:#fbecee;color:#a9515e}.of-state.coordinating,.of-state.waiting{background:#f1ecfa;color:#79579f}.of-state.approval,.of-state.review{background:#fcf2df;color:#9a782b}.office-detail textarea{width:100%;min-height:84px;font-family:inherit;font-size:12px;padding:10px;border:1px solid var(--line);border-radius:9px;resize:vertical}.office-detail .of-btn{width:100%;margin-top:8px}.office-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:16px}.office-panel h3{margin:0 0 10px;font-size:17px}.office-panel p{font-size:13px}.office-team{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.office-person{padding:18px;background:#fff;border:1px solid var(--line);border-radius:13px;cursor:pointer;text-align:left;color:var(--ink)}.office-person:hover{border-color:#76aaa4}.office-person .office-monogram{float:left;margin-right:12px;width:42px;height:42px;font-size:17px;border-radius:12px}.office-person strong{display:block;font-size:14px;margin-bottom:4px}.office-person p{font-size:12px;margin-top:12px;clear:both;padding-top:10px}.office-person small{display:block;color:#6c8090;font-size:11px}.office-person .of-state{margin-top:10px}.office-task-row{display:grid;grid-template-columns:minmax(200px,1fr) 150px 130px auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.office-task-row:last-child{border-bottom:0}.office-task-row strong{font-size:13px}.office-task-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px;overflow-wrap:anywhere}.office-events{display:grid;grid-template-columns:1fr;gap:0}.office-event{display:flex;gap:13px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.office-event time{flex:0 0 95px;color:#8295a2;font-size:10px}.office-event div{overflow-wrap:anywhere}.office-event b{font-size:11px;color:var(--teal)}.office-legend{display:flex;gap:15px;flex-wrap:wrap;padding:12px 4px;font-size:10px;color:#6e8594}.office-note{font-size:11px!important;color:#7b8f9d!important;margin:15px 0!important}.office-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.office-form label{display:block;font-size:12px;color:#3b5568;margin:0 0 6px}.office-form input,.office-form select,.office-form textarea{width:100%;padding:10px 12px;font:inherit;font-size:13px;border:1px solid #cfdde3;border-radius:9px;background:#fff;color:#183344}.office-form textarea{min-height:90px;resize:vertical}.office-form .wide{grid-column:1/-1}.office-form .check{display:flex;align-items:center;gap:9px}.office-form .check input{width:auto;accent-color:var(--teal)}.office-error{background:#fff0f1;color:#943d4a;border:1px solid #efcbd0;padding:12px 14px;border-radius:9px;font-size:12px;margin:12px 0;overflow-wrap:anywhere}.office-result{white-space:pre-wrap;background:#f4f7f8;padding:16px;border:1px solid var(--line);border-radius:10px;font:12px/1.75 inherit;max-height:450px;overflow:auto;overflow-wrap:anywhere}.office-modal{max-width:850px!important}.office-empty{padding:55px 20px;text-align:center;color:var(--muted);font-size:13px}.office-small-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.office-proposal{padding:20px;border:1px solid var(--line);border-radius:13px;background:white;margin-bottom:12px}.office-proposal h4{font-size:16px;margin:0 0 6px}.office-proposal p{font-size:12px;margin-bottom:10px}.office-browser-image{width:100%;border-radius:10px;border:1px solid var(--line);background:#f1f5f5}.office-toast{background:#eaf5ef;border:1px solid #c0ddcf;padding:12px;border-radius:9px;font-size:12px}.office-room-note{position:absolute;bottom:46px;left:22px;color:#8ba9ad;font-size:9px;letter-spacing:2px;pointer-events:none}.office .skeleton{padding:30px;color:#65818d}.office-top-meta{font-size:11px;color:#749197}.office-offline{display:none}.office[data-stale=true] .office-offline{display:block;color:#ae4b5b;font-size:12px;background:#fff1f2;padding:12px;border-radius:10px;margin-bottom:10px}
@media(max-width:1200px){.office-office-grid{grid-template-columns:minmax(0,1fr) 265px}.office-stage{height:510px}.office-team{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.office-office-grid{grid-template-columns:1fr}.office-detail{margin-top:0}.office-stage{height:470px}.office h2{font-size:24px}.office-head{align-items:flex-start;flex-direction:column}.office-head .office-actions{width:100%}.office-stats{grid-template-columns:repeat(2,1fr)}.office-banner{align-items:flex-start}.office-task-row{grid-template-columns:1fr auto}.office-task-row>small{display:none}.office-tabs{gap:18px}.office-form{grid-template-columns:1fr}.office-form .wide{grid-column:auto}.office-team{grid-template-columns:1fr 1fr}.office-person{padding:13px}.office-person .office-monogram{float:none;margin-bottom:10px}.office-person strong{font-size:13px}.office-event time{flex-basis:70px}.office-panel{padding:16px}.office-stat{padding:13px}.office-stage{height:420px}.office-scene-top{left:14px;right:14px;top:14px}.office-scene-top strong{font-size:12px}.office-scene-footer{font-size:9px;left:12px;right:12px}.office-avatar-label{font-size:9px;padding:4px 6px;max-width:100px}}
@media(prefers-reduced-motion:reduce){.office *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.office-scene-footer{align-items:center;gap:12px}.office-room-note{bottom:62px}.office-result{font-family:inherit;font-size:12px;line-height:1.75}