/* Local OFL fonts: only requested when the V12 presentation uses these families. */
@font-face {font-family:'BAK DM Sans';src:url('./fonts/dm-sans.ttf') format('truetype');font-weight:100 1000;font-style:normal;font-display:swap}
@font-face {font-family:'BAK Manrope';src:url('./fonts/manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
/* BAK Figma Make V12 tokens and layouts, adapted to existing production controls.
   Every rule is scoped: ?ui=legacy restores the original styles and behavior. */
html[data-bak-ui="figma-v12"] {
  --fv-ink:#171918;--fv-muted:#72766f;--fv-paper:#f4f3ee;--fv-line:rgba(23,25,24,.1);
  --fv-lime:#d9ff63;--fv-green:#184f3b;--fv-teal:#c6f4e5;--fv-orange:#ffe0ca;
  --fv-violet:#7157e8;--fv-violet-soft:#ded8ff;--fv-blue:#bcdcff;
  color-scheme:light;
}
html[data-bak-ui="figma-v12"] body {background:#dcddd8;color:var(--fv-ink);font-family:'BAK DM Sans',system-ui,sans-serif}
html[data-bak-ui="figma-v12"] :is(main.app-shell,#v6ManagementHome,#v8TransferScreen,#v11NotificationsPage,.login-shell,.loading-shell) {
  --primary:var(--fv-green);--bak-green:var(--fv-green);--bak-ink:var(--fv-ink);--bak-bg:var(--fv-paper);
  width:100%;max-width:480px;min-height:100dvh;margin-inline:auto;padding:0 20px 28px;
  background:var(--fv-paper)!important;color:var(--fv-ink);box-sizing:border-box;
}
html[data-bak-ui="figma-v12"] :is(h1,h2,h3,.module-card strong) {font-family:'BAK Manrope',system-ui,sans-serif;letter-spacing:-.045em}
html[data-bak-ui="figma-v12"] :is(button,input,select,textarea) {font-family:inherit;max-width:100%;box-sizing:border-box}
html[data-bak-ui="figma-v12"] button {touch-action:manipulation}
html[data-bak-ui="figma-v12"] button:not([hidden]):not(.hidden) {min-height:44px}
html[data-bak-ui="figma-v12"] button:disabled {cursor:not-allowed;opacity:.5}
html[data-bak-ui="figma-v12"] :is(button,a,input,select,textarea):focus-visible {outline:3px solid var(--fv-violet);outline-offset:3px}
html[data-bak-ui="figma-v12"] :is(p,small,strong,label,button) {overflow-wrap:anywhere}
html[data-bak-ui="figma-v12"] .eyebrow {font-size:10px;line-height:1.4;letter-spacing:.14em;font-weight:800;color:var(--fv-muted)}
html[data-bak-ui="figma-v12"] :is(.muted,.form-message) {color:var(--fv-muted)}
html[data-bak-ui="figma-v12"] :is(.app-header,#v6ManagementHome .v6-management-header,#v8TransferScreen .app-header) {
  position:relative;display:block;background:transparent!important;border:0!important;box-shadow:none!important;
  margin:0;padding: max(14px,env(safe-area-inset-top)) 0 12px!important;min-height:78px;
}
html[data-bak-ui="figma-v12"] #v6ManagementHome .v6-management-header {display:flex;flex-wrap:wrap;align-items:center;gap:12px}
html[data-bak-ui="figma-v12"] .header-row {display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:center}
html[data-bak-ui="figma-v12"] :is(.header-copy,.v6-management-brand) {min-width:0}
html[data-bak-ui="figma-v12"] :is(.app-header h1,#v6ManagementHome .v6-management-header h1,#v8TransferScreen .app-header h1) {font-size:21px!important;line-height:1.15!important;color:var(--fv-ink)!important}
html[data-bak-ui="figma-v12"] :is(.profile-button,.icon-button,.v10-simple-bell) {border:1px solid var(--fv-line)!important;background:#ffffffa8!important;color:var(--fv-ink)!important;border-radius:50%!important;box-shadow:none!important}
html[data-bak-ui="figma-v12"] .profile-button {max-width:96px;padding:8px 12px!important;border-radius:18px!important;font-size:11px!important}
html[data-bak-ui="figma-v12"] .store-sync-bar {gap:8px;flex-wrap:wrap;background:transparent;padding:10px 0 0}
html[data-bak-ui="figma-v12"] .store-pill {border:0;border-radius:14px;background:#e8e7e1;color:var(--fv-ink);min-width:0}
html[data-bak-ui="figma-v12"] .fv12-sync {width:100%;display:flex;align-items:center;gap:8px;margin:0 0 18px;padding:8px 12px;border:1px solid var(--fv-line);border-radius:14px;background:#ffffffb3;font-size:11px;text-align:left;color:var(--fv-green)}
html[data-bak-ui="figma-v12"] .fv12-sync i {width:7px;height:7px;flex:none;border-radius:50%;background:currentColor}
html[data-bak-ui="figma-v12"] .fv12-sync[data-state="pending"] {color:#8b4a1a;background:#fff0df}
html[data-bak-ui="figma-v12"] .fv12-sync[data-state="offline"] {color:#66519b;background:#eee8ff}
html[data-bak-ui="figma-v12"] .fv12-intro {margin:22px 2px}
html[data-bak-ui="figma-v12"] .fv12-intro h2 {font-size:clamp(29px,8vw,39px);line-height:1.08;margin:7px 0}
html[data-bak-ui="figma-v12"] .fv12-intro>p:last-child {color:var(--fv-muted);font-size:13px;margin:0}
html[data-bak-ui="figma-v12"] :is(#v6ManagementHome .v6-management-hero,.app-shell .home-hero:not(.scanner-page .home-hero)) {background:#173e32!important;border:0!important;border-radius:28px!important;margin:0 0 24px!important;padding:25px 22px!important;min-height:150px;color:white!important;box-shadow:0 20px 50px #191e1b17!important}
html[data-bak-ui="figma-v12"] :is(.v6-management-hero,.home-hero) :is(h2,p) {color:inherit!important}
html[data-bak-ui="figma-v12"] :is(.v6-management-hero,.home-hero) h2 {font-size:28px!important;line-height:1.1!important}
html[data-bak-ui="figma-v12"] :is(.hero-card,.glass-card,.quick-actions,.product-search,.exchange-card,.difference-card,.export-card,.do-metrics) {border:1px solid var(--fv-line);border-radius:23px;background:#fff;box-shadow:none;backdrop-filter:none}
html[data-bak-ui="figma-v12"] :is(.hero-card,.exchange-card,.export-card) {padding:20px;margin-block:14px}
html[data-bak-ui="figma-v12"] :is(#v6ManagementHome .v6-management-modules,.app-shell .module-grid:not(#v8TransferScreen .module-grid)) {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;padding:0!important}
html[data-bak-ui="figma-v12"] :is(#v6ManagementHome,.app-shell) .module-grid .module-card {
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;
  gap:10px!important;min-height:176px!important;padding:17px!important;border:0!important;border-radius:23px!important;text-align:left;box-shadow:none!important;color:var(--fv-ink)!important;background:#fff!important;
}
html[data-bak-ui="figma-v12"] :is(#v6ManagementHome,.app-shell) .module-card .module-icon {display:grid!important;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:15px!important;background:#ffffff75!important;color:inherit!important;box-shadow:none!important}
html[data-bak-ui="figma-v12"] .module-card>div {margin-top:auto;min-width:0}
html[data-bak-ui="figma-v12"] :is(#v6ManagementHome,.app-shell) .module-card strong {font-size:22px!important;line-height:1.06!important;color:inherit!important}
html[data-bak-ui="figma-v12"] .module-card small {display:block!important;font-size:11px!important;line-height:1.4;color:inherit!important;margin-top:8px;opacity:.8}
html[data-bak-ui="figma-v12"] .module-card>span:last-child:not(.module-icon) {align-self:flex-end}
html[data-bak-ui="figma-v12"] :is(#v6ManagementHome,.app-shell) .module-grid .module-card[data-fv12-module="do"] {background:var(--fv-orange)!important;order:1}
html[data-bak-ui="figma-v12"] :is(#v6ManagementHome,.app-shell) .module-grid .module-card[data-fv12-module="transfer"] {background:var(--fv-violet)!important;color:white!important;order:2}
html[data-bak-ui="figma-v12"] :is(#v6ManagementHome,.app-shell) .module-grid .module-card[data-fv12-module="stocktake"] {background:var(--fv-teal)!important;grid-column:1/-1;min-height:150px!important;order:3}
html[data-bak-ui="figma-v12"] :is(#v6ManagementHome,.app-shell) .module-grid .module-card[data-fv12-module="exchange"] {background:var(--fv-violet-soft)!important;order:4}
html[data-bak-ui="figma-v12"] :is(#v6ManagementHome,.app-shell) .module-grid .module-card[data-fv12-module="products"] {background:var(--fv-blue)!important;order:5}
html[data-bak-ui="figma-v12"] :is(#v6ManagementHome,.app-shell) .module-grid .module-card[data-fv12-module="reports"] {background:#e6edcb!important;order:6}
html[data-bak-ui="figma-v12"] :is(#v6ManagementHome,.app-shell) .module-grid .module-card[data-fv12-module="sessions"] {background:#c6f4e5!important;order:7}
html[data-bak-ui="figma-v12"] .fv12-dashboard {padding-bottom:calc(115px + env(safe-area-inset-bottom))!important}
html[data-bak-ui="figma-v12"] .fv12-nav {position:fixed;z-index:45;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(400px,calc(100% - 32px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px;border:1px solid #fff;border-radius:24px;background:#fffffff0;box-shadow:0 12px 35px #191e1b24}
html[data-bak-ui="figma-v12"] .fv12-nav button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:54px;border:0;border-radius:17px;background:transparent;color:var(--fv-muted);font-size:10px}
html[data-bak-ui="figma-v12"] .fv12-nav [data-fv12-nav="home"] {background:var(--fv-ink);color:#fff}
html[data-bak-ui="figma-v12"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {min-height:48px;border:1px solid var(--fv-line);border-radius:14px;background:#fff;color:var(--fv-ink);padding:12px;font-size:16px}
html[data-bak-ui="figma-v12"] :is(input[type="checkbox"],input[type="radio"]) {accent-color:var(--fv-green)}
html[data-bak-ui="figma-v12"] :is(.primary,.scan-button,.manual-card button) {border-radius:16px;background:var(--fv-green);color:white;border:0;box-shadow:none}
html[data-bak-ui="figma-v12"] :is(.secondary,.small.secondary) {border:1px solid var(--fv-line);border-radius:14px;background:white;color:var(--fv-ink);box-shadow:none}
html[data-bak-ui="figma-v12"] .danger {background:#fff0eb;color:#a93524;border:1px solid #f2c6bb;border-radius:14px}
html[data-bak-ui="figma-v12"] .quick-actions {margin-top:14px;padding:8px 14px}
html[data-bak-ui="figma-v12"] .quick-actions button {background:transparent;color:var(--fv-ink);border-color:var(--fv-line)}
/* Outlet folders and active/archived session sheets. IDs and folder codes stay intact. */
html[data-bak-ui="figma-v12"] :is(.store-grid,.v7-folder-grid) {gap:11px}
html[data-bak-ui="figma-v12"] .store-option {background:#fff;border:1px solid var(--fv-line);border-radius:20px;padding:17px}
html[data-bak-ui="figma-v12"] .store-icon {background:var(--fv-teal);color:var(--fv-green);border-radius:14px}
html[data-bak-ui="figma-v12"] :is(.v7-folder-card,.v102-folder-card) {border:1px solid var(--fv-line);border-radius:20px;background:#fff;overflow:hidden}
html[data-bak-ui="figma-v12"] .v7-folder-open {background:#fff;color:var(--fv-ink);padding:17px}
html[data-bak-ui="figma-v12"] .v7-folder-code {background:var(--fv-teal);color:var(--fv-green);border-radius:12px}
html[data-bak-ui="figma-v12"] :is(.v123-session-badge,.v123-active-session) {background:var(--fv-teal);border:0;border-radius:20px;color:var(--fv-green)}
html[data-bak-ui="figma-v12"] :is(.v123-session-row,.scan-event,.v10-history-row,.v10-history-detail,.do-row,.v7-do-summary,.v103-do-item,.v122-size-block) {border:1px solid var(--fv-line);border-radius:18px;background:white;box-shadow:none;padding:14px;margin-block:10px;min-width:0}
/* Scanner is a compact workspace: no floating navigation or keyboard handlers. */
html[data-bak-ui="figma-v12"] .scanner-page {padding-bottom:24px!important}
html[data-bak-ui="figma-v12"] .scanner-page .fv12-sync {margin-bottom:10px}
html[data-bak-ui="figma-v12"] :is(.scanner-context,.v12-mode-card) {border:0;border-radius:20px;background:var(--fv-teal);padding:14px;gap:10px}
html[data-bak-ui="figma-v12"] .camera-card {border-radius:23px;overflow:hidden;background:#1f2522}
html[data-bak-ui="figma-v12"] .scan-frame {border-color:var(--fv-lime)}
html[data-bak-ui="figma-v12"] :is(.scan-button,#holdScan) {width:100%;min-height:58px;font-weight:800;font-size:16px;background:var(--fv-green);color:#fff;border-radius:18px}
html[data-bak-ui="figma-v12"] .manual-card {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;border-radius:18px}
html[data-bak-ui="figma-v12"] .scanner-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html[data-bak-ui="figma-v12"] .scanner-actions button {font-size:12px;padding:12px 8px}
html[data-bak-ui="figma-v12"] #v121LocationTotalSticky {background:var(--fv-green);border-radius:16px;color:white}
/* Document detail, receiving, Transfer, Exchange, Product Master and Reports. */
html[data-bak-ui="figma-v12"] :is(.v10-role-banner,.v7-do-head,.v103-do-header) {border-radius:20px;background:var(--fv-orange);color:var(--fv-ink);padding:16px}
html[data-bak-ui="figma-v12"] #v8TransferScreen :is(.home-hero,.hero-card) {background:var(--fv-violet-soft)!important;color:var(--fv-ink)!important}
html[data-bak-ui="figma-v12"] :is(.v10-history-grid,.do-metrics,.v10-tick-summary,.v122-size-grid) {gap:8px;border-radius:16px;min-width:0}
html[data-bak-ui="figma-v12"] :is(.v10-tick-panel,.v10-tick-receiver,.v10-tick-row,.product-preview,.difference-card) {background:#fff;border:1px solid var(--fv-line);border-radius:18px;padding:14px;min-width:0}
html[data-bak-ui="figma-v12"] .difference-card {background:var(--fv-violet-soft)}
html[data-bak-ui="figma-v12"] :is(.filter-grid,.export-grid,.export-controls) {gap:10px;min-width:0}
html[data-bak-ui="figma-v12"] :is(.filter-grid,.export-grid) > * {min-width:0}
html[data-bak-ui="figma-v12"] :is(.v11-notif-intro,.v11-notif-detail,.v11-notif-empty) {background:transparent;color:var(--fv-ink)}
html[data-bak-ui="figma-v12"] .v11-notif-row {background:#fff;border:1px solid var(--fv-line);border-radius:18px;margin-bottom:10px}
html[data-bak-ui="figma-v12"] .v11-notif-symbol {background:var(--fv-orange);border-radius:14px}
html[data-bak-ui="figma-v12"] .v11-notif-detail-mark {background:var(--fv-orange);border-radius:28px}
html[data-bak-ui="figma-v12"] .login-shell {display:grid;align-content:center;padding:28px 20px;background:var(--fv-paper)!important}
html[data-bak-ui="figma-v12"] .login-card {width:100%;padding:26px 22px;border:1px solid var(--fv-line);border-radius:28px;background:#fff;box-shadow:0 20px 50px #191e1b17}
html[data-bak-ui="figma-v12"] .login-card h1 {font-size:34px;line-height:1.1}
html[data-bak-ui="figma-v12"] :is(.modal-backdrop,.modal-overlay) {backdrop-filter:none;background:#17191870}
html[data-bak-ui="figma-v12"] :is(.modal-card,.fv12-dialog) {width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--fv-line);border-radius:26px;background:var(--fv-paper);color:var(--fv-ink);padding:22px;box-sizing:border-box}
html[data-bak-ui="figma-v12"] .fv12-dialog {position:fixed;margin:auto;box-shadow:0 20px 60px #17191833}
html[data-bak-ui="figma-v12"] .fv12-dialog::backdrop {background:#17191870}
html[data-bak-ui="figma-v12"] .fv12-dialog>button {display:block;width:100%;margin-top:10px;padding:12px;border:1px solid var(--fv-line);border-radius:14px;background:#fff;color:var(--fv-ink)}
html[data-bak-ui="figma-v12"] .fv12-dialog h2 {margin:0 0 14px}
html[data-bak-ui="figma-v12"] .fv12-dialog p {font-size:13px;line-height:1.5;color:var(--fv-muted)}
html[data-bak-ui="figma-v12"] .v6-version {color:var(--fv-muted);font-size:10px;margin:24px 0}
@media(max-width:360px){
  html[data-bak-ui="figma-v12"] :is(main.app-shell,#v6ManagementHome,#v8TransferScreen,#v11NotificationsPage) {padding-inline:12px}
  html[data-bak-ui="figma-v12"] :is(#v6ManagementHome,.app-shell) .module-grid .module-card {padding:14px!important;min-height:164px!important}
  html[data-bak-ui="figma-v12"] :is(#v6ManagementHome,.app-shell) .module-card strong {font-size:20px!important}
  html[data-bak-ui="figma-v12"] :is(.modal-actions,.filter-grid,.export-grid) {grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:no-preference){
  html[data-bak-ui="figma-v12"] .module-card {transition:transform .18s ease}
  html[data-bak-ui="figma-v12"] .module-card:active {transform:scale(.98)}
  html[data-bak-ui="figma-v12"] .fv12-dialog[open] {animation:fv12-enter .18s ease-out}
  @keyframes fv12-enter {from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
}
@media(prefers-reduced-motion:reduce){html[data-bak-ui="figma-v12"] *,html[data-bak-ui="figma-v12"] *::before,html[data-bak-ui="figma-v12"] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-bak-ui="figma-v12"] :is(#v6ManagementHome,.app-shell) .module-grid .module-card[data-fv12-module="accounts"] {background:#fff!important;order:8}
html[data-bak-ui="figma-v12"] :is(#v6ManagementHome,.app-shell) .module-card small {color:inherit!important;opacity:.85}
html[data-bak-ui="figma-v12"] .v7-folder-card .v7-folder-open {background:white!important;color:var(--fv-ink)!important}

/* Keep engine-owned status nodes for their handlers; present one honest queue indicator. */
html[data-bak-ui="figma-v12"] :is(#syncBadge,#v12SyncStatus) {display:none!important}