.live-mobile-grid-heading{display:none}.live-guide-preference{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:4px;padding-block:4px}.live-guide-preference label{font-size:12px;color:var(--text)}.live-appointment-card>.live-guide-actions{padding:8px 12px;border-top:1px solid var(--border-subtle)}.live-appointment-card>.live-guide-actions:not(:has(button,[role=alert])){display:none}.live-appointment-card>.live-guide-actions>div:first-child{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:899px){.salon-layout[data-nav]{overflow-x:clip}.salon-layout .more-menu{position:fixed;z-index:150;inset:auto 12px max(12px,env(safe-area-inset-bottom));display:grid;gap:8px;max-height:75dvh;overflow-y:auto;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-pop)}.salon-layout .more-menu>:is(a,button){display:flex;align-items:center;gap:8px;min-height:44px;padding:8px;border:0;background:transparent;color:var(--text);text-decoration:none}}@media (max-width:760px){.live-workspace .live-guide-secondary:not(.open){display:none}.live-workspace .guide-row{grid-template-columns:42px minmax(0,1fr) auto}.live-workspace .guide-row-name{min-height:44px;padding-block:0}.live-workspace .task-row{grid-template-columns:minmax(0,1fr) auto}.live-workspace .live-guide-actions>div:first-child{flex-wrap:wrap;justify-content:end}.live-calendar-page .calendar-stage[data-mode=grid]{overflow:visible}.live-calendar-page .calendar-stage[data-mode=grid]:is([data-period=day],[data-period=week]){height:min(760px,calc(100dvh - 140px));overflow:hidden}.live-calendar-page .live-mobile-grid-heading{position:sticky;top:0;z-index:20;display:block;flex:none;min-width:0;border-radius:8px 8px 0 0;background:var(--surface-elevated)}.live-mobile-heading-scroll{overflow-x:auto;scrollbar-width:none;border-radius:9px 9px 0 0}.live-mobile-heading-scroll .live-calendar-grid{align-items:stretch}.live-calendar-page .staff-head{height:78px}.live-calendar-page .grid-scroll .staff-head{display:none}.live-calendar-page .calendar-stage[data-mode=grid] .grid-scroll{flex:1 1;min-height:0;overflow:auto;border-radius:0 0 9px 9px}.live-calendar-page .live-mobile-heading-scroll .staff-name{overflow-wrap:anywhere;white-space:normal}.live-calendar-page .my-day-list .live-guide-actions button{width:auto;min-height:44px;padding:8px 12px;border:1px solid var(--border-default)}}