/* Milestone 2: shared app shell. Scope all overrides to Beta Kiosk pages. */
body.bk4-app-page{--bk4-bg:#f5f8fc;--bk4-card:#fff;--bk4-fg:#13294a;--bk4-line:#dbe5f0;--bk4-accent:#1f63df;background:var(--bk4-bg)!important;color:var(--bk4-fg)!important;padding-bottom:76px}
body.bk4-app-page[data-bk-theme="dark"]{--bk4-bg:#0c1930;--bk4-card:#172942;--bk4-fg:#f2f7ff;--bk4-line:#324762;--bk4-accent:#72a7ff;color-scheme:dark}
body.bk4-app-page :is(.sa-site-header,.sa-footer){font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important}
body.bk4-app-page .sa-site-header.bk4-header{box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:68px!important;padding:9px clamp(12px,3vw,28px)!important;position:relative!important;background:var(--bk4-card)!important;border-bottom:1px solid var(--bk4-line)!important;box-shadow:0 2px 14px #091a3510!important;z-index:100}
body.bk4-app-page .bk4-header .sa-logo{min-width:0!important;display:flex!important;align-items:center!important;flex:1 1 auto!important;gap:9px!important;margin:0!important;text-decoration:none!important;color:var(--bk4-fg)!important}
body.bk4-app-page .bk4-header .bk-brand-mark{width:42px!important;height:42px!important;flex:0 0 42px!important;object-fit:contain!important}
body.bk4-app-page .bk4-header .bk-brand-wordmark{display:flex!important;flex-direction:column!important;gap:2px!important;font-size:clamp(16px,4.3vw,21px)!important;font-weight:800!important;line-height:1.1!important;color:var(--bk4-fg)!important;white-space:nowrap!important;font-family:inherit!important}
body.bk4-app-page .bk4-header .bk-brand-wordmark small{font-size:8px!important;letter-spacing:.09em!important;font-weight:700!important;color:var(--bk4-accent)!important;white-space:nowrap!important}
body.bk4-app-page .bk4-header-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
body.bk4-app-page .bk4-header-actions button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:42px!important;min-height:42px!important;margin:0!important;padding:8px 11px!important;border:1px solid var(--bk4-line)!important;border-radius:12px!important;background:var(--bk4-card)!important;color:var(--bk4-fg)!important;font:700 13px/1.2 Inter,system-ui,sans-serif!important;cursor:pointer}
body.bk4-app-page .bk4-header-actions .bk6-menu-toggle{background:#163c82!important;color:#fff!important;border-color:#163c82!important}
body.bk4-app-page .bk4-header #bk6-main-nav[hidden]{display:none!important}
body.bk4-app-page .bk4-header #bk6-main-nav:not([hidden]){display:block!important;position:absolute!important;top:calc(100% + 4px)!important;right:12px!important;left:auto!important;width:min(340px,calc(100vw - 24px))!important;max-height:min(76vh,640px)!important;overflow-y:auto!important;box-sizing:border-box!important;padding:10px!important;background:var(--bk4-card)!important;border:1px solid var(--bk4-line)!important;border-radius:16px!important;box-shadow:0 18px 50px #081a3440!important;z-index:999!important}
body.bk4-app-page #bk6-main-nav .bk4-nav-heading{padding:12px 11px 5px;font:800 11px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:var(--bk4-accent)!important}
body.bk4-app-page #bk6-main-nav a{display:block!important;box-sizing:border-box!important;padding:11px 12px!important;margin:2px 0!important;border-radius:10px!important;color:var(--bk4-fg)!important;text-decoration:none!important;font:600 14px/1.4 Inter,system-ui,sans-serif!important}
body.bk4-app-page #bk6-main-nav a:hover,body.bk4-app-page #bk6-main-nav a[aria-current="page"]{background:color-mix(in srgb,var(--bk4-accent) 12%,transparent)!important}
body.bk4-app-page .sa-workspace-nav{display:none!important}
body.bk4-app-page .bk4-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:98;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:var(--bk4-card);border-top:1px solid var(--bk4-line);box-shadow:0 -3px 16px #081a3418}
body.bk4-app-page .bk4-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 2px;color:var(--bk4-fg);font:600 12px/1.3 Inter,system-ui,sans-serif;text-decoration:none;border-radius:10px}
body.bk4-app-page .bk4-bottom-nav a span{font-size:22px;line-height:1.1}
body.bk4-app-page .bk4-bottom-nav a[aria-current="page"]{color:var(--bk4-accent);background:color-mix(in srgb,var(--bk4-accent) 9%,transparent)}
body.bk4-app-page :is(.sa-home,.sa-pages,.sa-app,#sa-content){max-width:100%;min-width:0;box-sizing:border-box}
body.bk4-app-page #sa-content{overflow-wrap:anywhere}
body.bk4-app-page[data-bk-theme="dark"] :is(.sa-home,.sa-guide-card,.sa-category-section,.sa-seller-banner,.sa-category-grid>a,.sa-footer){color:var(--bk4-fg)!important}
body.bk4-app-page[data-bk-theme="dark"] :is(.sa-guide-card,.sa-category-grid>a,.sa-footer){background:var(--bk4-card)!important;border-color:var(--bk4-line)!important}
@media(min-width:900px){body.bk4-app-page{padding-bottom:0}body.bk4-app-page .bk4-bottom-nav{display:none}}
@media(max-width:370px){body.bk4-app-page .bk4-header .bk-brand-mark{width:35px!important;height:35px!important;flex-basis:35px!important}body.bk4-app-page .bk4-header .bk-brand-wordmark{font-size:15px!important}body.bk4-app-page .bk4-header .bk-brand-wordmark small{font-size:7px!important}body.bk4-app-page .bk4-header-actions{gap:4px}body.bk4-app-page .bk4-header-actions button{min-width:38px!important;min-height:40px!important;padding:7px!important}body.bk4-app-page .bk4-menu-label{display:none}}
@media(prefers-reduced-motion:reduce){body.bk4-app-page *{scroll-behavior:auto!important;transition:none!important}}