/* Shared phone/tablet baseline. Keep desktop sizing and chat viewport ownership. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}
:focus-visible{outline:3px solid #77d8c3;outline-offset:3px}
@media(max-width:1024px){
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;max-width:100%;box-sizing:border-box}
 button,.btn,.primary,.secondary,[role=button]{min-height:44px}
 input[type=checkbox],input[type=radio]{min-height:0}
 .grid2,.rates-grid,.dates2{min-width:0}
 .field{min-width:0}
 .sheetbox,.modal-box,.dialog-box{box-sizing:border-box;max-width:100%}
 .table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 #staffInviteUrl,#editingGuestLink a,.guest-chat-link a{overflow-wrap:anywhere;word-break:break-word}
 .hh-active-toggle{min-height:44px}
}
@media(max-width:820px){
 body{font-size:16px;line-height:1.5}
 label,.field label,.muted,.sheet-help,.rates-card>p,.hero p{font-size:16px!important;line-height:1.5}
 small,.timestamp,.bubble .meta,.bubble .timestamp,.rule-item small{font-size:14px!important;line-height:1.4}
 button:not(.day):not(.booking-date-grid button):not(.plus-btn):not(.send-btn):not(.icon-btn):not(.booking-close):not(.calendar-rates-close):not(.manager-front-send-btn):not(.manager-front-attach-btn),.btn,.primary,.secondary{font-size:16px!important}
 h1,.sheet-title{font-size:clamp(24px,6vw,30px)!important;line-height:1.2}
 h2{font-size:24px;line-height:1.25}
 input:not([type=checkbox]):not([type=radio]),select{min-height:48px}
 .grid2,.dates2,.rates-grid,.rates-grid.two,.messaging-grid{grid-template-columns:minmax(0,1fr)!important}
 .sheet{padding:0!important;align-items:flex-end}
 .sheetbox{width:100%!important;max-height:92dvh!important;padding:16px 16px calc(20px + env(safe-area-inset-bottom))!important}
 .booking-dialog-head,.calendar-rates-header{top:-16px!important}
 .sheet-actions{grid-template-columns:minmax(0,1fr)!important}
 .sheet-actions button{width:100%}
 .day{min-height:52px}.daynum{font-size:18px!important}.daylabel{font-size:12px!important;line-height:1.2}
 .day,.booking-date-grid button{min-width:0}
 #calendarRatesBody,.rates-card,.content-page{min-width:0;overflow-wrap:anywhere}
 .muki-staff-table{min-width:0!important;width:100%;display:block}
 .muki-staff-table thead{display:none}
 .muki-staff-table tbody{display:block}
 .muki-staff-table tr{display:block;padding:14px;border-bottom:1px solid #31565d}
 .muki-staff-table td{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;font-size:16px!important;border:0;padding:8px 0;overflow-wrap:anywhere}
 .muki-staff-table td::before{content:attr(data-label);font-weight:700;color:#abc3c5}
 .muki-staff-table td:first-child{display:block;font-size:18px!important}
 .muki-staff-table td:first-child::before{display:block;margin-bottom:6px}
 .muki-staff-table td button{max-width:100%;white-space:normal}
 .hh-active-toggle input{height:44px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Immediate navigation feedback, on every shared/control-centre tile. */
html body .muki903-workspace-card.is-current,html body .muki903-workspace-card.muki-nav-active,html body .muki833-quick-card.muki-nav-active{background:#78d7c1!important;border-color:#f1fffa!important;color:#042019!important;box-shadow:0 0 0 3px #f1fffa inset!important}
html body .muki-nav-active .muki903-workspace-title,html body .muki-nav-active .muki833-feature-title,html body .muki903-workspace-card.is-current .muki903-workspace-title{color:#042019!important}
html body .muki-nav-active .muki903-workspace-icon,html body .muki-nav-active .muki833-feature-icon,html body .muki903-workspace-card.is-current .muki903-workspace-icon{color:#042019!important}
.muki-nav-status{position:absolute;top:12px;left:12px;background:#042019;color:white;border-radius:8px;padding:5px 8px;font-size:14px}
.muki936-guest-messages{font:inherit;text-align:left;color:inherit;cursor:pointer;min-height:80px}
.muki936-guest-messages span{display:block;font-size:16px;margin-top:12px;color:inherit}
.muki936-guest-messages:hover,.muki936-guest-messages:focus-visible{background:#164346!important}
@media(min-width:1025px){.muki833-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}