/* Vego · Velbil — 5.5.0. Velbil (velbil.com or app.html?app=velbil: html.velbil) = the money part (Accounts) under its own
   name, with Velbil POS for the counter. Its sign-in, its cover while it opens, its logo in the top bar, main buttons in
   Velbil blue (5.9.12: the new logo's blues #001473 → #004EB5 → #0089F7, main colour #0A63E6; no orange). In Vego the Accounts part also shows the Velbil logo. */
html.velbil{--vb:#0A63E6;--vb-deep:#001473;--vb-mid:#004EB5;--vb-light:#0089F7;--vb-grad:linear-gradient(180deg,#001473 0%,#004EB5 55%,#0089F7 100%);--vb-soft:rgba(10,99,230,.08);--vb-bg:#F7F7FB;--vb-ink:#15162B;--vb-muted:#5F6378;--vb-card:#fff;--vb-line:#E3E4EE}
@media (prefers-color-scheme:dark){html.velbil:not([data-theme="light"]){--vb:#4DA3FF;--vb-soft:rgba(77,163,255,.16);--vb-bg:#0B1020;--vb-ink:#F1F2F8;--vb-muted:#A3A7BB;--vb-card:#171925;--vb-line:#2A2D3D}}
html.velbil[data-theme="dark"]{--vb:#4DA3FF;--vb-soft:rgba(77,163,255,.16);--vb-bg:#0B1020;--vb-ink:#F1F2F8;--vb-muted:#A3A7BB;--vb-card:#171925;--vb-line:#2A2D3D}
#vbcover{position:fixed;inset:0;z-index:54;display:flex;align-items:center;justify-content:center;background:var(--vb-bg);color:var(--vb-ink);padding:24px max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
#vbcover[hidden]{display:none}
html:not(.velbil) #vbcover{display:none}
/* 5.9.1: a cashier in Vego sees the same cover when Velbil POS is off */
html:not(.velbil) #vbcover.cash:not([hidden]){display:flex}
html:not(.velbil) #vbcover.cash{--vb:#0A63E6;--vb-bg:#F7F7FB;--vb-ink:#15162B;--vb-muted:#5F6378}
@media (prefers-color-scheme:dark){html:not(.velbil):not([data-theme="light"]) #vbcover.cash{--vb:#4DA3FF;--vb-bg:#0D0E14;--vb-ink:#F1F2F8;--vb-muted:#A3A7BB}}
html:not(.velbil)[data-theme="dark"] #vbcover.cash{--vb:#4DA3FF;--vb-bg:#0D0E14;--vb-ink:#F1F2F8;--vb-muted:#A3A7BB}
.vbc-box{width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.vbc-logo{width:180px;max-width:70%;height:auto}
html.velbil[data-theme="dark"] .vbc-logo{content:url("/img/velbil/velbil-logo-white.png")}
@media (prefers-color-scheme:dark){html.velbil:not([data-theme="light"]) .vbc-logo{content:url("/img/velbil/velbil-logo-white.png")}}
.vbc-box h1{font-size:22px;font-weight:700;margin:6px 0 0;text-wrap:balance}
.vbc-box p{margin:0;color:var(--vb-muted);font-size:14.5px;line-height:1.5}
.vbc-wait{animation:vbpulse 1.4s ease-in-out infinite}
@keyframes vbpulse{50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.vbc-wait{animation:none}}
.vbc-btn{margin-top:6px;height:48px;padding:0 28px;border:0;border-radius:999px;background:var(--vb);color:#fff;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.vbc-link{border:0;background:none;color:var(--vb);font:inherit;font-weight:600;padding:10px;cursor:pointer}
/* the sign-in screen in Velbil: its logo (720 × 375), its blue; no Vego "V" behind the words */
html.velbil .lockscr .lbrand::before{width:250px!important;height:130px!important;background-image:url("/img/velbil/velbil-pos-full-white.png")!important}
html.velbil .lockscr .lmini::before{width:180px!important;height:37px!important;background-image:url("/img/velbil/velbil-pos-logo.png")!important}
@media (prefers-color-scheme:dark){html.velbil:not([data-theme="light"]) .lockscr .lmini::before{background-image:url("/img/velbil/velbil-pos-logo-white.png")!important}}
html.velbil[data-theme="dark"] .lockscr .lmini::before{background-image:url("/img/velbil/velbil-pos-logo-white.png")!important}
html.velbil .lockscr .lktop img{height:44px!important;width:auto}
html.velbil .lockscr .lhero{background:linear-gradient(155deg,#001473 0%,#004EB5 55%,#0089F7 100%)!important}
html.velbil .lhero::after{display:none}
/* every main button in Velbil is the logo blue (Vego's rule is html body .btn.pri:not(#_):not(#__)) */
html.velbil body .btn.pri:not(#_):not(#__):not(#___),html.velbil body #lk-go:not(#_):not(#__):not(#___){background:linear-gradient(90deg,#004EB5 0%,#0A63E6 45%,#0089F7 100%)!important;box-shadow:0 12px 24px -12px rgba(0,78,181,.8)!important}
@media (prefers-color-scheme:dark){html.velbil:not([data-theme="light"]) body .btn.pri:not(#_):not(#__):not(#___){background:linear-gradient(90deg,#0A63E6,#2F95FF)!important}}
html.velbil[data-theme="dark"] body .btn.pri:not(#_):not(#__):not(#___){background:linear-gradient(90deg,#0A63E6,#2F95FF)!important}
html.velbil .toast .vn-logo,body[data-mod="accounts"] .toast .vn-logo{height:18px;border-inline-end-color:rgba(11,21,48,.15)}
/* Velbil: sheets (Company details…) open over the cover */
html.velbil .scrim{z-index:58}
html.velbil .sheet{z-index:60}
/* the logo in the top bar: Velbil on velbil.com, and in Vego while the Velbil (Accounts) part is open */
html.velbil .topin .wsbtn span.appname::before,body[data-mod="accounts"] .topin .wsbtn span.appname::before{background-image:url("/img/velbil/velbil-logo-short.png")!important;width:82px!important;height:24px!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body[data-mod="accounts"] .topin .wsbtn span.appname::before,html.velbil:not([data-theme="light"]) .topin .wsbtn span.appname::before{background-image:url("/img/velbil/velbil-logo-short-white.png")!important}}
:root[data-theme="dark"] body[data-mod="accounts"] .topin .wsbtn span.appname::before,html.velbil[data-theme="dark"] .topin .wsbtn span.appname::before{background-image:url("/img/velbil/velbil-logo-short-white.png")!important}
html.velbil header.top.tight .topin .wsbtn span.appname::before,body[data-mod="accounts"] header.top.tight .topin .wsbtn span.appname::before{background:url("/velbil-192.png") center/cover no-repeat!important;width:30px!important;height:30px!important}
/* Velbil → Sales: the way to Velbil POS */
.vbposc{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:14px 16px;border-radius:16px;background:linear-gradient(90deg,rgba(0,78,181,.07),rgba(0,137,247,.07));border:1px solid rgba(0,78,181,.14)}
.vbposc img{border-radius:11px;flex:none}
.vbposc div{flex:1;min-width:0}
.vbposc b{display:block;font-size:15px}
.vbposc small{display:block;color:var(--muted,#6B7690);font-size:12.5px}
.vbposc.off{background:var(--pane,#fff);border-style:dashed}
/* 5.9.8: the header search in Velbil names Velbil's own records (not CRM clients) */
@media(min-width:768px){html.velbil .topin .hsearch::after{content:"Search invoices, customers, items…"}html.velbil[dir=rtl] .topin .hsearch::after{content:'ابحث في الفواتير والعملاء والأصناف…'}}
/* 5.9.11: the opening screen ("Opening Velbil…") in the new Velbil look: the logo's blue gradient, white logo */
#vbcover:has(.vbc-wait){background:linear-gradient(90deg,#001473 0%,#004EB5 50%,#0089F7 100%);color:#fff}
#vbcover:has(.vbc-wait) .vbc-logo{content:url("/img/velbil/velbil-pos-full-white.png");width:300px}
#vbcover:has(.vbc-wait) .vbc-wait{color:#fff;font-weight:600}
/* 5.9.12: the whole Velbil app in the new logo's blues (owner: "match with color codes"). Vego keeps its own colours. */
html.velbil{--brand-fg:#0A63E6;--accent:#0A63E6;--teal:#0A63E6}
@media (prefers-color-scheme:dark){html.velbil:not([data-theme="light"]){--brand-fg:#4DA3FF;--accent:#4DA3FF;--teal:#4DA3FF}}
html.velbil[data-theme="dark"]{--brand-fg:#4DA3FF;--accent:#4DA3FF;--teal:#4DA3FF}
html.velbil body[data-mod="accounts"]{--ax:#0A63E6}
@media (min-width:768px){
  html.velbil .dside{background:var(--vb-grad)!important;color:#fff}
  html.velbil .ds-nav button{color:rgba(255,255,255,.82)}
  html.velbil .ds-nav button:hover{background:rgba(255,255,255,.1)}
  html.velbil .ds-nav button[aria-current="true"]{background:linear-gradient(90deg,#1E8BFF,#4DBBFF);color:#fff;box-shadow:0 8px 20px -10px rgba(0,137,247,.9)}
  html.velbil .ds-nav button[aria-current="true"] .ds-ic{color:#fff}
  html.velbil .ds-new{background:#fff!important;color:#004EB5!important;box-shadow:0 8px 20px -10px rgba(0,20,115,.6)!important}
  html.velbil .ds-doc{background:rgba(255,255,255,.14)!important;color:#fff!important}
  html.velbil .ds-foot{border-top-color:rgba(255,255,255,.18)}
  html.velbil .ds-foot small{color:rgba(255,255,255,.7)}
  html.velbil .ds-av{background:#fff;color:#004EB5}
}
html.velbil body[data-mod="accounts"] .axround,html.velbil body[data-mod="accounts"] .lparrow,html.velbil body[data-mod="accounts"] .hback{color:#0A63E6!important}
html.velbil body[data-mod="accounts"] em.acqb,html.velbil body[data-mod="accounts"] em.tcount.num.on,html.velbil body[data-mod="accounts"] .acsegs button[aria-selected="true"]{background:#0A63E6!important}
html.velbil body[data-mod="accounts"] .bzic,html.velbil body[data-mod="accounts"] .aci,html.velbil body[data-mod="accounts"] .pghero .pgh-ic,html.velbil body[data-mod="accounts"] .acsegs button svg,html.velbil body[data-mod="accounts"] .acsegs .achelpbtn,html.velbil body[data-mod="accounts"] .bnav button[data-view="acct"] svg{color:#0A63E6!important}
html.velbil body[data-mod="accounts"] .btn.pri:not(.sm),html.velbil body[data-mod="accounts"] .pghero .btn.pri,html.velbil body[data-mod="accounts"] .btn.pri.sm.newbiz{background:linear-gradient(90deg,#004EB5 0%,#0A63E6 45%,#0089F7 100%)!important;border-color:transparent!important}
html.velbil .sric,html.velbil .dsmore>span{color:#0A63E6}
html.velbil .adup-ic,html.velbil .dsd-ic:not(#_){background:linear-gradient(135deg,#004EB5,#0089F7)}
/* 5.9.12: Velbil welcome on a phone (velbil-brand.js velbilWelcome) — white, the logo's blues, swipe cards */
#vbwel{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;background:#F6F9FF;color:#0B1530;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;padding:calc(18px + env(safe-area-inset-top,0px)) 0 calc(18px + env(safe-area-inset-bottom,0px));overflow:hidden}
@media (min-width:820px){#vbwel{display:none}}
#vbwel .vw-logo{display:flex;justify-content:center;padding:4px 16px 0}
#vbwel .vw-logo img{height:36px;width:auto}
#vbwel .vw-track{flex:1;min-height:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;outline:none}
#vbwel .vw-track::-webkit-scrollbar{display:none}
#vbwel .vw-slide{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:8px max(24px,env(safe-area-inset-left,0px)) 0 max(24px,env(safe-area-inset-right,0px));min-width:0}
#vbwel .vw-art{width:min(300px,100%);min-height:220px;display:grid;place-items:center}
#vbwel h2{margin:0;font-size:28px;line-height:1.18;font-weight:700;letter-spacing:-.02em;text-align:center;text-wrap:balance}
#vbwel .vw-dots{display:flex;justify-content:center;gap:6px;padding:10px 0 18px}
#vbwel .vw-dots button{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:#C9D8F2;cursor:pointer;transition:width .2s,background .2s}
#vbwel .vw-dots button[aria-current="true"]{width:26px;background:linear-gradient(90deg,#004EB5,#0089F7)}
#vbwel .vw-acts{display:flex;flex-direction:column;gap:10px;padding:0 max(24px,env(safe-area-inset-right,0px)) 0 max(24px,env(safe-area-inset-left,0px));max-width:440px;width:100%;margin:0 auto}
#vbwel .vw-google,#vbwel .vw-user{height:52px;border-radius:14px;border:0;font:inherit;font-size:15.5px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
#vbwel .vw-google{background:linear-gradient(90deg,#004EB5 0%,#0A63E6 45%,#0089F7 100%);color:#fff;box-shadow:0 12px 24px -12px rgba(0,78,181,.8)}
#vbwel .vw-google svg{background:#fff;border-radius:50%;padding:4px;width:28px;height:28px}
#vbwel .vw-user{background:#E3ECFA;color:#0B1530}
#vbwel .vw-new{border:0;background:none;font:inherit;font-size:14px;color:#4A5672;padding:6px;cursor:pointer}
#vbwel .vw-new b{color:#0A63E6}
#vbwel .vw-terms{margin:0;text-align:center;font-size:12px;line-height:1.5;color:#6B7690}
#vbwel .vw-terms a{color:#0B1530;font-weight:600}
#vbwel :focus-visible{outline:2px solid #0A63E6;outline-offset:2px}
/* slide 1: tilted cards */
#vbwel .vw-stack{display:flex;flex-direction:column;gap:12px;width:100%}
#vbwel .vw-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(11,21,48,.05),0 12px 26px -16px rgba(0,40,120,.35)}
#vbwel .vw-row.a{transform:rotate(-3deg) translateX(6px)}
#vbwel .vw-row.b{transform:rotate(1.5deg) translateX(-4px)}
#vbwel .vw-row.c{transform:rotate(-1deg) translateX(8px)}
#vbwel .vw-row i{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;color:#fff;background:linear-gradient(135deg,#004EB5,#0089F7)}
#vbwel .vw-row.b i{background:linear-gradient(135deg,#0F8A52,#33C27F)}
#vbwel .vw-row.c i{background:linear-gradient(135deg,#001473,#0A63E6)}
#vbwel .vw-row div{flex:1;min-width:0}
#vbwel .vw-row b{display:block;font-size:14.5px}
#vbwel .vw-row small{display:block;font-size:12px;color:#6B7690;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#vbwel .vw-row>svg{color:#6B7690;flex:none}
/* slide 2: a bill */
#vbwel .vw-bill{width:100%;background:#fff;border-radius:18px;padding:16px;box-shadow:0 1px 2px rgba(11,21,48,.05),0 16px 32px -18px rgba(0,40,120,.4);display:flex;flex-direction:column;gap:9px;font-variant-numeric:tabular-nums}
#vbwel .vw-bh{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}
#vbwel .vw-bh b{font-size:16px}
#vbwel .vw-bh span{font-size:12px;color:#6B7690}
#vbwel .vw-li,#vbwel .vw-tot{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}
#vbwel .vw-li span{color:#3A4663}
#vbwel .vw-tot{border-top:1px dashed #D5DEEE;padding-top:9px;font-size:15px}
#vbwel .vw-tot b{font-size:17px}
#vbwel .vw-charge{margin-top:4px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:600;font-size:14px;background:linear-gradient(90deg,#004EB5,#0089F7)}
/* slide 3: works offline, syncs */
#vbwel .vw-sync{position:relative}
#vbwel .vw-ring{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#DCEBFF 0%,#EAF3FF 60%,rgba(234,243,255,0) 72%)}
#vbwel .vw-ring2{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:#D3E5FF}
#vbwel .vw-dev{width:92px;height:92px;border-radius:24px;display:grid;place-items:center;background:#fff;box-shadow:0 14px 28px -14px rgba(0,40,120,.5)}
#vbwel .vw-badge{position:absolute;top:44px;inset-inline-end:46px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#004EB5,#0089F7);box-shadow:0 8px 16px -8px rgba(0,78,181,.8)}
@media (prefers-reduced-motion:reduce){#vbwel .vw-dots button{transition:none}#vbwel .vw-track{scroll-behavior:auto}}
@media (max-height:680px){#vbwel .vw-art{min-height:170px;transform:scale(.88)}#vbwel h2{font-size:24px}}
/* dark */
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) #vbwel{background:#0B1020;color:#EEF2FB}html:not([data-theme="light"]) #vbwel .vw-row,html:not([data-theme="light"]) #vbwel .vw-bill,html:not([data-theme="light"]) #vbwel .vw-dev{background:#141A2C}html:not([data-theme="light"]) #vbwel .vw-user{background:#1B2238;color:#EEF2FB}html:not([data-theme="light"]) #vbwel .vw-ring{background:radial-gradient(circle,#13254A 0%,#0F1C38 60%,rgba(15,28,56,0) 72%)}html:not([data-theme="light"]) #vbwel .vw-ring2{background:#16305E}html:not([data-theme="light"]) #vbwel .vw-terms a,html:not([data-theme="light"]) #vbwel .vw-li span{color:#C3CBE0}html:not([data-theme="light"]) #vbwel .vw-new{color:#A7B4C8}html:not([data-theme="light"]) #vbwel .vw-logo img{content:url("/img/velbil/velbil-pos-logo-white.png")}}
html[data-theme="dark"] #vbwel{background:#0B1020;color:#EEF2FB}
html[data-theme="dark"] #vbwel .vw-row,html[data-theme="dark"] #vbwel .vw-bill,html[data-theme="dark"] #vbwel .vw-dev{background:#141A2C}
html[data-theme="dark"] #vbwel .vw-user{background:#1B2238;color:#EEF2FB}
html[data-theme="dark"] #vbwel .vw-ring{background:radial-gradient(circle,#13254A 0%,#0F1C38 60%,rgba(15,28,56,0) 72%)}
html[data-theme="dark"] #vbwel .vw-ring2{background:#16305E}
html[data-theme="dark"] #vbwel .vw-terms a,html[data-theme="dark"] #vbwel .vw-li span{color:#C3CBE0}
html[data-theme="dark"] #vbwel .vw-logo img{content:url("/img/velbil/velbil-pos-logo-white.png")}
/* the sign-in card in Velbil blue (Vego's rules use #1800AD) */
html.velbil .lockbox .lktabs button[aria-selected="true"],html.velbil .lockbox .linkbtn2{color:#0A63E6!important}
html.velbil .lockbox .remember input{accent-color:#0A63E6}
html.velbil .lockbox input:focus{outline-color:rgba(10,99,230,.4)!important}
html.velbil #lock .vego-language button[aria-pressed="true"]{background:#0A63E6!important;border-color:#0A63E6!important;color:#fff!important}
/* 5.9.13: Velbil plans (plans.js vbPlCardsHTML) in the logo blues; no orange */
#sheet .vbpl .pltog{background:#EAF2FF;border-color:#D3E3FB;flex-wrap:wrap;justify-content:center;max-width:100%}
#sheet .vbpl .pltog button[aria-selected="true"]{background:linear-gradient(90deg,#004EB5,#0089F7);box-shadow:0 6px 14px -6px rgba(0,78,181,.6)}
#sheet .vbpl .plcard.cur{border-color:#0A63E6;box-shadow:0 0 0 1px #0A63E6 inset}
#sheet .vbpl .plcard.best{background:linear-gradient(140deg,#001473,#004EB5 50%,#0089F7);box-shadow:0 22px 40px -22px rgba(0,78,181,.55)}
#sheet .vbpl .plcard.best .plin{background:linear-gradient(180deg,#EEF5FF 0%,#FFFFFF 42%)}
#sheet .vbpl .plcard.best .plprice b{background:linear-gradient(120deg,#004EB5,#0089F7);-webkit-background-clip:text;background-clip:text;color:transparent}
#sheet .vbpl .plspec.two{grid-template-columns:1fr 1fr}
#sheet .vbpl .plspec i,#sheet .vbpl .plf i{color:#0A63E6}
#sheet .vbpl .plcta{color:#0A63E6;border-color:#C9DCF7}
#sheet .vbpl .plcard.best .plcta{color:#fff;background:linear-gradient(90deg,#004EB5 0%,#0A63E6 45%,#0089F7 100%);box-shadow:0 12px 22px -12px rgba(0,78,181,.8)}
#sheet .vbpl .plf i{background:#E6F0FF}
#sheet .vbpl .pltrial{background:linear-gradient(120deg,#001473,#004EB5 55%,#0089F7)}
#sheet .vbpl .plhero{background:radial-gradient(120% 90% at 50% 0%,#E3EFFF 0%,#F4F8FF 55%,rgba(244,248,255,0) 100%)}
#sheet .vbpl .plhero .plk{color:#0A63E6}
/* 5.9.13: Velbil sign-in / sign-up on a wide screen (owner's reference): floating cards on the blue panel, VAT 201 /
   e-invoice / trial chips, a plain white form side */
html.velbil .vbart{display:none}
@media (min-width:820px){
  html.velbil .lockscr .lhero{justify-content:center!important;gap:0}
  html.velbil .lockscr .lbrand{position:absolute!important;top:44px;inset-inline-start:56px}
  html.velbil .vbart{display:block;position:relative;width:min(470px,100%);height:330px;margin:80px 0 40px;color:#0B1530;font-family:Inter,system-ui,sans-serif}
  html.velbil .vbart::before{content:"";position:absolute;inset:-14px auto auto -26px;width:110px;height:110px;border-radius:18px;background:rgba(255,255,255,.08)}
  html.velbil .vbart::after{content:"";position:absolute;right:-18px;bottom:-26px;width:90px;height:90px;background-image:radial-gradient(rgba(255,255,255,.35) 1.6px,transparent 1.8px);background-size:14px 14px}
  html.velbil .va-main{position:absolute;inset:0 40px 26px 100px;background:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 24px 50px -24px rgba(0,10,60,.6);display:flex;flex-direction:column;gap:8px}
  html.velbil .va-h{display:flex;justify-content:space-between;gap:12px}
  html.velbil .va-h small{display:block;font-size:11.5px;color:#6B7690}
  html.velbil .va-h b{font-size:17px;font-variant-numeric:tabular-nums}
  html.velbil .va-main svg{width:100%;height:80px}
  html.velbil .va-rows{display:flex;flex-direction:column;gap:6px}
  html.velbil .va-rows div{display:flex;align-items:center;gap:10px;font-size:12.5px}
  html.velbil .va-rows i{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:11px;background:#E6F0FF;color:#0A63E6}
  html.velbil .va-rows span{flex:1;color:#3A4663}
  html.velbil .va-rows b{color:#0F8A52;font-variant-numeric:tabular-nums}
  html.velbil .va-pay{position:absolute;top:58px;right:-34px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-radius:14px;box-shadow:0 18px 36px -18px rgba(0,10,60,.6)}
  html.velbil .va-pay i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#E2F6EC;color:#0F8A52}
  html.velbil .va-pay b{display:block;font-size:13px}
  html.velbil .va-pay small{display:block;font-size:12px;font-weight:700;color:#0A63E6}
  html.velbil .va-vat{position:absolute;left:0;bottom:-18px;width:138px;padding:14px 14px 12px;background:#fff;border-radius:14px;box-shadow:0 18px 36px -18px rgba(0,10,60,.6);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
  html.velbil .va-vat i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#E2F6EC;color:#0F8A52}
  html.velbil .va-vat small{font-size:11.5px;color:#6B7690}
  html.velbil .va-vat b{font-size:17px;font-variant-numeric:tabular-nums}
  html.velbil .va-ein{position:absolute;top:-14px;left:240px;padding:6px 12px;border-radius:999px;background:#0B1530;color:#fff;font-size:12px;font-weight:600;box-shadow:0 10px 20px -10px rgba(0,10,60,.7)}
  html.velbil .lockscr .lhead{font-size:clamp(30px,3.2vw,44px)!important;margin-bottom:12px!important}
  html.velbil .lockscr .lfeat{flex-direction:row!important;flex-wrap:wrap;gap:8px!important}
  html.velbil .lockscr .lfeat li{padding:6px 12px!important;border-radius:999px;background:rgba(255,255,255,.14);font-size:12.5px!important;font-weight:600;color:#fff!important}
  html.velbil .lockscr .lfeat li::before{display:none!important}
  html.velbil .lockscr .lpanel{background:#fff!important}
  html.velbil .lockscr .lockbox{box-shadow:none!important;border:0!important}
}
@media (min-width:820px) and (max-height:820px){html.velbil .vbart{height:250px;margin:60px 0 28px}html.velbil .va-main svg{height:56px}html.velbil .va-rows div:nth-child(2){display:none}}
#vbwel .vw-trial{margin:0 0 2px;text-align:center;font-size:13px;font-weight:600;color:#0A63E6}
#sheet .vbpl .plai{background:#E6F0FF!important;color:#004EB5!important}
#sheet .vbpl .plai.off{background:#F1F4F9!important;color:#6B7690!important}
#sheet .vbpl .plai i{color:#0A63E6!important}
@media (max-width:560px){#sheet .vbpl .pltog{flex-wrap:nowrap;width:100%;justify-content:space-between}#sheet .vbpl .pltog button{flex:1;padding:7px 6px;font-size:12.5px;display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.2}#sheet .vbpl .pltog em{margin:0;font-size:10px;padding:1px 6px}}
/* 5.9.14: Velbil sign-in / sign-up form like the owner's reference (no "Welcome back." / "Start free.") */
html.velbil #lock .lkhero{display:none!important}
html.velbil #lock .lksoc{display:none!important}
html.velbil #lock .vbhd{text-align:center;margin:4px 0 18px}
html.velbil #lock .vbhd h2{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em;color:#0B1530}
html.velbil #lock .vbhd p{margin:6px 0 0;font-size:14px;color:#6B7690}
html.velbil #lock .vh-up,html.velbil #lock .vh-cc{display:none}
html.velbil .lockscr[data-otp="up"]:has(#lk-otp:not([hidden])) .vh-in{display:none}
html.velbil .lockscr[data-otp="up"]:has(#lk-otp:not([hidden])) .vh-up{display:block}
html.velbil .lockscr[data-otp="cc"]:has(#lk-create:not([hidden])) .vh-in,html.velbil .lockscr[data-otp="cc"]:has(#lk-create:not([hidden])) .vh-up{display:none}
html.velbil .lockscr[data-otp="cc"]:has(#lk-create:not([hidden])) .vh-cc{display:block}
html.velbil #lock .vbg{display:flex;flex-direction:column;gap:14px;margin:0 0 14px}
html.velbil #lock .vbg-btn{height:48px;border-radius:12px;border:1px solid #D5DEEE;background:#fff;color:#0B1530;font:inherit;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
html.velbil #lock .vbg-btn:hover{border-color:#0A63E6;background:#F6F9FF}
html.velbil #lock .vbg-or{display:flex;align-items:center;gap:12px;color:#8A93A6;font-size:13px}
html.velbil #lock .vbg-or::before,html.velbil #lock .vbg-or::after{content:"";flex:1;height:1px;background:#E3E9F4}
html.velbil #lock #lk-go,html.velbil #lock .lockbox .btn.pri{width:100%!important;height:50px!important;border-radius:12px!important;margin-top:6px}
html.velbil #lock .lockbox{background:#fff!important}
html.velbil #lock .vego-login-language{justify-content:flex-end}
html.velbil #lock .vbfoot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;justify-content:center;margin:18px auto 0;max-width:420px;font-size:12.5px;color:#8A93A6}
html.velbil #lock .vbfoot a{color:#4A5672;text-decoration:none}
html.velbil #lock .vbfoot span{margin-inline-start:auto}
@media (max-width:819px){
  html.velbil #lock{background:#fff!important}
  html.velbil #lock .lhero{display:none!important}
  html.velbil #lock .lktop{display:flex;justify-content:center;padding-top:20px}
  html.velbil #lock .lpanel{background:#fff!important;padding-top:8px!important}
  html.velbil #lock .lockbox{box-shadow:none!important;border:0!important}
  html.velbil #lock .vbfoot span{margin-inline-start:0}
}
@media (prefers-color-scheme:dark){html.velbil:not([data-theme="light"]) #lock .vbhd h2{color:#EEF2FB}}
html.velbil[data-theme="dark"] #lock .vbhd h2{color:#EEF2FB}
html.velbil #lock .lockbox .vbhd h2{display:block!important;font-size:26px!important;color:#0B1530!important;margin:0!important}
html.velbil #lock .lockbox #otp-googlewrap:not([hidden]){display:flex!important;flex-direction:column;gap:14px;margin:0 0 14px}
html.velbil #lock .lockbox #lk-google2{height:48px;width:100%;border-radius:12px!important;border:1px solid #D5DEEE!important;background:#fff!important;color:#0B1530!important;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:none!important}
html.velbil #lock .lockbox #otp-googlewrap .lk-or{display:flex;align-items:center;gap:12px;color:#8A93A6;font-size:13px}
html.velbil #lock .lockbox #otp-googlewrap .lk-or::before,html.velbil #lock .lockbox #otp-googlewrap .lk-or::after{content:"";flex:1;height:1px;background:#E3E9F4}
html.velbil body #lock .lockbox .btn.pri:not(#_):not(#__):not(#___),html.velbil body #lk-go:not(#_):not(#__):not(#___){width:100%!important;height:50px!important;border-radius:12px!important}
/* 5.9.14: Velbil guide (velbil-guide.js) — sheet and POS page */
.vbguide{display:flex;flex-direction:column;gap:16px;max-width:860px;margin:0 auto}
.vbg-hero{text-align:center;padding:18px 12px 6px}
.vbg-hero img{height:34px;width:auto}
.vbg-hero h2{margin:10px 0 4px;font-size:26px;letter-spacing:-.02em}
.vbg-hero p{margin:0;color:#6B7690}
.vbg-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin}
.vbg-chips a{flex:none;padding:8px 14px;border-radius:999px;background:#E6F0FF;color:#004EB5;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.vbg-chips a:hover{background:#D3E5FF}
.vbg-card{scroll-margin-top:12px;padding:18px;border-radius:18px;background:var(--pane,#fff);border:1px solid var(--line,#E3E9F4);box-shadow:0 1px 2px rgba(11,21,48,.04),0 12px 26px -18px rgba(0,40,120,.3)}
.vbg-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.vbg-n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#004EB5,#0089F7);color:#fff;font-weight:700;font-size:14px}
.vbg-h h3{margin:0;font-size:18px;flex:1;min-width:0}
.vbg-h em{font-style:normal;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:#0B1530;color:#fff;letter-spacing:.02em}
.vbg-img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line,#E3E9F4);margin:0 0 12px;background:#EEF3FC}
.vbg-card ol{margin:0;padding-inline-start:22px;display:flex;flex-direction:column;gap:6px;line-height:1.55}
.vbg-card ol li::marker{color:#0A63E6;font-weight:700}
.vbg-keys{margin-top:12px}
#posapp .vbguide{padding:0 0 30px}
#posapp .vbg-card{background:var(--vp-pane);border-color:var(--vp-line)}
/* 5.9.14: package picker (sign-up form and the first start) */
.vbpkg{display:flex;flex-direction:column;gap:8px;margin:0 0 14px;text-align:start;width:100%}
.vbpkg-t{margin:0 0 2px;font-size:14px;font-weight:700;color:#0B1530;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}
.vbpkg-t span{font-size:12px;font-weight:600;color:#0A63E6}
.vbpkg-o{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;width:100%;padding:11px 14px;border-radius:12px;border:1.5px solid #D5DEEE;background:#fff;color:#0B1530;font:inherit;text-align:start;cursor:pointer}
.vbpkg-o b{font-size:15px}
.vbpkg-o small{grid-column:1;font-size:12.5px;color:#6B7690}
.vbpkg-o em{grid-column:2;grid-row:1/3;font-style:normal;font-size:12px;font-weight:700;color:#004EB5;text-align:end;max-width:120px}
.vbpkg-o.on{border-color:#0A63E6;background:#F2F7FF;box-shadow:0 0 0 3px rgba(10,99,230,.15)}
.vbpkg-o:focus-visible{outline:2px solid #0A63E6;outline-offset:2px}
#vbcover .vbpkg{max-width:420px}
.vbjourney{background:linear-gradient(110deg,#001473,#004EB5 55%,#0089F7)!important;border:0!important;color:#fff}
.vbjourney small{color:rgba(255,255,255,.85)!important}
.vbjourney .btn{background:#fff!important;color:#004EB5!important;border:0!important;white-space:nowrap}
/* 5.9.14: Help, Contact us, features; "Powered by velbil | vegocore 2026" */
body.vboverlock .scrim{z-index:118!important}
body.vboverlock .sheet{z-index:120!important}
.vbpow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:18px 0 4px;font-size:12px;color:#6B7690}
.vbpow img{height:16px;width:auto;display:inline-block;vertical-align:middle}
.vbpow i{font-style:normal;color:#B6C2D6}
#lock .vbfoot .vbpow{flex-basis:100%;margin:8px 0 0}
html.velbil #lock .vbfoot button{border:0;background:none;padding:0;font:inherit;color:#0A63E6;font-weight:600;cursor:pointer}
html.velbil #lock .vbfoot{justify-content:center}
html.velbil #lock .vbfoot span{margin-inline-start:0}
#posapp .vbpow img.vbpow-v{content:url("/img/velbil/velbil-logo-short.png")}
.vbhelp{display:flex;flex-direction:column;gap:10px}
.vbh-acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.vbh-a{display:flex;flex-direction:column;gap:3px;text-align:start;padding:14px 16px;border-radius:14px;border:1px solid #D3E3FB;background:linear-gradient(135deg,#EEF5FF,#fff);color:#0B1530;font:inherit;cursor:pointer}
.vbh-a b{font-size:15px;color:#004EB5}
.vbh-a small{color:#6B7690;font-size:12.5px}
.vbh-h{font-size:16px;margin:10px 0 2px}
.vbh-q{border:1px solid var(--line,#E3E9F4);border-radius:12px;padding:12px 14px;background:var(--pane,#fff)}
.vbh-q summary{font-weight:600;cursor:pointer}
.vbh-q p{margin:8px 0 0;color:var(--ink2,#3A4663);line-height:1.55}
.vbcontact{display:flex;flex-direction:column;gap:10px}
.vbc-lead{margin:0 0 4px;color:var(--ink2,#3A4663)}
.vbct{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--line,#E3E9F4);background:var(--pane,#fff);color:var(--ink,#0B1530);text-decoration:none}
.vbct b{font-size:15px}
.vbct span{color:#004EB5;font-weight:600;user-select:all;overflow-wrap:anywhere}
.vbct.wa{background:linear-gradient(110deg,#001473,#004EB5 55%,#0089F7);color:#fff;border:0}
.vbct.wa span{color:#fff}
.vbfeat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.vbf{display:flex;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--line,#E3E9F4);background:var(--pane,#fff)}
.vbf-n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#004EB5,#0089F7);color:#fff;font-weight:700;font-size:13px}
.vbf b{display:block;font-size:14.5px}
.vbf p{margin:4px 0 0;font-size:13px;color:var(--ink2,#3A4663);line-height:1.5}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .vbpow img.vbpow-c{content:url("/img/velbil/vegocore-logo-white.png")}html:not([data-theme="light"]) .vbpow img.vbpow-v{content:url("/img/velbil/velbil-logo-short-white.png")}}
html[data-theme="dark"] .vbpow img.vbpow-c{content:url("/img/velbil/vegocore-logo-white.png")}
html[data-theme="dark"] .vbpow img.vbpow-v{content:url("/img/velbil/velbil-logo-short-white.png")}
/* 5.9.14: activation code (plans.js openActivate) */
.actv{display:flex;flex-direction:column;gap:12px;max-width:440px;margin:0 auto;padding:6px 0 10px}
.actv-lead{margin:0;line-height:1.55;color:var(--ink2,#3A4663)}
.actv-steps{margin:0;padding-inline-start:22px;display:flex;flex-direction:column;gap:4px;color:var(--ink,#0B1530)}
.actv-l{font-weight:600;margin-top:6px}
.actv-in{height:60px;border-radius:14px;border:1.5px solid var(--line,#D5DEEE);text-align:center;font-size:30px;font-weight:700;letter-spacing:10px;padding:0 8px;background:var(--pane,#fff);color:var(--ink,#0B1530)}
.actv-in:focus{outline:3px solid rgba(10,99,230,.3);border-color:#0A63E6}
.actv-msg{margin:0;min-height:1.2em;color:var(--bad,#C8283A);font-size:13.5px}
.actv .btn.pri{height:50px}
.actv-more{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.actv .btn.pri{width:100%}
@media (min-width:820px){html.velbil #lock .lpanel{align-items:flex-start!important;overflow-y:auto;padding-block:40px!important}html.velbil #lock .lockbox{margin-block:auto}}
/* 5.9.15: trial card, menu in groups, plans → order summary, business profile (velbil-business.js) */
html.velbil{--vbx-ok:#12A150;--vbx-no:#E5484D;--vbx-no-bg:#FDECEC}
@media (prefers-color-scheme:dark){html.velbil:not([data-theme="light"]){--vbx-ok:#3DD68C;--vbx-no:#FF6B6E;--vbx-no-bg:rgba(255,107,110,.14)}}
html.velbil[data-theme="dark"]{--vbx-ok:#3DD68C;--vbx-no:#FF6B6E;--vbx-no-bg:rgba(255,107,110,.14)}
.vbx-trial{position:relative;overflow:hidden;margin:4px 0 14px;padding:18px 18px 16px;border-radius:20px;background:linear-gradient(135deg,#001473 0%,#004EB5 62%,#0089F7 100%);color:#fff;box-shadow:0 16px 30px -18px rgba(0,20,115,.75)}
.vbx-trial .vbx-c1,.vbx-trial .vbx-c2{position:absolute;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.vbx-trial .vbx-c1{width:180px;height:180px;right:-50px;top:-70px}.vbx-trial .vbx-c2{width:110px;height:110px;right:40px;bottom:-60px;background:rgba(255,255,255,.06)}
.vbx-tr-top{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.vbx-tr-top b{font-size:18px;font-weight:700;letter-spacing:-.01em}
.vbx-tr-top em{font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.06em;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.95);color:#004EB5}
.vbx-trial.soon .vbx-tr-top em,.vbx-trial.over .vbx-tr-top em{background:#FFE4E6;color:#C8102E}
.vbx-trial p{position:relative;margin:8px 0 0;font-size:14px;line-height:1.45;color:rgba(255,255,255,.88);max-width:46ch}
.vbx-trial .vbx-tr-ask{font-size:13px;color:rgba(255,255,255,.75)}
.vbx-tr-act{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.vbx-tr-buy,.vbx-tr-code{height:42px;padding:0 22px;border-radius:999px;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.vbx-tr-buy{border:0;background:#fff;color:#004EB5}
.vbx-tr-code{border:1.5px solid rgba(255,255,255,.6);background:transparent;color:#fff}
/* menu in groups */
.vbmbody{background:var(--vb-bg)}
.vbm{display:flex;flex-direction:column;gap:14px;padding-bottom:10px}
.vbm-card{background:var(--vb-card);border:1px solid var(--vb-line);border-radius:18px;padding:6px 16px 4px}
.vbm-card h4{margin:12px 0 4px;font-size:15.5px;font-weight:700;color:var(--vb-ink);letter-spacing:-.005em}
.vbm-row{display:flex;align-items:center;gap:14px;width:100%;min-height:58px;padding:8px 0;border:0;border-bottom:1px solid var(--vb-line);background:none;color:var(--vb-ink);font:inherit;text-align:start;cursor:pointer}
.vbm-card>.vbm-row:last-child,.vbm-card>.vbm-fold:last-child .vbm-row{border-bottom:0}
.vbm-i{flex:none;display:grid;place-items:center;width:30px;height:30px;color:var(--vb-ink)}
.vbm-i svg{width:26px;height:26px}
.vbm-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.vbm-t b{font-weight:500;font-size:16px}
.vbm-t small{font-size:12.5px;color:var(--vb-muted)}
.vbm-go{flex:none;color:var(--vb)}.vbm-go svg{width:22px;height:22px;transition:transform .18s}
[dir="rtl"] .vbm-go:not(.dn) svg{transform:scaleX(-1)}
.vbm-fold.on .vbm-go.dn svg{transform:rotate(180deg)}
.vbm-sub{display:none;flex-wrap:wrap;gap:8px;padding:4px 0 14px 44px;border-bottom:1px solid var(--vb-line)}
[dir="rtl"] .vbm-sub{padding:4px 44px 14px 0}
.vbm-fold.on .vbm-sub{display:flex}
.vbm-fold.on .vbm-row{border-bottom:0}
.vbm-sub button{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--vb-line);background:var(--vb-soft);color:var(--vb);font:inherit;font-weight:600;font-size:13.5px;cursor:pointer}
/* plans: pick one */
.vbx-pl .pltog{margin-bottom:14px}
.vbx-cards{display:flex;flex-direction:column;gap:14px}
.vbx-pc{border:1.5px solid var(--vb-line);border-radius:18px;background:var(--vb-card);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.vbx-pc.on{border:2px solid var(--vb);box-shadow:0 14px 28px -20px rgba(0,78,181,.7)}
.vbx-pc-h{position:relative;display:grid;grid-template-columns:1fr auto;gap:6px 10px;width:100%;padding:16px 16px 14px;border:0;background:linear-gradient(180deg,var(--vb-soft),transparent);color:var(--vb-ink);font:inherit;text-align:start;cursor:pointer}
.vbx-pc-n{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.vbx-pc-n img{width:28px;height:28px;border-radius:8px}
.vbx-pc-n img.wide,.vbx-sel img.wide{width:auto;height:18px;border-radius:0}
html.velbil[data-theme="dark"] .vbx-pc-n img.wide,html.velbil[data-theme="dark"] .vbx-sel img.wide{content:url("/img/velbil/velbil-pos-logo-white.png")}
@media (prefers-color-scheme:dark){html.velbil:not([data-theme="light"]) .vbx-pc-n img.wide,html.velbil:not([data-theme="light"]) .vbx-sel img.wide{content:url("/img/velbil/velbil-pos-logo-white.png")}}
.vbx-pc-n b{font-size:17px;font-weight:700}
.vbx-pc-n em{font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--vb-soft);color:var(--vb)}
.vbx-pc-n em.bv{background:var(--vb);color:#fff}
.vbx-radio{grid-row:1;grid-column:2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--vb-muted);color:#fff}
.vbx-pc.on .vbx-radio{border:0;background:var(--vbx-ok)}
.vbx-radio svg{width:16px;height:16px}
.vbx-pc-p{grid-column:1/-1;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:6px}
.vbx-pc-p s,.vbx-sel-p s{color:var(--vb-muted);font-size:15px}
.vbx-pc-p b{font-size:30px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.vbx-pc-p small{color:var(--vb-muted);font-size:14px}
.vbx-pc-m{grid-column:1/-1;font-size:13.5px;color:var(--vb-muted)}
.vbx-pc-f{padding:4px 16px 16px;border-top:1px solid var(--vb-line)}
.vbx-pc-fh{display:block;margin:12px 0 6px;font-size:15px}
.vbx-pc-f ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.vbx-pc-f li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--vb-ink)}
.vbx-pc-f li i{flex:none;width:20px;height:20px;color:var(--vbx-ok)}
.vbx-pc-f li.n{color:var(--vb-muted)}.vbx-pc-f li.n i{color:var(--vbx-no)}
.vbx-pc-f li svg{width:20px;height:20px}
.vbx-all,.vbx-change{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:6px 0;border:0;background:none;color:var(--vb);font:inherit;font-weight:600;font-size:14.5px;cursor:pointer}
.vbx-all svg{width:20px;height:20px}
.vbx-cta{position:sticky;bottom:0;z-index:2;margin:16px -4px 6px;padding:10px 4px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent,var(--bg) 30%)}
.vbx-get{display:block;width:100%;height:52px;border:0;border-radius:999px;background:linear-gradient(90deg,#004EB5 0%,#0A63E6 45%,#0089F7 100%);color:#fff;font:inherit;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 12px 24px -12px rgba(0,78,181,.8)}
/* order summary */
.vbx-co{display:flex;flex-direction:column}
.vbx-h{margin:14px 0 10px;font-size:15.5px;font-weight:700;color:var(--vb-ink)}
.vbx-sel{display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;background:linear-gradient(135deg,var(--vb-soft),transparent);border:1px solid var(--vb-line)}
.vbx-sel>img{width:40px;height:40px;border-radius:12px}
.vbx-sel>span:not(.vbx-sel-p){flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.vbx-sel b{font-size:16px}.vbx-sel small{color:var(--vb-muted);font-size:13px}
.vbx-sel-p{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:end}
.vbx-sel-p b{font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}
.vbx-cp{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:16px;border:1.5px dashed color-mix(in srgb,var(--vb) 45%,transparent);background:var(--vb-soft)}
.vbx-cp input,.vbx-trn input{height:46px;padding:0 14px;border-radius:12px;border:1.5px solid var(--vb-line);background:var(--vb-card);color:var(--vb-ink);font:inherit;font-size:15px;text-transform:uppercase;letter-spacing:.04em}
.vbx-cp small,.vbx-trn small{font-size:12.5px;color:var(--vb-muted);line-height:1.4}
.vbx-trn{margin-top:14px;padding:12px 0;border-top:1px solid var(--vb-line);border-bottom:1px solid var(--vb-line)}
.vbx-trn summary{cursor:pointer;font-size:15.5px;list-style-position:inside}
.vbx-trn summary span{color:var(--vb-muted);font-weight:400}
.vbx-trn[open]{display:flex;flex-direction:column;gap:8px}
.vbx-trn input{text-transform:none;margin-top:6px}
.vbx-price{margin-top:16px;padding:16px;border-radius:16px;background:var(--vb-bg);border:1px solid var(--vb-line);display:flex;flex-direction:column;gap:12px}
.vbx-pt{font-size:16px}
.vbx-price>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:14.5px;color:var(--vb-muted)}
.vbx-price>div b{color:var(--vb-ink);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.vbx-price>div.tot{padding-top:12px;border-top:1px solid var(--vb-line);flex-wrap:wrap}
.vbx-price>div.tot span{font-size:16.5px;font-weight:700;color:var(--vb-ink);flex:1}
.vbx-price>div.tot em{font-style:normal;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--vb-soft);color:var(--vb)}
.vbx-price>div.tot b{font-size:20px;font-weight:800}
.vbx-how{margin:14px 0 4px;padding-inline-start:20px;font-size:13.5px;line-height:1.5;color:var(--vb-muted);display:flex;flex-direction:column;gap:4px}
.vbx-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}
.vbx-foot .vbx-get{height:50px}
.vbx-foot.two{display:flex;gap:10px;align-items:center}
.vbx-foot.two .btn{flex:1;height:50px;border-radius:999px}.vbx-foot.two .vbx-get{flex:1.4}
.vbx-sent{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:12px;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--vbx-ok) 12%,transparent);border:1px solid color-mix(in srgb,var(--vbx-ok) 35%,transparent)}
.vbx-sent span{font-size:13.5px;color:var(--vb-muted)}
/* business profile */
.vbx-ph{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.vbx-logo{position:relative;flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;border:1.5px solid var(--vb-line);background:var(--vb-card);cursor:pointer;overflow:visible}
.vbx-logo.ro{cursor:default}
.vbx-logo img{width:100%;height:100%;object-fit:contain;border-radius:16px}
.vbx-logo>span{font-size:12px;color:var(--vb-muted)}
.vbx-logo em{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--vb);color:#fff;font-style:normal;font-weight:700;font-size:17px;line-height:1;border:2px solid var(--vb-card)}
.vbx-pd{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.vbx-pd b{font-size:14.5px}.vbx-pd small{font-size:12.5px;color:var(--vb-muted)}
.vbx-bar{height:6px;border-radius:999px;background:var(--vb-line);overflow:hidden}
.vbx-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#004EB5,#0089F7)}
.vbx-tabs{display:flex;border-bottom:1px solid var(--vb-line);margin:4px 0 18px}
.vbx-tabs button{flex:1;height:48px;border:0;border-bottom:2.5px solid transparent;background:none;color:var(--vb-muted);font:inherit;font-weight:600;font-size:15px;cursor:pointer}
.vbx-tabs button[aria-selected="true"]{color:var(--vb);border-bottom-color:var(--vb)}
.vbx-pane{display:flex;flex-direction:column;gap:16px}
.vbx-pane[hidden]{display:none}
.vbx-f{position:relative}
.vbx-f input,.vbx-f select{width:100%;height:56px;padding:18px 14px 6px;border-radius:12px;border:1.5px solid var(--vb-line);background:var(--vb-card);color:var(--vb-ink);font:inherit;font-size:16px;box-sizing:border-box;appearance:none;-webkit-appearance:none}
.vbx-f.sel select{padding-inline-end:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A63E6' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}
[dir="rtl"] .vbx-f.sel select{background-position:left 12px center}
.vbx-f input:focus,.vbx-f select:focus{outline:none;border-color:var(--vb);box-shadow:0 0 0 3px var(--vb-soft)}
.vbx-f label{position:absolute;inset-inline-start:15px;top:18px;font-size:15.5px;color:var(--vb-muted);pointer-events:none;transition:top .15s,font-size .15s,color .15s}
.vbx-f input:focus+label,.vbx-f input:not(:placeholder-shown)+label,.vbx-f label.up,.vbx-f select:focus+label{top:7px;font-size:11.5px;font-weight:600;color:var(--vb)}
.vbx-f input:disabled,.vbx-f select:disabled{opacity:.7}
.vbx-sign{display:flex;flex-direction:column;gap:6px}
.vbx-sign>b{font-size:15.5px}.vbx-sign>small,.vbx-note{font-size:12.5px;color:var(--vb-muted);margin:0}
.vbx-sbox{display:grid;place-items:center;height:120px;border-radius:14px;border:1.5px dashed var(--vb-line);background:var(--vb-bg);cursor:pointer;overflow:hidden}
.vbx-sbox.ro{cursor:default}
.vbx-sbox img{max-height:100px;max-width:90%;object-fit:contain}
html.velbil[data-theme="dark"] .vbx-sbox img{background:#fff;border-radius:8px;padding:4px}
@media (prefers-color-scheme:dark){html.velbil:not([data-theme="light"]) .vbx-sbox img{background:#fff;border-radius:8px;padding:4px}}
.vbx-sbox span{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--vb);font-weight:600;font-size:14px}
.vbx-sbox span em{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--vb-soft);font-style:normal;font-size:22px}
/* 5.9.16: country (UAE / India) in the business profile */
.vbx-ctry{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:var(--vb-soft);border:1px solid var(--vb-line)}
.vbx-ctry>b{font-size:14.5px}
.vbx-ctry>div{display:flex;gap:8px;flex-wrap:wrap}
.vbx-ctry button{height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--vb-line);background:var(--vb-card);color:var(--vb-ink);font:inherit;font-weight:600;font-size:14.5px;cursor:pointer}
.vbx-ctry button[aria-checked="true"]{border-color:var(--vb);background:var(--vb);color:#fff}
.vbx-ctry small{font-size:12.5px;color:var(--vb-muted)}