.office-view{touch-action:none;border-radius:inherit;background:#f1f4ee;width:100%;height:100%;min-height:280px;position:relative;overflow:hidden;container-type:inline-size}.office-view:focus-visible{outline-offset:2px;outline:2px solid #738c65}.office-view-controls{z-index:41;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fbfcf6eb;border:1px solid #dce4d4;border-radius:7px;align-items:center;padding:3px;display:flex;position:absolute;bottom:15px;right:17px;box-shadow:0 3px 8px #4b645509}.office-view-controls>button{color:#7c8c6d;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:29px;height:29px;padding:0;display:grid}.office-view-controls>button:hover{color:#5d7050;background:#e5ecdd}.office-view-controls>button:focus-visible{outline-offset:1px;outline:2px solid #738c65}.office-view-controls>span{background:#dce4d6;width:1px;height:15px;margin:0 2px}.office-view-floor{z-index:40;color:#4f6654;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.055em;text-transform:uppercase;pointer-events:none;background:#fbfcf6e8;border:1px solid #d9e1d3;border-radius:6px;margin:0;padding:7px 10px;font-size:10px;font-weight:720;position:absolute;top:15px;left:17px;box-shadow:0 3px 8px #4b645509}.office-view-note{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#7c8c6d;letter-spacing:.01em;pointer-events:none;background:#fbfcf6eb;border:1px solid #dce4d4;border-radius:7px;margin:0;padding:7px 11px;font-size:11.5px;font-weight:550;position:absolute;bottom:15px;left:17px;box-shadow:0 3px 8px #4b645509}.office-view-fallback{z-index:50;color:#6e8c58;text-align:center;background:#f1f4ee;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 30px;display:flex;position:absolute;inset:0}.office-view-fallback p{margin:0;font-size:13px}.office-view-fallback ul{gap:6px;max-width:320px;max-height:55%;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.office-view-fallback button{color:#526044;width:100%;font:inherit;text-align:left;cursor:pointer;background:#fffdf5;border:1px solid #dce7cf;border-radius:7px;flex-direction:column;gap:2px;padding:8px 12px;font-size:12px;display:flex}.office-view-fallback button:hover{background:#f6f8ee;border-color:#b8c8a8}.office-view-fallback button strong{font-weight:650}.office-view-fallback button span{color:#8b9a7d;font-size:11px}@container (max-width:640px){.office-view-note{bottom:59px;right:17px}}@media (max-width:620px){.office-view-floor,.office-view-note,.office-view-fallback p,.office-view-fallback button,.office-view-fallback button span{font-size:12px}}.office-day{grid-template-rows:1fr auto auto;gap:8px;width:100%;height:100%;min-height:0;display:grid}.office-day>.office-view{border-radius:10px;min-height:0}.office-day-bar{align-items:center;gap:10px;padding:0 2px;display:flex}.office-day-date{color:#6f7f68;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;display:flex}.office-day-date input,.office-day-bar>button{color:#34433a;font:inherit;background:#fbfcf6;border:1px solid #dce4d4;border-radius:6px;padding:4px 8px;font-size:12px}.office-day-bar>button{cursor:pointer}.office-day-bar>button:hover:not(:disabled){border-color:#b9c8b0}.office-day-date input:disabled,.office-day-bar>button:disabled{opacity:.55;cursor:default}.office-day-scrub{accent-color:#738c65;flex:1;min-width:120px}.office-day-clock{color:#34433a;font-variant-numeric:tabular-nums;text-align:right;min-width:54px;font-size:12px}.office-day-moment{color:#6f7f68;text-overflow:ellipsis;white-space:nowrap;min-height:17px;margin:0;padding:0 2px;font-size:12px;overflow:hidden}@media (max-width:620px){.office-day-bar{flex-wrap:wrap}.office-day-scrub{flex-basis:100%;order:3}}