/* Unified mobile operations interface. */
:root{--bg:#f3f6f2;--surface:#fff;--surface-2:#f6f9f5;--line:#dde6db;--text:#17231a;--muted:#657168;--primary:#39751c;--primary-2:#78a73a;--success:#397f24;--warning:#9b651b;--danger:#b6433a;--header-bg:rgba(243,246,242,.9);--nav-bg:rgba(255,255,255,.94);--card-bg:#fff;--track:#e7ede5;--hero-bg:linear-gradient(145deg,#356f1a,#183f20 72%);--shadow-sm:0 1px 2px rgba(18,36,24,.04),0 8px 24px rgba(18,36,24,.05);--shadow-md:0 18px 46px rgba(18,36,24,.13);--radius-sm:12px;--radius-md:17px;--radius-lg:24px}
[data-theme="dark"]{--bg:#0c130e;--surface:#141f17;--surface-2:#1b291e;--line:#2d4032;--text:#f2f6f1;--muted:#a8b4aa;--primary:#80b647;--primary-2:#a2ca69;--success:#83bd58;--warning:#d69b51;--danger:#f07b72;--header-bg:rgba(12,19,14,.9);--nav-bg:rgba(20,31,23,.95);--card-bg:#141f17;--track:#26372a;--hero-bg:linear-gradient(145deg,#284d20,#132a19 72%);--shadow-sm:0 1px 2px rgba(0,0,0,.22),0 10px 28px rgba(0,0,0,.16);--shadow-md:0 20px 50px rgba(0,0,0,.3)}
html{scroll-behavior:smooth}body{font-family:Inter,"Segoe UI Variable","Segoe UI",system-ui,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.pwa-skip-link{position:fixed;z-index:1000;top:8px;left:8px;transform:translateY(-150%);padding:10px 14px;border-radius:10px;color:#fff;background:var(--primary);font-weight:750}.pwa-skip-link:focus{transform:translateY(0)}
.pwa-body{background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--primary) 10%,transparent),transparent 28%),var(--bg)}.pwa-app{width:min(100%,760px)}.pwa-header{min-height:74px;padding:max(12px,env(safe-area-inset-top)) 16px 10px;border-color:var(--line);background:var(--header-bg);backdrop-filter:blur(20px)}.pwa-brand{gap:10px}.pwa-brand__mark{width:42px;height:42px;border-radius:14px;box-shadow:0 9px 26px color-mix(in srgb,var(--primary) 20%,transparent)}.pwa-brand strong{font-size:14px}.pwa-brand small{font-size:10px}.pwa-header__actions{gap:6px}.pwa-theme-toggle{width:40px;height:40px;border-color:var(--line);background:var(--surface);box-shadow:0 2px 8px rgba(18,36,24,.04)}.pwa-theme-toggle svg,.pwa-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pwa-theme-toggle.is-dark svg{transform:rotate(180deg)}
.pwa-data-status{position:sticky;z-index:15;top:74px;display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;border-bottom:1px solid var(--line);color:var(--muted);background:color-mix(in srgb,var(--surface) 94%,transparent);font-size:10px;backdrop-filter:blur(18px)}.pwa-data-status span{display:flex;align-items:center;gap:4px;white-space:nowrap}.pwa-data-status span i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 13%,transparent)}.pwa-data-status small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pwa-data-status .is-warning,.pwa-data-status.is-offline span{color:var(--warning)}.pwa-data-status .is-warning i,.pwa-data-status.is-offline span i{background:var(--warning)}.pwa-data-status.is-offline small{font-size:0}.pwa-data-status.is-offline small::after{content:"Offline · showing last synchronized data";font-size:10px}
.pwa-content{padding:22px 16px calc(98px + var(--safe-bottom))}.pwa-page-title{align-items:flex-start;margin-bottom:18px}.pwa-page-title h1{font-size:clamp(27px,7vw,36px);font-weight:750;letter-spacing:-1px}.pwa-eyebrow{font-size:10px;letter-spacing:.12em}.pwa-section{margin-top:28px}.pwa-section__head{margin-bottom:12px}.pwa-section__head h2{font-size:18px;font-weight:720;letter-spacing:-.25px}.pwa-section__head>span{color:var(--muted);font-size:10px}
.pwa-hero-card,.pwa-insights-hero{border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.pwa-sales-chart,.pwa-user-payment-card,.pwa-catalog-card,.pwa-user-card,.pwa-alert-card,.pwa-insight-row,.pwa-insight-kpis div,.pwa-insight-ratios div,.pwa-menu-card,.pwa-stock-row,.pwa-readiness-card{border-color:var(--line);border-radius:var(--radius-md);background:var(--card-bg);box-shadow:var(--shadow-sm)}.pwa-user-payment-card,.pwa-catalog-card,.pwa-insight-row,.pwa-menu-card{transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease}.pwa-user-payment-card:active,.pwa-catalog-card:active,.pwa-insight-row:active,.pwa-menu-card:active{transform:scale(.985);border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.pwa-kpi-card strong,.pwa-insights-hero strong,.pwa-today-total strong,.pwa-user-card b,.pwa-sale-row b{font-variant-numeric:tabular-nums}
.pwa-nav{min-height:74px;padding:8px 10px calc(8px + var(--safe-bottom));border-top:1px solid var(--line);background:var(--nav-bg);box-shadow:0 -12px 36px rgba(18,36,24,.09);backdrop-filter:blur(20px)}.pwa-nav a{min-width:0;min-height:54px;gap:3px;border:1px solid transparent;border-radius:14px;color:var(--muted)}.pwa-nav a small{font-size:9px;font-weight:750}.pwa-nav a.active{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 16%,var(--line));background:color-mix(in srgb,var(--primary) 10%,var(--surface));box-shadow:none}.pwa-nav a.active svg{stroke-width:2.2}.pwa-refresh-status{top:calc(118px + env(safe-area-inset-top,0px));border-color:var(--line);background:var(--surface);box-shadow:var(--shadow-md)}
.pwa-freshness{margin-top:26px;padding-top:14px;border-top:1px solid var(--line);font-size:10px;line-height:1.5}.pwa-empty,.pwa-catalog-help{padding:20px;border-color:var(--line);border-radius:var(--radius-md);background:var(--surface-2);font-size:11px;line-height:1.55}.pwa-progress,.pwa-payment-bar{background:var(--track)}
@media(prefers-reduced-motion:no-preference){.pwa-data-status span i{animation:pwa-status-pulse 2s ease-in-out infinite}}@keyframes pwa-status-pulse{50%{opacity:.55;box-shadow:0 0 0 6px color-mix(in srgb,var(--success) 7%,transparent)}}
@media(max-width:380px){.pwa-data-status{align-items:flex-start;flex-direction:column;gap:1px}.pwa-data-status small{max-width:100%}.pwa-content{padding-inline:13px}.pwa-header{padding-inline:13px}.pwa-theme-toggle{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Readable mobile type scale. */
body{font-size:16px;line-height:1.55}.pwa-brand strong{font-size:16px}.pwa-brand small{font-size:12px}.pwa-data-status{min-height:40px;font-size:12px}.pwa-data-status.is-offline small::after{font-size:12px}.pwa-content{font-size:16px}.pwa-page-title h1{font-size:clamp(30px,7.5vw,40px)}.pwa-eyebrow{font-size:12px;letter-spacing:.1em}.pwa-section__head h2{font-size:20px}.pwa-section__head>span{font-size:12px}.pwa-nav a small{font-size:11px}.pwa-freshness{font-size:12px;line-height:1.55}.pwa-empty,.pwa-catalog-help{font-size:14px;line-height:1.6}

/* Language switch: globe with the target language as a corner badge. */
.pbi-language-toggle{margin:0}.pbi-language-toggle--pwa .pbi-language-toggle__button{position:relative}.pbi-language-toggle--pwa .pbi-language-toggle__label{position:absolute;inset-block-end:-4px;inset-inline-end:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--text,#273120);color:var(--surface,#fff);font-size:10px;font-weight:800;line-height:18px;text-align:center}