/* Vendiac 3.10.1 · Business side menu (dark admin drawer from the left, Shopify fully-open tone).
   The floating bottom bar keeps its own look; only its stacking order is raised
   so it stays visible and usable above the menu backdrop. */
.vbm-root{position:fixed;inset:0;z-index:2147481000;pointer-events:none;--vbm-left:0px;--vbm-ease:cubic-bezier(.22,1,.36,1);
  /* 3.10.1-n3 dark admin tokens, measured from the Shopify mobile admin drawer fully open (clip frame 2.20s) */
  --vbm-panel:#161616;--vbm-panel-edge-tone:#0b0b0b;--vbm-panel-edge:#1f1f1f;--vbm-backdrop:rgba(0,0,0,.55);
  --vbm-search-bg:#3a3a3a;--vbm-search-edge:#4a4a4a;--vbm-search-text:#b0b0b0;
  --vbm-text:#dedede;--vbm-icon:#b5b5b5;--vbm-heading:#999999;
  --vbm-hover:#1f1f1f;--vbm-press:#232323;--vbm-active-bg:#282828;--vbm-active-text:#f8f8f8;
  --vbm-active-shadow:inset 0 1px 0 #3b3b3b;--vbm-focus:#a08cff;
  font-family:var(--vendiac-ui-font,"Geist",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);-webkit-font-smoothing:antialiased;color-scheme:dark}
.vbm-root *{box-sizing:border-box}
.vbm-backdrop{position:absolute;inset:0;left:var(--vbm-left);background:var(--vbm-backdrop);opacity:0;transition:opacity 220ms ease-out;pointer-events:none}
.vbm-root.is-open .vbm-backdrop{opacity:1;pointer-events:auto;transition-duration:280ms}
.vbm-panel{position:absolute;top:0;bottom:0;left:var(--vbm-left);width:min(87vw,360px);display:flex;flex-direction:column;
  padding:calc(14px + env(safe-area-inset-top)) 10px 0;background:radial-gradient(120% 70% at 45% 50%,var(--vbm-panel) 0%,#111111 60%,var(--vbm-panel-edge-tone) 100%);color:var(--vbm-text);
  border-right:1px solid var(--vbm-panel-edge);box-shadow:12px 0 40px rgba(0,0,0,.45);outline:none;
  transform:translate3d(-104%,0,0);transition:transform 220ms ease-in;pointer-events:auto;visibility:hidden}
.vbm-root.is-open .vbm-panel{transform:translate3d(0,0,0);transition:transform 280ms var(--vbm-ease);visibility:visible}
/* Closing: rows, logo and search stay painted for the whole slide; the panel only hides after it is off screen. */
.vbm-root:not(.is-open) .vbm-panel{transition:transform 220ms ease-in,visibility 0s linear 220ms}
.vbm-head{display:flex;align-items:center;min-height:40px;padding:0 6px;margin-bottom:12px}
/* Same Vendiac V artwork, white on the dark panel. */
.vbm-logo{display:block;width:auto;height:28px;object-fit:contain}
.vbm-search{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;margin:0 0 12px;padding:0 12px;border:0;border-radius:11px;
  background:var(--vbm-search-bg);color:var(--vbm-search-text);box-shadow:inset 0 1px 0 var(--vbm-search-edge);font:inherit;font-size:15px;font-weight:450;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.vbm-search .vbm-icon{color:var(--vbm-search-text)}
.vbm-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(120px + env(safe-area-inset-bottom));scrollbar-width:none}
.vbm-scroll::-webkit-scrollbar{display:none}
.vbm-group,.vbm-section{display:flex;flex-direction:column;gap:2px}
.vbm-section{margin-top:16px}
.vbm-heading{margin:0 0 4px;padding:0 10px;color:var(--vbm-heading);font-size:13px;line-height:18px;font-weight:550}
.vbm-row{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 10px;border:0;border-radius:11px;background:transparent;
  color:var(--vbm-text);font:inherit;font-size:16px;line-height:22px;font-weight:500;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:background-color 120ms ease}
.vbm-row .vbm-icon{flex:none;color:var(--vbm-icon)}
.vbm-row:hover{background:var(--vbm-hover)}
.vbm-row:active{background:var(--vbm-press)}
.vbm-row.is-active{background:var(--vbm-active-bg);color:var(--vbm-active-text);font-weight:650;box-shadow:var(--vbm-active-shadow)}
.vbm-row.is-active .vbm-icon{color:var(--vbm-active-text)}
.vbm-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vbm-row:focus-visible,.vbm-search:focus-visible{outline:2px solid var(--vbm-focus);outline-offset:1px}
html:lang(th) .vbm-row,html:lang(th) .vbm-search,html:lang(th) .vbm-heading{font-family:var(--vendiac-font-thai,"Prompt",sans-serif)}
/* The bottom bar keeps its markup and look; it just sits above the menu. */
html[data-vendiac-menu-open] [data-vendiac-dock="true"]{position:relative;z-index:2147481500}
@media (prefers-reduced-motion:reduce){.vbm-backdrop,.vbm-panel,.vbm-root.is-open .vbm-panel,.vbm-root:not(.is-open) .vbm-panel,.vbm-row{transition:none!important}}