/* Customer booking app layout. Desktop rules remain untouched. */
@media(max-width:800px){
 html{scroll-padding-bottom:90px}body{min-height:100dvh;padding-bottom:calc(70px + env(safe-area-inset-bottom));font-size:14px}
 .masthead{height:66px!important;padding:10px 16px!important;gap:10px!important;justify-content:space-between}
 .wordmark{gap:7px!important}.wordmark .et-brand-logo{width:116px!important}.wordmark .et-brand-symbol{width:30px!important;height:30px!important}
 .account-actions{gap:9px!important}.language-button,.account-button{font-size:11px!important;padding:8px!important}.account-button{max-width:106px}.notification-button{padding:5px}
 .masthead nav{position:fixed!important;z-index:30;inset:auto 0 0!important;height:calc(62px + env(safe-area-inset-bottom));padding:6px 12px calc(6px + env(safe-area-inset-bottom));display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px!important;background:#0d1b29f5;border-top:1px solid #bbdfff26;backdrop-filter:blur(18px);margin:0!important}
 .masthead .nav-link{font-size:11px!important;padding:9px 4px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:44px;border-radius:12px}.masthead .nav-link:before{content:'';display:block;width:18px;height:18px;background:currentColor;clip-path:polygon(50% 0,100% 40%,85% 40%,85% 100%,60% 100%,60% 65%,40% 65%,40% 100%,15% 100%,15% 40%,0 40%)}.masthead .nav-link[data-action=services]:before{clip-path:polygon(0 0,43% 0,43% 43%,0 43%,0 0,57% 0,100% 0,100% 43%,57% 43%,57% 57%,100% 57%,100% 100%,57% 100%,57% 57%,43% 57%,43% 100%,0 100%,0 57%,43% 57%,43% 0)}.masthead .nav-link[data-action=dashboard]:before{clip-path:polygon(15% 0,85% 0,85% 100%,15% 100%)}.masthead .nav-link.active{background:#8dcdff15;color:#b4e2ff}.masthead .nav-link:after{display:none}
 .concierge-stage{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:visible!important;padding:0 14px!important;width:100%!important}
 html .introduction,html[dir=rtl] .introduction{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;text-align:center!important;margin:5px auto 0!important;order:0}
 html .introduction h1,html[dir=rtl] .introduction h1{font-size:24px!important;margin:2px 0 0!important;line-height:1.4;text-align:center!important}.introduction .hero-line{display:none!important}
 html .portrait-wrap,html[dir=rtl] .portrait-wrap{position:relative!important;inset:auto!important;width:100%!important;height:clamp(230px,36dvh,370px)!important;margin:0 auto!important;order:1;transform:none!important;pointer-events:none}
 html .concierge-avatar-stage,html[dir=rtl] .concierge-avatar-stage{position:absolute!important;left:50%!important;right:auto!important;top:0!important;bottom:0!important;width:auto!important;height:100%!important;max-height:none!important;aspect-ratio:1/1!important;transform:translateX(-50%)!important;margin:0!important}
 .portrait-halo{inset:0!important;width:100%!important}.concierge-portrait{object-fit:contain!important}.concierge-avatar-stage .lipsync-layer canvas{object-fit:contain!important}
 html .conversation,html[dir=rtl] .conversation{position:relative!important;inset:auto!important;order:2;display:flex!important;flex-direction:column!important;width:100%!important;max-width:540px!important;max-height:none!important;min-height:0!important;margin:-5px auto 0!important;padding:0!important;gap:8px;z-index:5}
 .conversation .messages{height:auto!important;min-height:50px!important;max-height:18dvh!important;overflow-y:auto!important;margin:0!important;padding:4px!important;mask-image:linear-gradient(transparent,#000 12%)!important}.message{padding:6px 0!important;gap:8px!important}.message-content{font-size:13px!important;line-height:1.6!important}.message-avatar{width:28px!important;height:28px!important;min-width:28px!important}.message-content p{margin:0!important}
 .conversation .question-chips{display:flex!important;gap:7px!important;overflow-x:auto!important;padding:3px 0!important;margin:0!important;scrollbar-width:none}.conversation .question-chips[hidden]{display:none!important}.conversation .question-chips button{flex:0 0 auto;width:auto!important;min-width:0!important;min-height:42px!important;padding:9px 13px!important;font-size:11px!important;white-space:nowrap;border-radius:15px!important}.conversation .question-chips button:after{display:none!important}
 .composer{width:100%!important;min-height:52px!important;padding:6px 8px!important;gap:5px!important;background:#142739ed!important;border-radius:22px!important;border:1px solid #accfea66!important}.composer textarea{font-size:16px!important;min-width:0!important;min-height:24px!important;padding:7px 2px!important;max-height:96px}.composer button{flex-shrink:0;width:31px!important;height:36px!important;padding:6px!important}.composer svg{width:19px!important;height:19px!important}.conversation .conversation-utilities{min-height:28px!important;margin:0!important}.conversation .conversation-utilities .text-button{padding:2px 7px!important}.conversation-utilities small{font-size:8px!important}
 .page-footer{position:relative!important;inset:auto!important;margin:8px 16px!important;padding:8px!important;justify-content:center!important;gap:16px!important;font-size:9px!important}.page-footer button{font-size:9px!important}
 .journey-catalogue,html[dir=rtl] .journey-catalogue{position:fixed!important;inset:auto 8px calc(70px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;max-height:65dvh!important;overflow:auto!important;padding:16px!important;border-radius:24px!important;z-index:35!important;box-shadow:0 -15px 65px #0007}
 .journey-popup-heading{position:sticky;top:-16px;z-index:2;background:#122333;padding:10px 0}.journey-popup-heading h2{font-size:17px!important}.journey-popup-heading img{width:25px!important}.journey-catalogue p,.catalogue-models small{font-size:12px!important}.journey-dates{display:grid;grid-template-columns:1fr;gap:12px}.journey-dates input,.customer-panel input,.customer-panel select{font-size:16px!important;min-height:46px}.journey-primary{min-height:46px!important;font-size:14px!important}.journey-catalogue .azure-map-canvas{aspect-ratio:4/3!important}.catalogue-models .vehicle-illustration{height:130px!important}
 .customer-panel{max-height:calc(100dvh - 24px)!important;width:calc(100vw - 16px)!important;padding:22px 18px!important;border-radius:22px!important}.form-grid,.service-cards{grid-template-columns:1fr!important}.auth-glass-card{width:calc(100vw - 24px)!important;max-height:95dvh!important;overflow:auto!important}
 .toast{bottom:calc(80px + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 24px)!important}
}
@media(max-width:800px) and (max-height:620px){html .portrait-wrap,html[dir=rtl] .portrait-wrap{height:190px!important}.conversation .messages{max-height:100px!important}}

/* Fixed mobile concierge; only conversation logs and booking sheets scroll. */
@media(max-width:800px){
 html,body{height:100dvh!important;min-height:0!important;overflow:hidden!important;overscroll-behavior:none;padding-bottom:0!important}
 .masthead{height:64px!important}.masthead nav{display:none!important}.masthead .notification-button{display:none!important}
 .concierge-stage{height:calc(100dvh - 64px - env(safe-area-inset-bottom))!important;display:flex!important;overflow:hidden!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
 html .portrait-wrap,html[dir=rtl] .portrait-wrap{height:clamp(170px,35dvh,330px)!important;flex-shrink:1;min-height:130px}
 .introduction{flex:0 0 auto}.conversation{flex:1 1 auto!important;min-height:0!important;justify-content:flex-end!important;padding-bottom:6px!important}.conversation .messages{flex:1 1 auto!important;min-height:30px!important;max-height:none!important;overflow-y:auto!important}.conversation .composer,.conversation .question-chips,.conversation .conversation-utilities{flex-shrink:0!important}
 .page-footer{display:none!important}.journey-catalogue,html[dir=rtl] .journey-catalogue{bottom:max(8px,env(safe-area-inset-bottom))!important;max-height:66dvh!important}.toast{bottom:20px!important}
 .mobile-account-icon,.mobile-account-caption{display:none!important}
 .customer-authenticated .account-button{display:flex!important;flex-direction:column;gap:3px!important;border:0!important;background:transparent!important;padding:4px!important;min-width:48px;min-height:44px;max-width:72px}
 .customer-authenticated .account-button #account-label{display:none!important}.customer-authenticated .mobile-account-icon{display:block!important;width:21px!important;height:21px!important;fill:currentColor;stroke:none}.customer-authenticated .mobile-account-caption{display:block!important;font-size:9px!important;line-height:1.3;font-weight:400}
}
.mobile-account-icon,.mobile-account-caption{display:none}

/* Portrait-led mobile conversation. History rises from the composer and fades at mid-card. */
@media(max-width:800px){
 .concierge-stage{position:relative!important;isolation:isolate}
 html .introduction,html[dir=rtl] .introduction{position:absolute!important;top:4px!important;left:0!important;right:0!important;z-index:4}
 html .introduction h1,html[dir=rtl] .introduction h1{font-size:18px!important}
 html .portrait-wrap,html[dir=rtl] .portrait-wrap{position:absolute!important;inset:30px 0 20px!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important}
 html .conversation,html[dir=rtl] .conversation{position:absolute!important;inset:auto 12px max(8px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;height:auto!important;max-height:48%!important;margin:0!important;padding:22px 0 0!important;flex:0 1 auto!important;background:linear-gradient(transparent,#0b192799 50%,#0b1927dd)!important}
 .conversation .messages{flex:0 1 auto!important;min-height:0!important;max-height:23dvh!important;padding:12px 6px 4px!important;mask-image:linear-gradient(transparent,#000 20%)!important;scrollbar-width:none}
 .conversation .message-content{color:#fff!important;text-shadow:0 1px 5px #000,0 1px 12px #000!important;font-size:14px!important}
 .conversation .conversation-utilities{display:none!important}
 .conversation .question-chips button{background:#102435d9!important;backdrop-filter:blur(8px)}
}