/* L&B 2.2.1 — mobile usability fixes; no application-data changes */
@media (max-width:740px){
 html,body{overflow-x:hidden!important}
 .workspace{width:100%!important;min-width:0!important}
 /* Keep header compact and place the salon selector within it instead of covering content. */
 .topbar{position:relative!important;min-height:0!important;grid-template-columns:35px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-content:start!important;padding:12px 15px 74px!important;gap:7px 10px!important}
 .topbar>.menu-icon{grid-row:1!important;grid-column:1!important;align-self:center!important;padding:6px 0!important;font-size:25px!important}
 .topbar>.lb-top-brand{grid-row:1!important;grid-column:2!important;min-width:0!important}
 .lb-top-brand img{width:37px!important;height:37px!important;flex:none!important}
 .lb-top-brand strong{font-size:23px!important}
 .lb-top-brand small{font-size:7px!important;letter-spacing:.1em!important}
 .topbar>div:nth-child(2){grid-row:2!important;grid-column:1 / -1!important;padding-top:4px!important;min-width:0!important}
 .top-kicker{font-size:8px!important;letter-spacing:.11em!important}
 .topbar h2,#pageTitle{font-size:clamp(23px,6.5vw,29px)!important;line-height:1.12!important;overflow-wrap:anywhere!important;letter-spacing:-.03em!important;margin-top:4px!important}
 .top-actions{grid-row:1!important;grid-column:3!important;min-width:0!important;justify-content:flex-end!important}
 .top-actions .language-switch{flex-shrink:0!important;padding:3px!important}
 .language-switch button{min-width:34px!important;padding:7px 8px!important}
 .top-actions select{top:auto!important;bottom:12px!important;left:15px!important;right:15px!important;width:calc(100% - 30px)!important;height:46px!important;max-width:none!important;margin:0!important;font-size:14px!important}
 .main-content{padding:17px 14px 130px!important}
 .hero{min-height:175px!important;padding:21px 18px!important;border-radius:20px!important}
 .hero h2{font-size:clamp(24px,6.6vw,32px)!important;line-height:1.12!important}
 .hero>div:first-child{max-width:86%!important}
 .hero-eyebrow{letter-spacing:.16em!important}
 .hero p{max-width:230px!important;line-height:1.45!important}
 .kpi-grid{gap:10px!important}
 .kpi{min-height:139px!important;padding:14px 12px!important}
 .kpi-value{font-size:clamp(21px,5.5vw,29px)!important;overflow-wrap:anywhere!important}
 .lb-action-grid{gap:8px!important}
 .lb-action{min-width:0!important;padding:10px 5px!important;overflow-wrap:anywhere!important}
 .section-heading{gap:8px!important;align-items:start!important}
 .section-heading h3{font-size:clamp(20px,6vw,27px)!important;line-height:1.18!important}
 .section-heading small{font-size:10px!important;text-align:right!important;max-width:45%!important}
 .panel{min-width:0!important}
 .table-scroll{max-width:100%!important;-webkit-overflow-scrolling:touch!important}
 .footnote{display:none!important}
 /* Four readable, non-overlapping destinations and a centered emblem. */
 .lb-bottom-nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 54px minmax(0,1fr) minmax(0,1fr)!important;gap:2px!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;padding:6px 7px!important;max-width:600px!important;margin:0 auto!important;border-radius:23px!important;min-height:73px!important}
 .lb-bottom-item{width:100%!important;min-width:0!important;min-height:60px!important;padding:6px 1px!important;gap:4px!important;font-size:10px!important;line-height:1.15!important;overflow:hidden!important}
 .lb-bottom-item .lb-bottom-icon{font-size:22px!important;line-height:1!important;flex:none!important}
 .lb-bottom-item>span:last-child{font-size:10px!important;display:block!important;width:100%!important;text-align:center!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;line-height:1.1!important}
 .lb-bottom-nav .lb-bottom-logo{width:49px!important;height:49px!important;border-width:2px!important;box-shadow:0 0 0 2px #1f150d,0 0 12px #e6b46b32!important}
 body:has(.sidebar.open) .lb-bottom-nav{opacity:0!important;pointer-events:none!important}
 .sidebar.open{height:100dvh!important;overflow-y:auto!important;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important}
 .sidebar.open #mainNav{padding-bottom:16px!important}
}
@media(max-width:370px){.lb-bottom-item>span:last-child{font-size:9px!important}.lb-bottom-nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 47px minmax(0,1fr) minmax(0,1fr)!important}.lb-bottom-nav .lb-bottom-logo{width:43px!important;height:43px!important}.lb-top-brand strong{font-size:20px!important}}