/* Shared geometry for the web app and its Android WebView. */
:root{--adas-ui-radius:14px;--adas-ui-gap:12px;--adas-ui-nav:82px;--adas-ui-panel:#fff;--adas-ui-line:#dce2e8;--adas-ui-text:#17202a;--adas-ui-muted:#647181;--adas-ui-input:#f5f7fa}
body.adasNightMode,body.adasV220{--adas-ui-panel:#11171d;--adas-ui-line:#303945;--adas-ui-text:#f4f6f8;--adas-ui-muted:#aeb8c4;--adas-ui-input:#0b1016}
html{scroll-padding-bottom:calc(var(--adas-ui-nav) + 16px)}
body{--adas-ui-nav:0px}
body *,body *::before,body *::after{box-sizing:border-box}
body button,body [role=button]{touch-action:manipulation}
body button:focus-visible,body a:focus-visible,body input:focus-visible,body textarea:focus-visible,body select:focus-visible{outline:3px solid #e30613!important;outline-offset:3px}
body .card,body .stat,body .dashboardTitle,body .aiBlock,body .trCard,body .trStepCard{min-width:0;overflow-wrap:anywhere}
body .grid,body .helpGrid,body .aiTabs,body .adasCsGrid,body .trGrid{min-width:0}
body .grid>*,body .helpGrid>*,body .aiTabs>*,body .adasCsGrid>*,body .trGrid>*{min-width:0}
body .adasTopbar{gap:12px!important;min-height:64px!important;height:auto!important;padding:10px 16px!important}
body .adasTopbar .topbarBrand{min-width:0;flex:1 1 auto}
body .adasTopbar .online{flex:0 0 auto;gap:8px!important}
body .adasTopbar #adasWeatherWarn{position:static!important;transform:none!important;flex:0 0 44px!important;margin:0!important;order:3}
body .adasTopbar #logoutBtn{min-height:44px!important;flex:0 0 auto!important}
body .topbarName{overflow-wrap:normal}
/* Explicit close controls: no inherited full-width button or top margin. */
html body #mobileDrawerClose,html body #as4Close,html body #cv5Close,html body #cv5NewClose,html body #adasWeatherClose,html body .adasCsClose,html body .adasPinClose,html body .trClose,html body #cv5Back,html body .trBack{
 width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;flex:0 0 44px!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-size:24px!important;border-radius:12px!important;box-shadow:none!important;transform:none!important;overflow:hidden!important
}
html body #mobileDrawerClose{margin-left:auto!important}
html body .adasCsHead,html body .as4Top,html body #adasWeatherTop,html body .trTop{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important}
html body .adasCsHead>div,html body .as4Top>h2,html body #adasWeatherTop>h2,html body .trTop>div{min-width:0!important;flex:1 1 auto!important;overflow-wrap:anywhere}
html body #cv5NewModal .cv5Card>.cv5Row{justify-content:space-between!important;gap:12px!important}
html body #cv5NewClose,html body .trClose{margin-left:auto!important}
html body .adasPinClose{right:12px!important;top:12px!important}
html body .adasPinCard{padding-top:64px!important}
/* Sheets stay inside the visible viewport and scroll when a keyboard is open. */
html body #adasWeatherModal,html body #adasCustomerStatusModal,html body #adasPayrollModal,html body #adasSettingsV4,html body .cv5Modal{
 box-sizing:border-box!important;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;overflow-y:auto!important;overscroll-behavior:contain
}
html body #adasWeatherSheet,html body #adasCustomerStatusPanel,html body .adasPinCard,html body #adasSettingsV4 .as4Card,html body .cv5Modal .cv5Card{
 min-width:0!important;max-width:100%!important;max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;border:1px solid var(--adas-ui-line)!important;border-radius:var(--adas-ui-radius)!important;background:var(--adas-ui-panel)!important;color:var(--adas-ui-text)!important
}
html body .adasCsIntro,html body .adasPinBody p,html body #adasSettingsV4 p{color:var(--adas-ui-muted)!important}
html body .adasCsActions,html body .adasPinActions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
html body .adasCsActions>button,html body .adasPinActions>button{min-width:0!important;flex:1 1 140px!important;width:auto!important;min-height:46px!important;height:auto!important;margin:0!important;padding:12px!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.35!important}
html body .adasCsField input,html body .as4Card input,html body .as4Card select,html body .cv5Input{min-width:0!important;max-width:100%!important;min-height:44px!important;line-height:1.35!important}
html body #adasCustomerStatusPanel input:not(#adasCsPlate),html body #adasSettingsV4 input,html body .cv5Input{letter-spacing:normal!important;text-transform:none!important;text-align:left!important}
html body #adasTrainerPanel{bottom:var(--adas-ui-nav)!important;scroll-padding-top:12px;scroll-padding-bottom:24px}
html body #adasTrainerPanel .trWrap{padding-bottom:24px!important}
html body #adasTrainerPanel .trMode,html body #adasTrainerPanel .trBtn{height:auto!important;min-height:44px!important;white-space:normal!important;line-height:1.35!important;overflow-wrap:anywhere}
html body #adasTrainerPanel .trTop{align-items:flex-start!important}
html body #adasTrainerPanel .trOrderItem{padding-right:66px!important;min-height:66px!important}
html body #adasTrainerPanel .trOrderItem>button{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important}
html body #adasTrainerPanel .trOrderItem>button:after{line-height:42px!important}
html body #chV5 .cv5Row{min-width:0;gap:10px}
html body #chV5 .cv5Top>.cv5Row>div{min-width:0;flex:1}
html body #chV5 .cv5Head{flex-wrap:wrap!important;height:auto!important}
html body #chV5 .cv5Head>.cv5Row{min-width:0;max-width:100%}
html body #chV5 #cv5Title{overflow-wrap:anywhere}
html body #chV5 .cv5ComposeRow{grid-template-columns:minmax(0,1fr) auto auto!important}
html body #chV5 .cv5ComposeRow textarea{width:100%!important;min-width:0!important}
html body #chV5 .cv5Btn{white-space:normal!important;min-height:44px!important;line-height:1.35!important}
@media(max-width:899px){
 body{--adas-ui-nav:calc(82px + env(safe-area-inset-bottom))}
 html body .dashboardContent{padding-bottom:calc(var(--adas-ui-nav) + 20px)!important}
 html body #adasMobileNav{height:var(--adas-ui-nav)!important;min-height:var(--adas-ui-nav)!important;max-height:none!important;padding:4px max(4px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))!important;grid-template-columns:repeat(var(--adas-nav-count,8),minmax(0,1fr))!important;gap:0!important;align-items:stretch!important}
 html body #adasMobileNav>.mobileNavItem,html body #adasMobileNav>#mobileMore{height:74px!important;min-height:74px!important;max-height:74px!important;min-width:0!important;padding:6px 1px!important;gap:4px!important;overflow:hidden!important}
 html body #adasMobileNav .mobileNavItem small,html body #adasMobileNav #mobileMore small{font-size:clamp(7px,2vw,9px)!important;line-height:11px!important;height:22px!important;flex:0 0 22px!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;letter-spacing:0!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
 html body .mobileDrawer.adasMoreCompactV1{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}
 html body .mobileDrawer.adasMoreCompactV1>*{flex-shrink:0!important}
 html body .mobileDrawerHead{position:sticky;top:0;background:#11161c;z-index:2}
 html body .adasMoreCompactV1 .adasCompactItem,html body .adasMoreCompactV1 .adasWorkCompact .adasWorkLink{height:auto!important;min-height:48px!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.35!important}
 html body .adasMoreCompactV1 .adasWorkLinkText strong{white-space:normal!important;overflow-wrap:anywhere!important}
 html body .adasMoreCompactV1 .adasIconOnly{height:48px!important}
 html body .aiTabs button{height:auto!important;min-height:44px!important;white-space:normal!important;line-height:1.3!important}
 html body .adasTopbar{padding:8px 10px!important;gap:8px!important}
 html body .topbarName{font-size:16px!important}
 html body .topbarMark{width:30px!important;height:30px!important}
 html body .topbarTag{display:none!important}
 html body #chV5 .cv5ComposeRow{grid-template-columns:minmax(0,1fr) auto!important}
 html body #chV5 .cv5ComposeRow textarea{grid-column:1/-1!important}
 html body #chV5 .cv5ComposeRow .cv5Attach{grid-column:auto!important}
}
@media(max-width:899px) and (orientation:landscape){
 body{--adas-ui-nav:calc(60px + env(safe-area-inset-bottom))}
 html body #adasMobileNav>.mobileNavItem,html body #adasMobileNav>#mobileMore{height:52px!important;min-height:52px!important;max-height:52px!important;gap:1px!important;padding:2px!important}
 html body #adasMobileNav .mobileNavItem small,html body #adasMobileNav #mobileMore small{height:16px!important;flex-basis:16px!important;white-space:nowrap!important}
 html body #adasMobileNav .mobileNavItem span,html body #adasMobileNav #mobileMore span{height:24px!important;min-height:24px!important;max-height:24px!important;flex-basis:24px!important;font-size:20px!important}
}
@media(max-width:360px){html body .adasTopbar .online{font-size:0!important;gap:0!important}html body .topbarBrand{gap:6px!important}html body .topbarName{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){html body .mobileDrawer,html body .cv5Main{transition:none!important}html{scroll-behavior:auto}}

html body .adasCsField input,html body .as4Card input,html body .as4Card select,html body .cv5Modal .cv5Input,html body .adasPinInput{background:var(--adas-ui-input)!important;color:var(--adas-ui-text)!important;border-color:var(--adas-ui-line)!important}
html body #adasWeatherSheet h2,html body #adasCustomerStatusPanel h2,html body .as4Card h2,html body .as4Card h3,html body .adasPinCard h3,html body .cv5Modal h3{color:var(--adas-ui-text)!important}

html body .adasCsField label,html body .as4Hint{color:var(--adas-ui-muted)!important;font-size:11px!important;line-height:1.4!important}
@media(min-width:761px){html body #chV5 #cv5Back{display:none!important}}

/* Keep the fixed duration readable beside the timer heading on narrow screens. */
html body #tabTimer .timerSectionHead{display:flex!important;align-items:flex-start!important;gap:12px!important}
html body #tabTimer .timerSectionHead>div:first-child{flex:1 1 0!important;min-width:0!important}
html body #tabTimer .timerSectionHead>.timerFixedBadge{flex:0 0 auto!important;width:max-content!important;min-width:max-content!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;line-height:1.2!important;align-self:flex-start!important}