/* StudioBook V3.37 — compact, accessible professional mobile workspace.
   Presentation only: the existing API, agenda and booking handlers remain unchanged. */
@media (max-width:800px){
 html,body,#app{max-width:100%;min-width:0;overflow-x:clip}
 .main{padding:0 14px 24px!important;min-width:0}
 .sb-app-topbar{height:68px!important;margin-bottom:16px!important;display:flex;align-items:center;gap:10px;position:relative}
 .sb-app-mobile-logo{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
 .sb-app-mobile-logo img{width:130px;height:31px;object-fit:contain;object-position:left}
 .sb-app-mobile-logo small{color:#668473;font-size:12px;font-weight:650;line-height:1.3;display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .sb-app-top-controls{gap:8px;flex-shrink:0}
 .sb-app-top-icon{width:42px!important;height:42px!important;position:relative}
 .sb-app-top-icon img{width:20px;height:20px}
 .sb-app-top-profile{width:42px!important;height:42px!important;font-size:16px!important}
 .sb-app-topbar .sb-top-badge:not([hidden]){display:flex!important;position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;align-items:center;justify-content:center;border-radius:50px;font-size:11px;line-height:1;background:#be4a45;color:white;border:2px solid white;font-weight:800}
 .mobile-nav{position:fixed!important;bottom:0;left:0;right:0;z-index:73!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px;padding:8px 6px calc(9px + env(safe-area-inset-bottom))!important;background:#fff!important;border:1px solid #dfeae2;border-bottom:0;border-radius:17px 17px 0 0;box-shadow:0 -8px 28px #14382615!important;overflow:visible}
 .mobile-nav button,.mobile-nav button.active{display:flex!important;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-width:0!important;min-height:56px!important;border:0;border-radius:11px;background:transparent!important;padding:6px 2px!important;box-shadow:none;color:#647f6f!important}
 .mobile-nav button:focus-visible,.sb-mobile-more-list button:focus-visible{outline:3px solid #74b38f;outline-offset:2px}
 .mobile-nav button.active,.mobile-nav button[aria-current="page"],.mobile-nav button.has-active-section{color:#185b40!important;background:#e9f5ed!important}
 .mobile-nav button.active .svg-icon,.mobile-nav button.has-active-section .svg-icon{color:#185b40!important}
 .mobile-nav .svg-icon,.mobile-nav .svg-icon img{display:block;width:22px!important;height:22px!important;flex:none}
 .mobile-nav button small,.mobile-nav .sb-mobile-quick-add small{font:700 11px/1.2 Montserrat,Arial,sans-serif!important;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:inherit!important}
 .mobile-nav .sb-mobile-quick-add{padding:2px 1px 5px!important;background:transparent!important;color:#185b40!important}
 .mobile-nav .sb-mobile-quick-add>span{width:44px;height:44px;min-width:44px;display:grid;place-items:center;border-radius:15px;background:#185b40;box-shadow:0 5px 12px #185b4029;margin-top:-10px}
 .mobile-nav .sb-mobile-quick-add>span img{filter:brightness(0) invert(1)}
 .mobile-nav .sb-mobile-quick-add small{margin-top:-2px}
 .mobile-nav .sb-mobile-nav-badge:not([hidden]){display:flex!important;position:absolute;align-items:center;justify-content:center;top:0;left:calc(50% + 10px);min-width:19px;height:19px;border:2px solid white;padding:0 3px;border-radius:999px;background:#bd5041;color:white;font:800 10px/1 Montserrat,Arial,sans-serif}
 .sb-trial-nav .mobile-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body:has(.shell){padding-bottom:calc(93px + env(safe-area-inset-bottom))!important}
 .sb-mobile-more-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#102b216e;z-index:70}
 .sb-mobile-more:not([hidden]){display:block;position:fixed;bottom:calc(79px + env(safe-area-inset-bottom))!important;left:8px;right:8px;width:auto;max-height:min(72dvh,630px);padding:17px 15px 20px!important;border:1px solid #dce9e0;border-radius:20px 20px 14px 14px;box-shadow:0 -14px 40px #09271f29;z-index:72!important;overscroll-behavior:contain;overflow:auto;scrollbar-width:thin;background:#fff}
 .sb-mobile-more-head{align-items:center;gap:12px}
 .sb-mobile-more-head>div{display:flex;flex-direction:column;gap:3px;min-width:0}
 .sb-mobile-more-head strong{font-size:19px;line-height:1.3;color:#173f30}
 .sb-mobile-more-head small{font-size:10px;letter-spacing:.1em;font-weight:800;color:#618b72}
 #sbMobileMoreClose{width:43px;height:43px;display:grid;place-items:center;flex:none;font-size:20px;border-radius:13px}
 .sb-mobile-more-list{display:grid;gap:12px!important;grid-template-columns:1fr!important;padding:3px 0 8px}
 .sb-mobile-more-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
 .sb-mobile-more-group h3{grid-column:1/-1;margin:9px 0 0;padding:9px 3px 2px;color:#466d55;letter-spacing:.055em;text-transform:uppercase;font-size:11px;font-weight:800}
 .sb-mobile-more-list .sb-mobile-more-group button{width:100%;min-height:54px;min-width:0;max-width:100%;padding:10px 11px;gap:9px;align-items:center;white-space:normal;text-align:left;font-size:13px!important;border-radius:12px;background:#f5faf7}
 .sb-mobile-more-list .sb-mobile-more-group button.active{border-color:#9fceb2;color:#185b40;background:#e5f4ea}
 .sb-mobile-more-list button .nav-label{min-width:0;line-height:1.35;overflow-wrap:anywhere}
 .sb-mobile-more-list>.sb-mobile-photo-demo,.sb-mobile-more-list>#sbMobilePublic,.sb-mobile-more-list>#sbMobileLogout{min-height:50px;font-size:13px!important}
 .sb-mobile-more-list>#sbMobileLogout{background:#fff;border-color:#e5dedb;color:#8b4c44}
 .sb-workspace,.sb-workspace>div,.sb-workspace .panel{min-width:0;max-width:100%}
 .main input:not([type="checkbox"]):not([type="radio"]),.main textarea,.main select,.modal input:not([type="checkbox"]):not([type="radio"]),.modal textarea,.modal select{font-size:16px!important}
 .main button,.modal button{min-height:42px}
 .main .sbp-heading h1,.main .top h1{font-size:clamp(24px,7vw,32px);line-height:1.25}
 .main .sbp-heading p,.main .top p{font-size:14px;line-height:1.6}
 .main .sbp-panel-head h2,.main .panel-head h3{font-size:17px}
 .main .sbp-stat-copy>span,.main .sbp-event-info small,.main .sbp-event-meta{font-size:13px}
 .main .sbp-stat-copy strong{font-size:clamp(20px,6.3vw,26px)}
 .main .sbp-quick-grid button{font-size:13px!important}
}
@media(max-width:355px){
 .sb-app-mobile-logo img{width:114px}
 .sb-app-top-controls{gap:5px}
 .mobile-nav{padding-left:2px!important;padding-right:2px!important;gap:0}
 .mobile-nav button small{font-size:10px!important}
 .sb-mobile-more-group{grid-template-columns:1fr}
 .sb-mobile-more:not([hidden]){left:5px;right:5px}
}
@media(prefers-reduced-motion:reduce){.mobile-nav button,.sb-mobile-more{transition:none!important}}