.agenda-mobile-toggle{display:none}@media (max-width:1023px){.app-shell{--mobile-gutter:12px;--mobile-gap:16px;--mobile-touch:44px;padding-top:env(safe-area-inset-top,0px);padding-bottom:max(20px, env(safe-area-inset-bottom,0px))}.app-shell .topbar{height:auto;min-height:0;width:calc(100% - 2 * var(--mobile-gutter));margin:12px var(--mobile-gutter) 0;flex:none;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px 12px;padding:12px;display:grid;position:relative;top:auto}.topbar .brand{grid-area:1/1;min-width:0}.topbar .top-actions{display:contents}.topbar .language-picker{grid-area:1/2/2/4}.topbar .language-picker__trigger{width:148px;min-height:var(--mobile-touch)}.topbar .language-picker__menu{max-width:calc(100vw - 48px);left:auto;right:0}.topbar .my-bookings-button{min-height:var(--mobile-touch);grid-area:3/1/4/-1;justify-content:center;padding:8px 12px}.topbar .header-admin-button{min-height:var(--mobile-touch);grid-area:2/2;justify-content:center;width:100%}.topbar .logout-button{min-height:var(--mobile-touch);grid-area:2/3;justify-content:center;width:100%}.topbar .live-pill,.topbar .avatar{display:none}.topbar .user-copy{grid-area:2/1;min-width:0;display:block}.topbar .user-copy strong{overflow-wrap:anywhere;color:var(--muted);font-size:12px;display:block}.topbar .user-copy small{display:none}.hero-row{padding:20px var(--mobile-gutter) 16px;flex-direction:column;align-items:flex-start;gap:10px}.hero-row h1{margin-top:6px;font-size:clamp(27px,6.8vw,34px);line-height:1.12}.hero-row p{max-width:54ch;margin:0;font-size:13px;line-height:1.5}.hero-row .eyebrow{font-size:10px}.app-shell .mobile-tabs{margin:0 var(--mobile-gutter) 12px;box-shadow:none;border-radius:14px;gap:4px;padding:4px;position:static}.mobile-tabs button,.mobile-tabs button.active{min-height:var(--mobile-touch);white-space:nowrap;border-radius:10px;padding:8px 4px;font-size:12px;line-height:1.2}.workspace{width:calc(100% - 2 * var(--mobile-gutter));margin:0 var(--mobile-gutter) 20px;min-width:0}.workspace>.mobile-panel.mobile-panel-active{gap:var(--mobile-gap);padding:12px}.section-heading{min-width:0;margin-bottom:0}.section-heading h2{font-size:16px}.section-heading small{font-size:11px}.monthly-calendar{border:0;border-radius:0;padding:0}.calendar-month{grid-template-columns:44px minmax(0,1fr) 44px;margin-bottom:4px}.calendar-month button{width:44px;height:44px}.calendar-month strong{font-size:15px}.calendar-grid,.calendar-weekdays{gap:0}.calendar-weekdays{margin-bottom:0}.calendar-grid button{aspect-ratio:auto;height:44px;min-height:44px;max-height:none;font-size:13px}.calendar-shortcuts{gap:6px;margin-top:8px;padding-top:8px}.calendar-shortcuts button{min-height:44px;font-size:11px}.compact-office-status-card{padding:12px}.compact-office-status-card h3{margin-bottom:8px}.compact-office-status-card button{min-height:44px}.rooms-selector-panel{border-radius:16px;gap:12px;padding:12px}.floor-toggle{min-width:0;height:auto}.floor-toggle button{min-height:44px;padding:8px 10px;font-size:11px}.room-dropdown-trigger{border-radius:12px;min-height:56px;padding:10px 12px}.room-dropdown-menu .room-card{gap:10px;min-height:60px;padding:10px 12px}.room-card strong{font-size:14px}.room-card small{font-size:12px}.floor-plan-heading{flex-wrap:wrap;gap:12px}.floor-plan-heading>.floor-toggle{width:100%}.mobile-map-toggle{min-height:44px;font-size:13px}.mobile-map-content .map-canvas{aspect-ratio:668/605;width:100%;max-width:520px;height:auto;min-height:0;margin:12px auto 0;padding:0}.mobile-map-content .map-canvas .floor-map{min-height:0;max-height:none}.mobile-map-content .map-legend{flex-wrap:wrap;gap:8px 12px;font-size:9px;line-height:1.4;display:flex}.mobile-map-content .map-legend>span:last-child{flex-basis:100%}.mobile-details-continue{min-height:54px;font-size:14px}.selected-room-banner{flex-wrap:wrap;gap:8px}.admin-editor-bar{flex-wrap:wrap;gap:12px}.admin-editor-bar button{min-height:44px;font-size:12px}.admin-editor-bar small,.admin-panel-heading p{font-size:12px;line-height:1.5}.placement-inspector{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.placement-inspector>div,.placement-inspector>button{grid-column:1/-1}.placement-inspector>div strong{font-size:14px}.placement-inspector>div small,.placement-inspector label span{font-size:11px}.placement-inspector input{min-height:44px;font-size:16px}.placement-inspector>button{min-height:44px;font-size:12px}.room-config-form{gap:18px}.room-config-form label>span,.room-config-form legend{font-size:12px}.room-config-form input:not([type=checkbox]),.room-config-form select{min-height:48px;font-size:16px}.admin-form-row,.amenities-checklist{grid-template-columns:minmax(0,1fr);gap:12px}.amenities-checklist label{min-height:44px}.amenities-checklist label>span{font-size:12px}.room-config-form .update-room-button{min-height:52px;font-size:12px}.availability-card{padding:12px}.availability-head{flex-wrap:wrap;gap:8px}.availability-head strong{font-size:15px}.availability-head span{font-size:12px}.quick-booking-actions{--duration-touch-height:44px}.booking-panel .timeline,.booking-editor .timeline{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:auto;max-height:304px;padding:2px;overflow-y:auto}.timeline button{height:auto;min-height:44px;padding:10px 4px;font-size:13px}.timeline button span{font-size:13px}.booking-panel .time-row,.booking-editor .time-row{grid-template-columns:minmax(0,1fr);gap:16px}.booking-form,.booking-form-scroll{gap:18px;max-height:none;overflow:visible}.app-shell .booking-form .booking-editor__control,.app-shell .booking-form input.booking-editor__control:not([type=radio]):not([type=checkbox]),.bookings-drawer-panel .booking-editor__control{height:auto;min-height:48px;font-size:16px}.app-shell .booking-form .guest-chip-input{font-size:16px}.booking-form :is(input:not([type=checkbox]),select),.booking-form .time-picker__trigger,.booking-form .select-popover__trigger{min-height:48px}.booking-form label>span{font-size:13px}.booking-form textarea{min-height:100px}.booking-form .guest-chip-field,.guest-chip-copy,.guest-chip-list{min-width:0}.guest-chip-copy small{overflow-wrap:anywhere}.guest-chip-remove{min-width:44px;min-height:44px}.booking-form .confirm-booking-button{width:100%;min-height:54px}.booking-empty-state{min-height:180px;padding:24px 16px}.office-pulse-widget>div{grid-template-columns:minmax(0,1fr);gap:10px}.day-live-view{padding:12px}.day-live-list{overscroll-behavior:contain;max-height:250px;overflow-y:auto}.day-live-list li{grid-template-columns:82px minmax(0,1fr) auto;grid-template-areas:"time copy state";gap:8px}.day-live-list time{grid-area:time;align-self:center}.day-live-booking-copy{grid-area:copy;gap:2px;min-width:0;display:grid}.day-live-list>li>b{grid-area:state/auto;place-self:center end}.office-agenda-card{--agenda-min-height:0px;--agenda-detail-size:12px;--agenda-title-size:13px}.office-agenda-card>h3{display:none}.agenda-mobile-toggle{text-align:left;width:100%;min-height:44px;color:var(--ink);font:600 13px/1.4 var(--font-ui);background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.agenda-mobile-toggle>span:first-child{flex:1}.agenda-mobile-count{background:var(--orange-50);min-width:24px;color:var(--orange-600);text-align:center;border-radius:20px;padding:2px 6px}.agenda-mobile-chevron{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;margin:0 4px 4px;transform:rotate(45deg)}.agenda-mobile-toggle[aria-expanded=true] .agenda-mobile-chevron{margin-bottom:0;transform:rotate(225deg)}.office-agenda-card[data-mobile-expanded=false]>.agenda-content{display:none}.agenda-content{margin-top:10px}.agenda-content .office-meeting-list{max-height:260px}:is(html:has(.bookings-drawer-shell),body:has(.bookings-drawer-shell)){overflow:hidden}.bookings-drawer-panel{max-width:100%;height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden}.bookings-drawer-panel>div:first-child{gap:12px;padding:16px}.bookings-drawer-panel>div:first-child button{min-width:44px;min-height:44px}.bookings-drawer-panel>.overflow-y-auto{height:auto;min-height:0;padding:16px}.bookings-filter-bar{gap:4px;margin:0;padding:10px 16px}.bookings-filter-bar button{min-height:44px;padding:8px 6px;font-size:12px}.bookings-drawer-panel article>div:first-child{flex-wrap:wrap;gap:10px}.bookings-drawer-panel article h3{white-space:normal;overflow-wrap:anywhere}.bookings-drawer-panel article button{min-height:44px}.bookings-drawer-panel .booking-editor{min-width:0}.bookings-drawer-panel .booking-editor__grid-2{grid-template-columns:minmax(0,1fr)}.success-modal-card{overscroll-behavior:contain;max-height:calc(100dvh - 32px);overflow-y:auto}.login-screen{padding-bottom:max(20px, env(safe-area-inset-bottom,0px))}}
