.office-page{--stage-width:calc(min(1400px, 100vw - var(--side-w,0px) - 48px) * 1.043);flex-direction:column;gap:8px;max-width:1448px;height:100dvh;min-height:560px;margin:0 auto;padding:28px 24px 16px;display:flex;overflow:clip}.office-top{z-index:5;flex:none;position:relative}.office-phone-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.office-status-row{display:contents}.office-zones,.board.board-phone{display:none}.office-phone-title,.office-phone-status{align-items:center;gap:8px;display:flex}.office-phone-title .brand h1{white-space:nowrap}@media (min-width:1301px){.office-phone-status .office-count,.office-phone-status .office-first{margin-right:12px}}.office-link{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.office-scroll{flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex}.stage{width:var(--stage-width);height:min(calc(var(--stage-width) * .6034), calc((100dvh - 83px) / .973));border-radius:calc(22px * var(--round,1));background:0 0;flex:none;margin-top:-28px;position:relative;container-type:inline-size}.plan{width:100%;height:100%;display:block;position:absolute;inset:0}.plan-top{z-index:2;pointer-events:none}.room-name{z-index:1;color:#1d1533;white-space:nowrap;pointer-events:none;font-size:.9cqw;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.chip{z-index:1;border-radius:calc(.6cqw * var(--round,1));color:#1d1533;width:5cqw;font:inherit;text-align:center;white-space:nowrap;box-shadow:0 .25cqw .7cqw rgba(var(--shade-rgb), .18), inset 0 .1cqw 0 #fff;background:#fff;border:0;margin:0;padding:.42cqw .1cqw;font-size:.86cqw;font-weight:700;line-height:1.1;transition:background .3s,opacity .3s;position:absolute;transform:translate(-50%,-50%)}button.chip{cursor:pointer}.chip.is-work{background:var(--brand);color:#fff}.chip.is-meeting{background:var(--brand-mid-strong);color:#fff}.chip.is-review{color:#fff;background:#2f9e6e}.chip.is-away{background:var(--brand-tint);color:#8a83a3;box-shadow:none}.chip.is-selected,button.chip:focus-visible{outline-offset:.12cqw;outline:.2cqw solid #1c2340}.walker-name{z-index:3;border-radius:var(--pill,999px);color:#1d1533;box-shadow:0 .25cqw .7cqw rgba(var(--shade-rgb), .18), inset 0 .1cqw 0 #fff;white-space:nowrap;pointer-events:none;background:#fff;padding:.12cqw .45cqw;font-size:.74cqw;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.board{z-index:3;grid-template-columns:1fr 1.25fr;gap:1.6cqw;margin:0;padding:1.1cqw 1.4cqw;display:grid;position:absolute;inset:2.5% 45.8% 70.5% 1.6%}html .board .board-requests{flex-direction:column;display:flex;overflow:visible;-webkit-mask-image:none;mask-image:none}.board-requests h2{margin-bottom:.5cqw}html .board .stat-grid{flex:1;grid-auto-rows:1fr;gap:.5cqw;min-height:0}html .board .stat-grid .stat{border-radius:calc(.7cqw * var(--round,1));flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:.4cqw;padding:.35cqw 1.1cqw;display:flex}html .board .stat-grid .stat b{font-size:1.75cqw;line-height:1.25}html .board .stat-grid .stat span{white-space:nowrap;font-size:.72cqw;display:block}.board-main{flex-direction:column;gap:1cqw;min-width:0;min-height:0;display:flex}.board-main section{flex:1}.board-actions{flex:none;align-items:stretch;gap:.5cqw;display:flex}.board-next .row{margin-bottom:.4cqw}.board-next .row h2{margin:0}.board-chip{border-radius:calc(.7cqw * var(--round,1));background:var(--surface-soft);min-width:0;color:inherit;white-space:nowrap;flex:1;justify-content:space-between;align-items:center;gap:.4cqw;padding:.45cqw .8cqw;font-size:.78cqw;text-decoration:none;display:flex}.board-chip b{color:var(--brand);font-size:1.05cqw}html .board .btn.board-order{border-radius:calc(.7cqw * var(--round,1));white-space:nowrap;margin:0;padding:.45cqw .9cqw;font-size:.82cqw}.order-dialog{z-index:1000;background:#1d153359;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.order-box{width:min(100%,1020px)}html .order-box .card{min-height:360px;max-height:calc(100dvh - 32px);box-shadow:none;flex-direction:column;display:flex;overflow-y:auto}.order-box .input-area{resize:none;flex:1;min-height:90px}.board section{min-height:0;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 92%,#0000);mask-image:linear-gradient(#000 92%,#0000)}.board h2{margin:0 0 .3cqw;font-size:1cqw}.board ul{gap:.25cqw;margin:0;padding:0;list-style:none;display:grid}.board li{flex-wrap:nowrap;align-items:center;gap:.15cqw .4cqw;font-size:.82cqw;line-height:1.35;display:flex}.board ul.board-work{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;max-height:2.9cqw;overflow-y:auto}.board-work li.is-long{grid-column:1/-1}.board li a{color:inherit;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.board li a:hover{color:var(--brand)}.board .empty,.board .hint{text-align:left;margin:0;padding:0;font-size:.82cqw}.board .btn{margin-top:.5cqw}.pill{border-radius:var(--pill,999px);background:var(--seg-bg);white-space:nowrap;padding:.05cqw .45cqw;font-size:.7cqw;font-weight:700}.pill.is-work{background:var(--brand-tint);color:var(--brand)}.pill.is-meeting{background:var(--brand-tint);color:var(--brand-dark)}.pill.is-review{color:#1f7f55;background:#e2f5ea}.pill.is-wait{background:var(--brand);color:#fff}.pill.is-due{color:#fff;background:#e0533d}@media (max-width:1300px){.office-page{height:auto;min-height:100dvh;padding:28px 24px 16px;overflow:visible}.office-top{width:auto;margin:0;padding:0}.stage{margin-top:0}.office-scroll{flex:none;padding-bottom:8px;display:block;overflow-x:auto}.stage{width:1240px}.office-phone-head{flex-direction:column;align-items:stretch;gap:20px}.office-phone-status{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.office-status-row{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:12px;display:flex}html .office-phone-status .office-link{justify-content:center;gap:8px;padding-inline:8px;font-size:14px}.office-phone-status .office-link svg{flex:none}.stage>.board{display:none}.board-phone .board-requests h2{margin-bottom:12px}.board-phone .board-main{border-top:1px solid var(--line);gap:24px;padding-top:20px}.board-phone .board-next .row{margin-bottom:12px}.board-phone .board-next .pill{font-size:12px}.board-phone .board-chip{border-radius:calc(14px * var(--round,1));gap:8px;padding:12px;font-size:14px}.board-phone .board-chip b{font-size:16px}.board-phone .board-actions{gap:8px}html .board-phone .btn.board-order{border-radius:calc(14px * var(--round,1));padding:12px 16px;font-size:14px}html .board-phone .stat-grid{gap:12px}html .board-phone .stat-grid .stat{border-radius:calc(14px * var(--round,1));padding:12px 20px}html .board-phone .stat-grid .stat b{font-size:24px}html .board-phone .stat-grid .stat span{font-size:12px}.office-zones{z-index:30;border-radius:var(--pill,999px);background:var(--surface,#fff);box-shadow:0 4px 12px rgba(var(--shade-rgb), .2), inset 0 1px 0 #fff;grid-template-columns:1fr 1fr;gap:4px;margin-top:40px;padding:4px;display:grid;position:sticky;top:8px}.office-zones button{border-radius:var(--pill,999px);height:36px;color:var(--text,#1d1533);font:inherit;cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:700}.office-zones button.is-on{background:var(--brand);color:#fff}.board.board-phone{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:8px;padding:20px;display:grid;position:static}.board-phone section{overflow:visible;-webkit-mask-image:none;mask-image:none}.board-phone h2{margin:0 0 12px;font-size:16px}.board-phone ul{gap:12px;max-height:96px;padding-right:8px;overflow-y:auto}.board-phone ul::-webkit-scrollbar-track{margin-block:4px}.board-phone section+section{border-top:1px solid var(--line);padding-top:20px}.board-phone li{flex-wrap:nowrap;gap:8px;min-width:0}.board-phone li>a{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.board-phone li,.board-phone .empty,.board-phone .hint{font-size:14px}.board-phone .pill{white-space:nowrap;flex:none;padding:4px 12px;font-size:12px}.board-phone .btn{margin-top:8px}}.stage.is-phone{aspect-ratio:480/1444;flex:none;width:102.455%;height:auto;margin:calc(4px - 9%) -1.70758% 0 -.747065%}.stage.is-phone .room-name{font-size:3cqw}.stage.is-phone .chip{border-radius:calc(2cqw * var(--round,1));width:16.6cqw;padding:1.4cqw .3cqw;font-size:2.9cqw}.stage.is-phone .walker-name{padding:.4cqw 1.5cqw;font-size:2.5cqw}.stage.is-phone .chip.is-selected,.stage.is-phone button.chip:focus-visible{outline-offset:.4cqw;outline-width:.6cqw}@media (max-width:1300px){.office-page{padding-bottom:48px}.office-scroll{justify-content:center;display:flex;overflow:visible}}.stage.is-tablet{aspect-ratio:920/1146;flex:none;width:101.266%;height:auto;margin:calc(4px - 3.5%) -.880572% 0 -.38525%}.stage.is-tablet .room-name{font-size:1.57cqw}.stage.is-tablet .chip{border-radius:calc(1cqw * var(--round,1));width:8.7cqw;padding:.73cqw .17cqw;font-size:1.5cqw}.stage.is-tablet .walker-name{padding:.2cqw .78cqw;font-size:1.3cqw}@media (max-width:700px){.office-page{padding-bottom:16px}.office-scroll{padding-bottom:0}}@media (max-width:1300px){.board-phone ul.board-work{grid-template-columns:repeat(auto-fill,minmax(max(124px,20% - 16px),1fr));column-gap:20px;max-height:54px}.board-phone .board-work li{gap:8px}}@media (max-width:700px){.board-phone ul.board-work{column-gap:12px}.office-phone-title .brand h1{font-size:20px}}@media (min-width:1301px) and (max-width:1500px){html .stage .board{padding-block:1cqw}.stage .board-main{gap:.75cqw}.stage .board h2,.stage .board-next .row{margin-bottom:.2cqw}.stage .board-chip,html .stage .board .btn.board-order{padding-block:.25cqw}}html .stage .board .stat-grid .stat span,.stage .board-chip,.stage .board li,.stage .board .empty{font-size:max(12px,.9cqw)}html .stage .board .pill{font-size:max(12px,.8cqw)}.stage .board ul.board-work{max-height:calc(2*max(21px,1.5cqw) + .25cqw)}@media (min-width:1301px) and (max-width:1500px){html .stage .board .stat-grid .stat{padding-inline:.7cqw}}.stage .room-name,.stage .chip,.stage .walker-name,html .stage .board h2,html .stage .board .btn.board-order{font-size:max(12px, var(--office-font,.9cqw))}.stage .chip{--office-font:.86cqw}.stage .walker-name{--office-font:.74cqw}html .stage .board h2{--office-font:1cqw}html .stage .board .btn.board-order{--office-font:.82cqw}.stage .board-chip b{font-size:max(13px,1.05cqw)}html .stage .board .stat-grid .stat span{font-size:clamp(12px,.96cqw,14px)}html .board-phone .stat-grid .stat span{font-size:14px}@media (max-width:360px){.office-status-row{flex-wrap:wrap}html .board-phone .stat-grid .stat{min-width:0;padding:12px}}html .board-phone ul{overflow-x:hidden}html .office-phone-status .office-demo.btn{width:40px;padding:0}@media (max-width:1300px){html .office-page .settings-btn.settings-desk{display:none!important}html .office-page .settings-btn.settings-phone{order:0;margin:0;display:inline-flex}html .office-page .office-status-row{gap:12px}}@media (min-width:701px) and (max-width:1300px){html .office-zones{display:none}html .office-page .board.board-phone{margin-bottom:16px}}@media (max-width:1300px){html .board.board-phone{gap:20px;padding:20px}html .board-phone .board-requests h2{margin-bottom:12px}html .board-phone .stat-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px}html .board-phone .stat-grid .stat{padding:8px 16px}html .board-phone .stat-grid .stat b{font-size:20px}html .board-phone .board-actions{align-items:center}html .board-phone .board-chip{height:40px;padding:0 12px}html .board-phone .btn.board-order{flex:none;height:40px;margin:0}html .board-phone ul.board-work{grid-auto-rows:28px;align-items:center;gap:12px 16px;max-height:68px}html .board-phone section>.empty{height:68px;margin:0;padding:0}html .board-phone section:has(>.btn){position:relative}}html .board-main section>.empty:not(.is-loading){text-align:center;flex-direction:row;justify-content:center;align-items:center;display:flex}html .board-main section>.empty:not(.is-loading):before{width:16px;height:16px;-webkit-mask-size:16px 16px;mask-size:16px 16px}@media (max-width:700px){html .office-page{padding-inline:20px}html .office-phone-status{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1300px){html .office-page{padding-bottom:20px}html .office-scroll{padding-bottom:0}}@media (max-width:700px){html .stage.is-phone{margin-bottom:-20%}}@media (max-width:1300px){html .office-page{overflow:visible clip}html .stage.is-tablet{margin-bottom:-2%}}@media (min-width:1301px){html .stage{height:min(calc(var(--stage-width) * .6034), calc((100dvh - 91px) / .973));margin-top:-20px}}@media (max-width:1300px){html .office-page .settings-btn.settings-phone.btn,html .office-page .settings-btn.settings-phone.btn:hover{width:32px;box-shadow:none;background:0 0;border:0;justify-content:flex-end;padding:0}html .office-page .settings-btn.settings-phone.btn{width:24px;margin-left:-4px}html .board-phone .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html .board-phone .stat-grid .stat{padding:8px 12px}}@media (max-width:560px){html .board-phone .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){html .board-phone .board-actions{flex-wrap:wrap}html .board-phone .board-chip{flex:1 1 0}html .board-phone .btn.board-order{flex:0 0 100%}html .stage.is-phone{margin-bottom:-8%}html .board.board-phone{margin-top:0}}