@font-face{font-family:'Noto Sans Bengali';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/noto-sans-bengali-400.woff2') format('woff2')}
@font-face{font-family:'Noto Sans Bengali';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/noto-sans-bengali-700.woff2') format('woff2')}
/* Language controls preserve the existing app layout and touch targets. */
.language-picker{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;border:1px solid #d7e1da;background:#fff;border-radius:14px;padding:0 8px;min-height:44px;color:#173b30;white-space:nowrap}
.language-picker>span{font:22px sans-serif;color:#587267}
.language-picker>span>svg{display:block;width:22px;height:22px}
.language-picker select{width:auto;max-width:120px;min-height:42px;border:0;border-radius:0;padding:6px 18px 6px 4px;background-color:transparent;font:500 16px/1.4 system-ui,sans-serif;color:#173b30;box-shadow:none}
.language-picker:focus-within{outline:3px solid #df7629;outline-offset:3px}
.welcome-header{gap:20px}.welcome-header .language-picker{order:3}.auth-brand{flex-wrap:wrap}.auth-brand .language-picker{margin-left:auto}
.language-settings .language-picker{margin:8px 0;width:max-content;max-width:100%}
/* A native select keeps the globe accessible to touch, keyboard and screen readers. */
.header .language-picker-header{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;margin:0;cursor:pointer;flex:0 0 44px}
.header .language-picker-header>span{pointer-events:none;color:#315e4b}
.header .language-picker-header select{position:absolute;inset:0;width:100%;height:100%;max-width:none;min-height:44px;margin:0;padding:0;opacity:0;cursor:pointer;font-size:16px}
.header .language-picker-header:hover{background:#f0f6ec;border-color:#aabeb0}
html:lang(bn) body,html:lang(bn) button,html:lang(bn) input,html:lang(bn) select,html:lang(bn) textarea{font-family:'Noto Sans Bengali','Kohinoor Bangla','Bangla Sangam MN','Nirmala UI',system-ui,sans-serif}
html:lang(bn) h1,html:lang(bn) h2,html:lang(bn) h3,html:lang(bn) .display,html:lang(bn) .caps,html:lang(bn) .welcome-kicker{letter-spacing:0;line-height:1.4}
html:lang(bn) .welcome-intro h1{font-size:48px;line-height:1.35}
html:not(:lang(en)) .welcome-action{height:auto;white-space:normal;line-height:1.5}
html:not(:lang(en)) .nearby-nav-item{line-height:1.35;overflow-wrap:anywhere}
html:not(:lang(en)) .workspace-dock .btn{white-space:normal;line-height:1.45;height:auto;min-height:52px}
html:not(:lang(en)) .request-progress{font-size:11px;line-height:1.4;gap:6px}
html:not(:lang(en)) .quick-service{overflow-wrap:anywhere;line-height:1.4}
html:not(:lang(en)) .welcome-panel h2{line-height:1.4}
@media(max-width:1050px){html:lang(bn) .welcome-intro h1{font-size:39px}.welcome-nav{gap:15px}.welcome-header{gap:12px}}
@media(max-width:700px){
 .welcome-header{padding:12px 16px;gap:8px;flex-wrap:wrap}.welcome-header .wordmark{font-size:25px!important}.welcome-header .brand-logo{width:28px!important}.welcome-signin{margin-left:auto;padding:9px 12px}
 .welcome-header .language-picker{padding:0 4px;border-radius:12px}.welcome-header .language-picker>span{display:none}.welcome-header .language-picker select{max-width:105px;padding-left:4px;padding-right:16px;font-size:16px}
 html:lang(bn) .welcome-intro h1{font-size:35px;letter-spacing:0}html:lang(bn) .welcome-panel h2{font-size:22px}
 html:not(:lang(en)) .nearby-bottom{padding-left:7px;padding-right:7px;gap:2px}html:not(:lang(en)) .nearby-bottom .nearby-nav-item{font-size:10px;min-height:52px}
 html:not(:lang(en)) .dashboard-greeting{align-items:flex-start}html:not(:lang(en)) .dashboard-greeting h1{font-size:24px;line-height:1.35}
 html:not(:lang(en)) .dashboard-role{white-space:normal;max-width:115px;text-align:center}
 html:not(:lang(en)) .quick-service{font-size:11px}
 html:lang(bn) .welcome-lead{line-height:1.75}html:lang(bn) .welcome-action{font-size:16px;padding-top:15px;padding-bottom:15px}
}
@media(max-width:360px){.welcome-header .wordmark{font-size:22px!important}.welcome-header .brand-logo{width:24px!important}.welcome-signin{padding:8px;font-size:11px}.welcome-header{gap:6px}.welcome-header .language-picker select{max-width:91px}}

@media(max-width:600px){
 body[data-view] .header{height:76px;padding:0 16px}
 body[data-view] .header .hrow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:34px 16px;align-content:center;align-items:center;column-gap:8px;row-gap:2px;height:76px;min-height:76px!important}
 body[data-view] .header .wordmark{grid-column:1;grid-row:1;justify-self:start;white-space:nowrap}
 body[data-view] .header .header-area{grid-column:1;grid-row:2;max-width:none;min-width:0;margin-left:3px;font-size:10px;line-height:16px}
 body[data-view] .header .test-nav{grid-column:2;grid-row:1 / 3;gap:7px;margin-left:0!important;flex-shrink:0}
 body[data-view] .app-layout{min-height:calc(100dvh - 76px)}
}
@media(max-width:360px){body[data-view] .header{padding:0 12px}body[data-view] .header .test-nav{gap:4px}body[data-view] .header .hrow{column-gap:6px}}

@media(max-width:1100px){html:not(:lang(en)) body[data-view]{--workspace-nav-height:76px}html:not(:lang(en)) body[data-view] .nearby-bottom{height:calc(var(--workspace-nav-height) + env(safe-area-inset-bottom))}html:not(:lang(en)) .nearby-nav-item span{line-height:1.35;overflow-wrap:anywhere}}