/* 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:is(.velbil,.vds){--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:is(.velbil,.vds):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:is(.velbil,.vds)[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.webp?v=97d7e81b15")}
@media (prefers-color-scheme:dark){html.velbil:not([data-theme="light"]) .vbc-logo{content:url("/img/velbil/velbil-logo-white.webp?v=97d7e81b15")}}
.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-logo-white.webp?v=97d7e81b15")!important}
html.velbil.vb-pos .lockscr .lbrand::before{background-image:url("/img/velbil/velbil-pos-full-white.webp?v=232598fba4")!important}
/* 5.9.24: the Velbil logo on the sign-in and sign-up; "Velbil POS" only once a package with the POS is chosen (html.vb-pos) */
html.velbil .lockscr .lmini::before{width:127px!important;height:37px!important;background-image:url("/img/velbil/velbil-logo-short.webp?v=f2772b1b39")!important}
html.velbil.vb-pos .lockscr .lmini::before{width:180px!important;background-image:url("/img/velbil/velbil-pos-logo.webp?v=287a442bbf")!important}
@media (prefers-color-scheme:dark){html.velbil:not([data-theme="light"]) .lockscr .lmini::before{background-image:url("/img/velbil/velbil-logo-short-white.webp?v=1285f4e1af")!important}html.velbil.vb-pos:not([data-theme="light"]) .lockscr .lmini::before{background-image:url("/img/velbil/velbil-pos-logo-white.webp?v=90930f61eb")!important}}
html.velbil[data-theme="dark"] .lockscr .lmini::before{background-image:url("/img/velbil/velbil-logo-short-white.webp?v=1285f4e1af")!important}
html.velbil.vb-pos[data-theme="dark"] .lockscr .lmini::before{background-image:url("/img/velbil/velbil-pos-logo-white.webp?v=90930f61eb")!important}
html:is(.velbil,.vdsl) .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:is(.velbil,.vds) body .btn.pri:not(#_):not(#__):not(#___),html:is(.velbil,.vdsl) 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:is(.velbil,.vds):not([data-theme="light"]) body .btn.pri:not(#_):not(#__):not(#___){background:linear-gradient(90deg,#0A63E6,#2F95FF)!important}}
html:is(.velbil,.vds)[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:is(.velbil,.vds) .scrim{z-index:58}
html:is(.velbil,.vds) .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.webp?v=f2772b1b39")!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.webp?v=1285f4e1af")!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.webp?v=1285f4e1af")!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.webp?v=232598fba4");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:is(.velbil,.vds){--brand-fg:#0A63E6;--accent:#0A63E6;--teal:#0A63E6}
@media (prefers-color-scheme:dark){html:is(.velbil,.vds):not([data-theme="light"]){--brand-fg:#4DA3FF;--accent:#4DA3FF;--teal:#4DA3FF}}
html:is(.velbil,.vds)[data-theme="dark"]{--brand-fg:#4DA3FF;--accent:#4DA3FF;--teal:#4DA3FF}
html:is(.velbil,.vds) 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:is(.velbil,.vds) body[data-mod="accounts"] .axround,html.velbil body[data-mod="accounts"] .lparrow,html:is(.velbil,.vds) body[data-mod="accounts"] .hback{color:#0A63E6!important}
html:is(.velbil,.vds) body[data-mod="accounts"] em.acqb,html:is(.velbil,.vds) body[data-mod="accounts"] em.tcount.num.on,html:is(.velbil,.vds) body[data-mod="accounts"] .acsegs button[aria-selected="true"]{background:#0A63E6!important}
html:is(.velbil,.vds) body[data-mod="accounts"] .bzic,html:is(.velbil,.vds) body[data-mod="accounts"] .pghero .pgh-ic,html:is(.velbil,.vds) body[data-mod="accounts"] .acsegs button svg,html:is(.velbil,.vds) body[data-mod="accounts"] .acsegs .achelpbtn,html:is(.velbil,.vds) body[data-mod] .bnav button[data-view="acct"] svg{color:#0A63E6!important}
html:is(.velbil,.vds) body[data-mod="accounts"] .btn.pri:not(.sm),html:is(.velbil,.vds) body[data-mod="accounts"] .pghero .btn.pri,html:is(.velbil,.vds) body[data-mod="accounts"] .btn.pri.sm.newbiz{background:linear-gradient(90deg,#004EB5 0%,#0A63E6 45%,#0089F7 100%)!important;border-color:transparent!important}
html:is(.velbil,.vds) .sric,html:is(.velbil,.vds) .dsmore>span{color:#0A63E6}
html:is(.velbil,.vds) .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-logo-short-white.webp?v=1285f4e1af")}}
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-logo-short-white.webp?v=1285f4e1af")}
/* 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:is(.velbil,.vdsl) #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:is(.velbil,.vdsl) #lock .lkhero{display:none!important}
html:is(.velbil,.vdsl) #lock .lksoc{display:none!important}
html:is(.velbil,.vdsl) #lock .vbhd{text-align:center;margin:4px 0 18px}
html:is(.velbil,.vdsl) #lock .vbhd h2{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em;color:#0B1530}
html:is(.velbil,.vdsl) #lock .vbhd p{margin:6px 0 0;font-size:14px;color:#6B7690}
html:is(.velbil,.vdsl) #lock .vh-up,html:is(.velbil,.vdsl) #lock .vh-cc{display:none}
html:is(.velbil,.vdsl) .lockscr[data-otp="up"]:has(#lk-otp:not([hidden])) .vh-in{display:none}
html:is(.velbil,.vdsl) .lockscr[data-otp="up"]:has(#lk-otp:not([hidden])) .vh-up{display:block}
html:is(.velbil,.vdsl) .lockscr[data-otp="cc"]:has(#lk-create:not([hidden])) .vh-in,html:is(.velbil,.vdsl) .lockscr[data-otp="cc"]:has(#lk-create:not([hidden])) .vh-up{display:none}
html:is(.velbil,.vdsl) .lockscr[data-otp="cc"]:has(#lk-create:not([hidden])) .vh-cc{display:block}
html:is(.velbil,.vdsl) #lock .vbg{display:flex;flex-direction:column;gap:14px;margin:0 0 14px}
html:is(.velbil,.vdsl) #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:is(.velbil,.vdsl) #lock .vbg-btn:hover{border-color:#0A63E6;background:#F6F9FF}
html:is(.velbil,.vdsl) #lock .vbg-or{display:flex;align-items:center;gap:12px;color:#8A93A6;font-size:13px}
html:is(.velbil,.vdsl) #lock .vbg-or::before,html:is(.velbil,.vdsl) #lock .vbg-or::after{content:"";flex:1;height:1px;background:#E3E9F4}
html:is(.velbil,.vdsl) #lock #lk-go,html:is(.velbil,.vdsl) #lock .lockbox .btn.pri{width:100%!important;height:50px!important;border-radius:12px!important;margin-top:6px}
html:is(.velbil,.vdsl) #lock .lockbox{background:#fff!important}
html:is(.velbil,.vdsl) #lock .vbfoot{align-items:center;margin:18px auto 0;max-width:420px;font-size:12.5px;color:#8A93A6}
html:is(.velbil,.vdsl) #lock .vbfoot a{color:#4A5672;text-decoration:none}
@media (max-width:819px){
  html:is(.velbil,.vdsl) #lock{background:#fff!important}
  html.velbil #lock .lhero{display:none!important}
  html:is(.velbil,.vdsl) #lock .lktop{display:flex;justify-content:center;padding-top:20px}
  html:is(.velbil,.vdsl) #lock .lpanel{background:#fff!important;padding-top:8px!important}
  html:is(.velbil,.vdsl) #lock .lockbox{box-shadow:none!important;border:0!important}
  html:is(.velbil,.vdsl) #lock .vbfoot span{margin-inline-start:0}
}
@media (prefers-color-scheme:dark){html:is(.velbil,.vdsl):not([data-theme="light"]) #lock .vbhd h2{color:#EEF2FB}}
html:is(.velbil,.vdsl)[data-theme="dark"] #lock .vbhd h2{color:#EEF2FB}
html:is(.velbil,.vdsl) #lock .lockbox .vbhd h2{display:block!important;font-size:26px!important;color:#0B1530!important;margin:0!important}
html:is(.velbil,.vdsl) #lock .lockbox #otp-googlewrap:not([hidden]){display:flex!important;flex-direction:column;gap:14px;margin:0 0 14px}
html:is(.velbil,.vdsl) #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:is(.velbil,.vdsl) #lock .lockbox #otp-googlewrap .lk-or{display:flex;align-items:center;gap:12px;color:#8A93A6;font-size:13px}
html:is(.velbil,.vdsl) #lock .lockbox #otp-googlewrap .lk-or::before,html:is(.velbil,.vdsl) #lock .lockbox #otp-googlewrap .lk-or::after{content:"";flex:1;height:1px;background:#E3E9F4}
html:is(.velbil,.vdsl) body #lock .lockbox .btn.pri:not(#_):not(#__):not(#___),html:is(.velbil,.vdsl) 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}

#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:is(.velbil,.vdsl) #lock .vbfoot button{border:0;background:none;padding:0;font:inherit;color:#0A63E6;font-weight:600;cursor:pointer}
html:is(.velbil,.vdsl) #lock .vbfoot span{margin-inline-start:0}
#posapp .vbpow img.vbpow-v{content:url("/img/velbil/velbil-logo-short.webp?v=f2772b1b39")}
.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.webp?v=9b2bbaf62a")}html:not([data-theme="light"]) .vbpow img.vbpow-v{content:url("/img/velbil/velbil-logo-short-white.webp?v=1285f4e1af")}}
html[data-theme="dark"] .vbpow img.vbpow-c{content:url("/img/velbil/vegocore-logo-white.webp?v=9b2bbaf62a")}
html[data-theme="dark"] .vbpow img.vbpow-v{content:url("/img/velbil/velbil-logo-short-white.webp?v=1285f4e1af")}
/* 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:is(.velbil,.vdsl) #lock .lpanel{align-items:flex-start!important;overflow-y:auto;padding-block:40px!important}html:is(.velbil,.vdsl) #lock .lockbox{margin-block:auto}}
/* 5.9.15: trial card, menu in groups, plans → order summary, business profile (velbil-business.js) */
html:is(.velbil,.vds){--vbx-ok:#12A150;--vbx-no:#E5484D;--vbx-no-bg:#FDECEC}
@media (prefers-color-scheme:dark){html:is(.velbil,.vds):not([data-theme="light"]){--vbx-ok:#3DD68C;--vbx-no:#FF6B6E;--vbx-no-bg:rgba(255,107,110,.14)}}
html:is(.velbil,.vds)[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.webp?v=90930f61eb")}
@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.webp?v=90930f61eb")}}
.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)}
/* 5.9.24: one Language button (default English) that opens the list — sign-in, sign-up and the menu */
.vego-lang-dd{position:relative;display:inline-block;direction:ltr}
.vego-lang-dd>summary{list-style:none;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:6px 12px 6px 11px;border:1px solid var(--line,#dbe2ef);border-radius:12px;background:var(--pane,#fff);color:var(--ink,#172154);font:600 14px/1 inherit;cursor:pointer;user-select:none}
.vego-lang-dd>summary::-webkit-details-marker{display:none}
.vego-lang-dd>summary:focus-visible{outline:3px solid #0A63E6;outline-offset:2px}
.vego-lang-dd .vego-lang-chv{transition:transform .15s}
.vego-lang-dd[open] .vego-lang-chv{transform:rotate(180deg)}
.vego-lang-dd .vego-lang-list{position:absolute;z-index:60;top:calc(100% + 6px);left:50%;transform:translateX(-50%);min-width:180px;display:grid;gap:2px;padding:6px;background:var(--pane,#fff);border:1px solid var(--line,#dbe2ef);border-radius:14px;box-shadow:0 18px 40px -16px rgba(0,20,115,.35)}
.vego-lang-dd .vego-lang-list button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:8px 12px;border:0!important;border-radius:10px;background:transparent!important;color:var(--ink,#172154)!important;font:inherit;font-size:15px;text-align:start;cursor:pointer}
.vego-lang-dd .vego-lang-list button[aria-pressed="true"]{background:#E8F0FE!important;color:#0A63E6!important;font-weight:700}
.vego-lang-dd .vego-lang-list button[aria-pressed="true"]::after{content:"✓"}
.vego-lang-dd .vego-lang-list button[lang=ar]{font-family:Cairo,Tahoma,sans-serif}
html:is(.velbil,.vdsl) #lock .vego-login-language{display:flex;justify-content:center}
.prg.vego-settings-language .vego-lang-dd .vego-lang-list{left:auto;right:0;transform:none}
html:is(.velbil,.vdsl) #lock .vego-lang-dd .vego-lang-list button[aria-pressed="true"]{background:#E8F0FE!important;border-color:transparent!important;color:#0A63E6!important}
/* 5.9.24: package cards on the sign-up (Plans design) */
.vbpkg.vbx-pl{gap:10px}
.vbpkg .vbx-cards{gap:10px}
.vbpkg .vbx-pc-h{padding:13px 14px 12px}
.vbpkg .vbx-pc-p b{font-size:24px}
.vbpkg .vbx-pc-p small{font-size:13px}
.vbpkg .vbx-pc-m{font-size:13px}
.vbpkg .vbx-pc-f{padding:2px 14px 12px}
.vbpkg .vbx-pc-f ul{gap:7px;margin-top:10px}
.vbpkg .vbx-pc-f li{font-size:13.5px}
.vbpkg .vbx-pc-n b{font-size:16px}
/* 5.9.24: the sign-up in three pages (#lock[data-vbstep]) */
html:is(.velbil,.vdsl) #lock[data-otp="up"] #otp-step1 [data-st]{display:none}
html.velbil #lock[data-otp="up"][data-vbstep="1"] #otp-step1 [data-st="1"],html.velbil #lock[data-otp="up"][data-vbstep="2"] #otp-step1 [data-st="2"],html.velbil #lock[data-otp="up"][data-vbstep="3"] #otp-step1 [data-st="3"]{display:block}
html.velbil #lock[data-otp="up"]:not([data-vbstep="1"]) #otp-googlewrap{display:none!important}
html.velbil #lock[data-otp="up"]:not([data-vbstep="3"]) #otp-send{display:none!important}
html.velbil #lock:not([data-otp="up"]) .vbsu-prog,html.velbil #lock:not([data-otp="up"]) .vbsu-pk,html.velbil #lock:not([data-otp="up"]) .vbsu-nav{display:none}
html:is(.velbil,.vdsl) #lock[data-otp="up"] #otp-step1 .f{margin-top:12px!important}
.vbsu-prog{display:flex;flex-direction:column;align-items:center;font-size:13px;color:var(--vb-muted)}
.vbsu-prog b{color:var(--vb-ink)}
.vbsu-dots{display:flex;}
.vbsu-dots i{border-radius:5px;background:var(--vb-line)}
.vbsu-dots i.on{background:var(--vb)}
.vbsu-dots i.done{background:var(--vbx-ok)}
.vbsu-nav .btn{flex:1;min-height:48px;justify-content:center}
.vbsu-nav .vbsu-back{padding-inline:20px}

.vbsu-ctryf .fhint{display:block;margin-top:6px;font-size:12.5px;color:var(--vb-muted)}
/* 5.9.24: the Velbil ≡ menu — the person, then categories that open their own page */
.vbs-me{display:flex;align-items:center;gap:12px;width:100%;padding:14px;margin:4px 0 14px;border:1px solid var(--vb-line,#e3e7f0);border-radius:18px;background:var(--vb-card,#fff);color:var(--vb-ink,#15162B);font:inherit;text-align:start;cursor:pointer}
.vbs-av{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#004EB5,#0089F7);color:#fff;font-weight:700;font-size:19px}
.vbs-me-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.vbs-me-t b{font-size:16.5px}
.vbs-me-t small{font-size:13px;color:var(--vb-muted,#5F6378);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vbs-cats .vbs-cat{min-height:66px}
.vbs-cat .prl{display:flex;flex-direction:column;gap:2px;min-width:0}
.vbs-cat .prl b{font-size:15.5px}
.vbs-cat .prl small{font-size:12.5px;color:var(--vb-muted,#5F6378);font-weight:400}
.vbs-ic{display:grid!important;place-items:center;width:38px;height:38px;border-radius:12px}
.vbs-ic svg{width:21px;height:21px}
.vbs-ic.acc{background:rgba(10,99,230,.12);color:#2F7BEB}.vbs-ic.biz{background:rgba(18,161,80,.13);color:#18A558}.vbs-ic.pos{background:rgba(224,140,0,.15);color:#C47A00}.vbs-ic.team{background:rgba(122,63,228,.13);color:#8650E6}.vbs-ic.help{background:rgba(11,138,176,.13);color:#1294BB}
.vbs-lang{gap:10px}
.vbs-lang .vego-lang-dd{margin-inline-start:auto}

html:is(.velbil,.vdsl) #lock .vego-lang-dd>summary{min-height:36px;padding:5px 12px;border-radius:999px;font-size:13.5px}
html:is(.velbil,.vdsl) #lock .vego-lang-dd .vego-lang-list button{min-height:42px!important;height:auto!important;margin:0!important;padding:8px 12px!important;width:100%!important;justify-content:space-between!important;direction:ltr;unicode-bidi:plaintext;box-shadow:none!important;font-size:15px!important}
.vbsu-nav .vbsu-back{box-shadow:none!important;font-weight:600}
.vego-lang-dd .vego-lang-list button,.vego-lang-dd>summary{box-sizing:border-box}
.vego-lang-dd .vego-lang-list{box-sizing:border-box}
html.velbil #lock[data-otp="up"][data-vbstep="3"] .vbsu-nav{justify-content:center;}
/* 5.9.25: "Powered by velbil | vegocore" — the two logos the same visible size */
.vbpow img.vbpow-v{height:18px!important}
.vbpow img.vbpow-c{height:23px!important;margin-top:-1px}
/* straight flags */
.ctryflag{display:inline-block;flex:none;border-radius:3px;vertical-align:-3px}
.vbs-me-t small .ctryflag{vertical-align:-3px;margin-inline:2px}
/* 5.9.25: sign-up country (a box like the company name, with its list) and the India state */
.vbsu-sel{position:relative;display:block}
.vbsu-sel>summary{list-style:none}.vbsu-sel>summary::-webkit-details-marker{display:none}
.vbsu-inp{display:flex!important;align-items:center;gap:10px;width:100%;height:50px;padding:0 14px!important;border:1px solid #D9DEE5!important;border-radius:14px!important;background:#fff!important;color:#14151A!important;font:inherit;font-size:16px!important;box-shadow:0 1px 2px rgba(10,26,51,.04)!important;cursor:pointer;box-sizing:border-box}
.vbsu-inp:focus,.vbsu-inp:focus-visible{outline:2px solid rgba(10,99,230,.4)!important;outline-offset:0;border-color:#0A63E6!important}
select.vbsu-inp{display:block!important;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='none' stroke='%235F6378' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;padding-inline-end:40px!important}
.vbsu-inp span{flex:1;min-width:0;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vbsu-inp .vbsu-chv{color:#5F6378;transition:transform .15s}
.vbsu-sel[open] .vbsu-chv{transform:rotate(180deg)}
.vbsu-sel[open]>summary{border-color:#0A63E6!important}
.vbsu-opts{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);display:grid;gap:2px;padding:6px;background:#fff;border:1px solid #D9DEE5;border-radius:14px;box-shadow:0 18px 40px -16px rgba(0,20,115,.35);box-sizing:border-box}
html.velbil #lock .vbsu-opts button{display:flex!important;align-items:center;gap:10px;width:100%!important;min-height:46px!important;height:auto!important;margin:0!important;padding:8px 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#14151A!important;font:inherit;font-size:15px!important;text-align:start;box-shadow:none!important;box-sizing:border-box}
html.velbil #lock .vbsu-opts button[aria-selected="true"]{background:#E8F0FE!important;color:#0A63E6!important;font-weight:700}

@media (prefers-color-scheme:dark){html.velbil:not([data-theme="light"]) .vbsu-inp,html.velbil:not([data-theme="light"]) .vbsu-opts{background:#171925!important;border-color:#2A2D3D!important;color:#F1F2F8!important}html.velbil:not([data-theme="light"]) #lock .vbsu-opts button{color:#F1F2F8!important}}
html.velbil[data-theme="dark"] .vbsu-inp,html.velbil[data-theme="dark"] .vbsu-opts{background:#171925!important;border-color:#2A2D3D!important;color:#F1F2F8!important}
html.velbil[data-theme="dark"] #lock .vbsu-opts button{color:#F1F2F8!important}
.vbsu-statef[hidden]{display:none!important}
/* 5.9.25 fixes: the faint "Velbil" word beside the logo (white on the light header); long bottom-bar words in Malayalam / Tamil;
   the language list in the menu (not cut off, also right-to-left); category lines may wrap */
html.velbil header.top .modone{display:none}
.bnav button{min-width:0}
.bnav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:2px}
html:is([lang=ml],[lang=ta]) .bnav button{font-size:9px}
.prg:has(.vbs-lang){overflow:visible}
.vbs-lang .vego-lang-dd .vego-lang-list{left:auto!important;right:auto!important;inset-inline-end:0!important;transform:none!important}
.vbs-cat .prl small{white-space:normal}
html .bnav button>span{display:block;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html[dir=rtl] .vbs-lang .vego-lang-dd .vego-lang-list{left:0!important;right:auto!important;inset-inline-end:auto!important}
html body[data-mod] .bnav button:not(.axplus)>span{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html:is([lang=ml],[lang=ta]) body[data-mod] .bnav button:not(.axplus)>span{font-size:10px!important}
/* 5.9.25 sign-in / sign-up layout on a phone: the form uses the phone's width (was a narrow 276 px column), labels and
   boxes on one left edge, full-width buttons, a full-width step bar */
@media (max-width:819px){
  html:is(.velbil,.vdsl) .lockscr .lpanel{width:100%!important;max-width:460px!important;padding:0 20px 28px!important;box-sizing:border-box}
  html:is(.velbil,.vdsl) .lockscr .lockbox{width:100%!important;max-width:none!important;padding:16px 0 12px!important;box-sizing:border-box;background:transparent!important;box-shadow:none!important;border:0!important}
}
html:is(.velbil,.vdsl) #lock .lockbox .f{display:flex;flex-direction:column;gap:6px;margin-top:14px!important}
html:is(.velbil,.vdsl) #lock .lockbox .f>label{margin:0!important;font-size:13.5px;font-weight:600;color:#1B2235;text-align:start}
html:is(.velbil,.vdsl) #lock .lockbox .f input,html.velbil #lock .vbsu-inp{height:50px!important;border-radius:14px!important;font-size:16px!important}
html:is(.velbil,.vdsl) #lock #otp-googlewrap .lk-google,html:is(.velbil,.vdsl) #lock .vbg-btn{width:100%!important;height:50px!important;border-radius:14px!important;display:flex!important;align-items:center;justify-content:center;gap:10px}
.vbsu-prog{align-items:stretch!important;gap:8px!important;margin:4px 0 6px!important}
.vbsu-dots{gap:6px!important}
.vbsu-dots i{flex:1;width:auto!important;height:4px!important}
.vbsu-prog>span{text-align:start;font-size:13px}
.vbsu-nav{display:flex!important;gap:10px!important;margin-top:20px!important;align-items:stretch}
.vbsu-nav>*{margin:0!important}
.vbsu-nav .vbsu-next,.vbsu-nav #otp-send{width:auto!important;min-height:52px!important;border-radius:14px!important;font-size:16px!important;padding:0 18px!important}
.vbsu-nav .vbsu-back{flex:0 0 auto!important;min-height:52px!important;padding:0 18px!important;border:1.5px solid #D9DEE5!important;border-radius:14px!important;background:#fff!important;color:#1B2235!important}
html.velbil #lock[data-otp="up"][data-vbstep="3"] .vbsu-nav{justify-content:stretch;margin-top:20px!important}
html:is(.velbil,.vdsl) #lock[data-otp="up"] #otp-foot{margin-top:16px;text-align:center}
html.velbil #lock .vbsu-ctryf .fhint,html.velbil #lock .vbsu-statef .fhint{margin-top:2px!important}
@media (prefers-color-scheme:dark){html.velbil:not([data-theme="light"]) .vbsu-nav .vbsu-back{background:#171925!important;border-color:#2A2D3D!important;color:#F1F2F8!important}html:is(.velbil,.vdsl):not([data-theme="light"]) #lock .lockbox .f>label{color:#E4E7F0}}
html.velbil[data-theme="dark"] .vbsu-nav .vbsu-back{background:#171925!important;border-color:#2A2D3D!important;color:#F1F2F8!important}
html:is(.velbil,.vdsl)[data-theme="dark"] #lock .lockbox .f>label{color:#E4E7F0}
html:is(.velbil,.vdsl) #lock [hidden],html:is(.velbil,.vdsl) #lock .lockbox .f[hidden]{display:none!important}
.vbsu-nav .vbsu-next,.vbsu-nav #otp-send{max-width:none!important;flex:1 1 0!important;box-sizing:border-box}
.vbsu-nav .vbsu-back{height:auto!important;box-sizing:border-box}
html:is(.velbil,.vdsl) #lock #lk-go{width:100%!important;max-width:none!important;min-height:52px!important;border-radius:14px!important}
html:is(.velbil,.vdsl) #lock .vbfoot{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px}

.vbsu-nav .vbsu-back,.vbsu-nav .vbsu-next,.vbsu-nav #otp-send{height:52px!important;min-height:52px!important;line-height:1!important;display:inline-flex!important;align-items:center;justify-content:center}
.vbsu-nav [hidden]{display:none!important}
.vbsu-pk .vbpkg-t{display:none}
html.velbil #lock[data-otp="up"] .vbsu-nav #otp-send{margin:0!important}
html.velbil #lock .vbsu-nav>*{margin:0!important}
@media (min-width:820px){html.velbil .vbart{margin-top:120px!important}}
/* 5.9.25: one standard for every button on the sign-in, sign-up and package screens, in every language (owner: "all buttons
   for all languages standard, well aligned"). Primary = solid Velbil blue; secondary = white with a grey line; both 52 px high,
   14 px corners, text centred on one line (cut with … if a language's word is too long), no offset glow. */
html.velbil body #lock :is(#lk-go,.btn.pri,.vbsu-next,#otp-send,#otp-verify,.btn.vbsu-back,#lk-google2,.vbg-btn):not(#a):not(#b):not(#c),html.vdsl body #lock :is(#lk-go,.btn.pri,#otp-send,#otp-verify,#lk-google2,.vbg-btn):not(#a):not(#b):not(#c),
html.velbil body #vbcover .vbc-btn:not(#a):not(#b):not(#c){
  box-sizing:border-box!important;height:52px!important;min-height:52px!important;max-height:52px!important;margin:0!important;padding:0 18px!important;
  border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  font-family:inherit!important;font-size:16px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:normal!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;vertical-align:middle!important;transform:none!important}
html.velbil body #lock :is(#lk-go,.btn.pri,.vbsu-next,#otp-send,#otp-verify):not(#a):not(#b):not(#c):not(#d),html.vdsl body #lock :is(#lk-go,.btn.pri,#otp-send,#otp-verify):not(#a):not(#b):not(#c):not(#d),
html.velbil body #vbcover .vbc-btn:not(#a):not(#b):not(#c):not(#d){
  background:#0A63E6!important;color:#fff!important;border:0!important;box-shadow:0 1px 2px rgba(0,30,90,.18)!important}
html.velbil body #lock :is(#lk-go,.btn.pri,.vbsu-next,#otp-send,#otp-verify):not(#a):not(#b):not(#c):not(#d):active,html.vdsl body #lock :is(#lk-go,.btn.pri,#otp-send,#otp-verify):not(#a):not(#b):not(#c):not(#d):active{background:#004EB5!important}
html.velbil body #lock :is(.btn.vbsu-back,#lk-google2,.vbg-btn):not(#a):not(#b):not(#c):not(#d),html.vdsl body #lock :is(#lk-google2,.vbg-btn):not(#a):not(#b):not(#c):not(#d){
  background:#fff!important;color:#15162B!important;border:1.5px solid #D9DEE5!important;box-shadow:none!important}
html:is(.velbil,.vdsl) body #lock :is(#lk-go,#lk-google2,.vbg-btn):not(#a):not(#b):not(#c):not(#d){width:100%!important;display:flex!important}
html:is(.velbil,.vdsl) body #lock #lk-go:not(#a):not(#b):not(#c):not(#d){margin-top:14px!important}
html.velbil body #lock .vbsu-nav{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;align-items:center!important;margin-top:20px!important}
html.velbil body #lock .vbsu-nav .btn.vbsu-back:not(#a):not(#b){flex:0 0 auto!important;width:auto!important;min-width:92px!important;max-width:40%!important}
html.velbil body #lock .vbsu-nav :is(.vbsu-next,#otp-send):not(#a):not(#b):not(#c):not(#d){flex:1 1 0!important;width:auto!important;min-width:0!important}
html.velbil body #lock .vbsu-nav [hidden]{display:none!important}
html:is([lang=ml],[lang=ta]) body #lock :is(#lk-go,.btn.pri,.vbsu-next,#otp-send,#otp-verify,.btn.vbsu-back,#lk-google2,.vbg-btn):not(#a):not(#b):not(#c):not(#d){font-size:15px!important}
@media (prefers-color-scheme:dark){html.velbil:not([data-theme="light"]) body #lock :is(.btn.vbsu-back,#lk-google2,.vbg-btn):not(#a):not(#b):not(#c):not(#d),html.vdsl:not([data-theme="light"]) body #lock :is(#lk-google2,.vbg-btn):not(#a):not(#b):not(#c):not(#d){background:#171925!important;color:#F1F2F8!important;border-color:#2A2D3D!important}}
html.velbil[data-theme="dark"] body #lock :is(.btn.vbsu-back,#lk-google2,.vbg-btn):not(#a):not(#b):not(#c):not(#d),html.vdsl[data-theme="dark"] body #lock :is(#lk-google2,.vbg-btn):not(#a):not(#b):not(#c):not(#d){background:#171925!important;color:#F1F2F8!important;border-color:#2A2D3D!important}
html.velbil body #lock[data-otp="up"]:not([data-vbstep="3"]) #otp-send:not(#a):not(#b):not(#c):not(#d):not(#e){display:none!important}
html.velbil body #lock[data-otp="up"][data-vbstep="3"] .vbsu-next:not(#a):not(#b):not(#c):not(#d):not(#e){display:none!important}
.vbct.vbco{flex-direction:column;align-items:flex-start;gap:2px}.vbct.vbco span{color:var(--vb-muted,#5F6378);font-size:13.5px}
/* 5.9.25: Velbil Partners — minimal: white page, one blue accent, big bold headline, thin rules */
.vbp{display:flex;flex-direction:column;gap:18px;padding-bottom:24px;color:var(--vb-ink,#15162B)}
.vbp-eye{margin:4px 0 0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vb,#0A63E6)}
.vbp-h{margin:0;font-size:32px;line-height:1.12;font-weight:800;letter-spacing:-.02em;text-wrap:balance;color:var(--vb-ink,#0B1530)}
.vbp-h span{color:var(--vb,#0A63E6)}
.vbp-rule{display:block;width:56px;height:3px;border-radius:3px;background:var(--vb,#0A63E6)}
.vbp-lead{margin:0;font-size:16px;line-height:1.55;color:var(--vb-muted,#5F6378);max-width:36em}
.vbp-art{width:100%;max-width:420px;height:auto;margin:4px auto 0;display:block}
.vbp-sec{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1px solid var(--vb-line,#E3E7F0)}
.vbp-sec h3{margin:0;font-size:18px;font-weight:700}
.vbp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.vbp-list li{display:flex;gap:12px;align-items:flex-start}
.vbp-list i.ok{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--vb,#0A63E6);color:#fff}
.vbp-list b{display:block;font-size:15px}.vbp-list span{display:block;font-size:13.5px;color:var(--vb-muted,#5F6378);margin-top:2px}
.vbp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:360px){.vbp-grid{grid-template-columns:1fr}}
.vbp-card{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--vb-line,#E3E7F0);border-radius:16px;background:var(--vb-card,#fff);min-width:0}
.vbp-card em{font-style:normal;font-size:12px;font-weight:700;color:var(--vb,#0A63E6);letter-spacing:.06em}
.vbp-card b{font-size:14.5px}.vbp-card span{font-size:13px;color:var(--vb-muted,#5F6378);line-height:1.45}
.vbp-form .f{display:flex;flex-direction:column;gap:6px}
.vbp-form .f label{font-size:13.5px;font-weight:600}
.vbp-form .f :is(input,select){height:50px;border:1px solid #D9DEE5;border-radius:14px;padding:0 14px;font:inherit;font-size:16px;background:var(--vb-card,#fff);color:inherit;box-sizing:border-box;width:100%}
.vbp-form .vbp-go{height:52px!important;border-radius:14px!important;font-size:16px!important;font-weight:600!important;width:100%;margin-top:4px;background:#0A63E6!important;box-shadow:none!important}
.vbp-quote{display:flex;align-items:center;gap:14px;margin:0;padding-top:18px;border-top:1px solid var(--vb-line,#E3E7F0);font-size:17px;line-height:1.4;font-weight:600}
.vbp-quote i{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--vb-soft,rgba(10,99,230,.08));color:var(--vb,#0A63E6)}
.vbp-quote b{color:var(--vb,#0A63E6);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
html:is([lang=ml],[lang=ta]) .vbp-h{font-size:26px;line-height:1.3}
html.velbil body #sheet .vbp .vbp-go:not(#a):not(#b):not(#c):not(#d){width:100%!important;height:52px!important;min-height:52px!important;border-radius:14px!important;background:#0A63E6!important;box-shadow:0 1px 2px rgba(0,30,90,.18)!important;font-size:16px!important;font-weight:600!important;margin:4px 0 0!important;padding:0 18px!important;display:flex!important;align-items:center;justify-content:center}
#sheet .vbp svg.vbp-art{width:100%!important;max-width:420px!important;height:auto!important;aspect-ratio:320/160}
.vbp>*{flex-shrink:0}
.vbp-h span{white-space:nowrap}
.vbx-price .vbx-taxn{display:block;margin-top:8px;font-size:12.5px;line-height:1.5;color:#5B6B85}
.vbx-ctry-v{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;background:#F2F5FA;color:#0B1B3F;font-weight:700}
/* 5.9.28 (owner: "the press buttons in the cards must be the same everywhere; some are very big, some very small, not
   aligned"): one standard in Velbil outside the sign-in page —
   action buttons in screens and cards: 40 px, pill, 14 px text (was 34 / 36 / 38 / 40 / 44, corners 10 or pill);
   the main button at the foot of a sheet and its partner (Cancel + Save, Get plan, Send): 52 px, 14 px corners, 16 px text
   (was 40 + 50 side by side). */
html.velbil:not(#a):not(#b) :is(main, #sheet .sbody, .vbx-trial) .btn:not(.vbx-get):not(.vbp-go):not(.close),
html.velbil:not(#a):not(#b) .vbx-tr-buy{height:40px!important;min-height:40px!important;padding:0 16px!important;border-radius:999px!important;font-size:14px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;white-space:nowrap;box-sizing:border-box}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) #sheet .sfoot .btn,
html.velbil:not(#a):not(#b):not(#c) #sheet .vbx-get,
html.velbil:not(#a):not(#b):not(#c) #sheet .vbp-go{height:52px!important;min-height:52px!important;padding:0 20px!important;border-radius:14px!important;font-size:16px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box}
html[lang="ml"].velbil:not(#a) #sheet .sfoot .btn,html[lang="ta"].velbil:not(#a) #sheet .sfoot .btn,html[lang="ml"].velbil:not(#a) #sheet .vbx-get,html[lang="ta"].velbil:not(#a) #sheet .vbx-get{font-size:15px!important}
html[lang="ml"].velbil:not(#a):not(#b) :is(main, #sheet .sbody) .btn:not(.vbx-get):not(.vbp-go),html[lang="ta"].velbil:not(#a):not(#b) :is(main, #sheet .sbody) .btn:not(.vbx-get):not(.vbp-go){font-size:13px!important}
/* 5.9.29 (owner: "Sign in with email code" not aligned): the sign-up's Back / Continue row is only for the sign-up; the
   email-code sign-in has its email box and one full-width "Send 6-digit code" button */
html.velbil body #lock:not([data-otp="up"]) .vbsu-nav{display:none!important}
html:is(.velbil,.vdsl) body #lock[data-otp="in"] #otp-send:not(#a):not(#b):not(#c):not(#d){display:flex!important;width:100%!important;max-width:none!important;height:52px!important;min-height:52px!important;margin-top:16px!important;justify-content:center;align-items:center;border-radius:14px!important;font-size:16px!important}
/* 5.9.32 (owner: "is the screen too big for mobile?"): the sign-in / sign-up box was centred in a screen that could not
   scroll, so on a phone the logo and title were cut off at the top when the page was taller than the screen. It now
   scrolls, and is centred only when it fits (auto margins). On a phone it is also more compact, so the sign-in fits a
   360 × 740 screen and every sign-up field and its button show without scrolling. */
html:is(.velbil,.vdsl) #lock.lockscr{align-items:flex-start!important;justify-content:flex-start!important;overflow-y:auto!important;overflow-x:hidden!important}
html:is(.velbil,.vdsl):not(#a):not(#b) #lock.lockscr>.lpanel{align-self:auto!important;margin-inline:auto!important}
html:is(.velbil,.vdsl):not(#a):not(#b) #lock.lockscr>.lpanel{margin-block:auto!important}
@media (max-width:600px){
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock.lockscr{padding-top:max(6px,env(safe-area-inset-top,0px))!important;padding-bottom:max(8px,env(safe-area-inset-bottom,0px))!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock .lpanel{padding-top:4px!important;padding-bottom:10px!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock .lktop img{height:34px!important;width:auto!important}
  html:is(.velbil,.vdsl):not(#a) #lock .lktop{margin-bottom:6px!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock .lockbox{padding-top:8px!important;padding-bottom:8px!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock .vbhd{margin:0 0 10px!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock .vbhd h2{font-size:24px!important;line-height:1.2!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock .vbhd p{font-size:13.5px!important;margin-top:4px!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock .vego-login-language{margin:0 0 10px!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock .vbg{margin-bottom:8px!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock .lockbox .f{margin-top:8px!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock .lockbox .f>label{margin-bottom:4px!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock #lk-go{margin-top:10px!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock .lfoot{margin-top:8px!important}
  html.velbil:not(#a):not(#b) #lock .vbsu-prog{margin:0 0 6px!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock #otp-googlewrap{margin-bottom:6px!important}
  html.velbil:not(#a):not(#b) #lock .vbsu-nav{margin-top:12px!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock #otp-foot{margin-top:10px!important}
  /* the footer: smaller and tighter (Help · Contact · features · partner, the legal links, powered by) */
  html:is(.velbil,.vdsl):not(#a) #lock .vbfoot{margin-top:10px!important;padding:8px 0 6px!important;gap:4px!important;font-size:12.5px!important;line-height:1.35!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock .vbfoot button,html:is(.velbil,.vdsl):not(#a):not(#b) #lock .vbfoot a{font-size:12.5px!important;min-height:0!important;padding:2px 4px!important}
  html.velbil:not(#a):not(#b) #lock .vbpow{margin-top:4px!important}
}
@media (max-width:600px) and (max-height:760px){
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock .vbhd{margin-bottom:6px!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock .vego-login-language{margin-bottom:6px!important}
  html:is(.velbil,.vdsl):not(#a):not(#b) #lock .vbfoot{margin-top:6px!important}
}

/* ═══ 5.9.37 — owner's notes on the old look (22 Oct 23:37): a straight bottom bar (no oval), smaller corners, a shorter
   free-trial card and a slightly shorter Cash & bank card, iPhone-standard icons, buttons whose words sit exactly ═══ */
/* bottom bar: docked straight along the bottom edge, same dark colours, icons iPhone-style (outline; filled when chosen) */
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod] .bnav{inset-inline:0!important;left:0!important;right:0!important;bottom:0!important;border-radius:0!important;height:calc(64px + env(safe-area-inset-bottom,0px))!important;padding:0 6px env(safe-area-inset-bottom,0px)!important;box-shadow:0 -1px 0 rgba(255,255,255,.06)!important;align-items:center!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod] .bnav button{height:56px!important;border-radius:0!important;gap:3px!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod] .bnav button:not(.axplus) svg{width:24px!important;height:24px!important;color:#9AA3BF!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod] .bnav button:not(.axplus)>span{font-size:10.5px!important;font-weight:500!important;color:#9AA3BF!important;letter-spacing:0!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod] .bnav button[aria-current="true"] :is(svg,span){color:#fff!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod] .bnav button[aria-current="true"]::after{display:none!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod] .bnav button.axplus{flex:0 0 64px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod] .bnav .axplus-c{width:44px!important;height:44px!important;border-radius:12px!important;box-shadow:none!important;transform:none!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod] .bnav button.axplus svg{width:22px!important;height:22px!important}
@media (max-width:899px){html:is(.velbil,.vds):not(#a):not(#b) body[data-mod] #view{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}
  html:is(.velbil,.vds) body[data-mod] .fab{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}}
/* smaller corners: cards 14, the big cards 18, buttons and fields 12, tags 10, sheets 16 */
html.velbil:not(#a) body[data-mod="accounts"] #view :is(.list,.card,.axt,.axprof,.dcdash,.tkcard,.vbposc,.pghero,.axri,.inout,.stcash,.xmon,.bizrow,.plbox,.lowbox,.ackpi,.acquick button,.hubtile),html.vds:not(#a) body[data-mod="accounts"] #view :is(.list,.card,.axt,.axprof,.dcdash,.tkcard,.pghero,.axri,.inout,.stcash,.xmon,.bizrow,.plbox,.lowbox,.ackpi,.acquick button,.hubtile){border-radius:14px!important}
html:is(.velbil,.vds):not(#a):not(#b) :is(.axcar .axcash,.xmon.invmon,.xmon.expmon){border-radius:18px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body :is(.btn,.acsegs,.seg2,.invbar>button,.f input,.f select,.f textarea,.sbox input,.vp-search input){border-radius:12px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body :is(.acsegs,.seg2) button{border-radius:9px!important}
html.velbil:not(#a):not(#b):not(#c) body :is(.chip,.spill,.acst,.vbx-tr-top em),html.vds:not(#a):not(#b):not(#c) body :is(.chip,.spill,.acst){border-radius:8px!important}
html:is(.velbil,.vds) body #sheet{border-radius:16px 16px 0 0!important}
html.velbil:not(#a):not(#b) body #sheet :is(.prg,.vbs-me,.vbm-card,.hubtile,.list),html.vds:not(#a):not(#b) body #sheet :is(.prg,.hubtile,.list){border-radius:14px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body :is(.cobk,.prback){border-radius:10px!important}
/* free-trial card: one short line — title, days left, Buy now */
html.velbil:not(#a):not(#b) .vbx-trial{display:flex!important;align-items:center;gap:10px;padding:12px 12px 12px 16px!important;margin:4px 0 12px!important;border-radius:14px!important;min-height:0!important}
html.velbil:not(#a):not(#b):not(#c) .vbx-trial>:is(i,p){display:none!important}
html.velbil:not(#a):not(#b):not(#c) .vbx-trial .vbx-tr-top{flex:1;min-width:0;margin:0!important;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html.velbil:not(#a):not(#b) .vbx-trial .vbx-tr-top b{font-size:16px!important}
html.velbil:not(#a):not(#b):not(#c) .vbx-trial .vbx-tr-top em{font-size:10.5px!important;padding:3px 7px!important}
html.velbil:not(#a):not(#b):not(#c) .vbx-trial .vbx-tr-act{margin:0!important;flex:none}
html.velbil:not(#a):not(#b):not(#c) .vbx-trial .vbx-tr-buy{min-height:34px!important;height:34px;padding:0 14px!important;border-radius:10px!important;font-size:14px!important}
/* Cash & bank: a little shorter */
html:is(.velbil,.vds):not(#a):not(#b):not(#c) .axcar .axcash{min-height:172px!important;padding:16px 16px 14px!important}
html:is(.velbil,.vds):not(#a):not(#b) .axcar .axcash .axc-big b{font-size:46px!important}
/* icons in the iPhone way: menu rows and Home tiles get a solid rounded-square tile with a white symbol (Settings app),
   one blue family; no pastel rainbow */
html.velbil:not(#a):not(#b):not(#c) body :is(.vbm-i,#sheet .prrow:not(.prso) .pric,#sheet .vbs-ic),html.vds:not(#a):not(#b):not(#c) body :is(#sheet .prrow:not(.prso) .pric){width:30px!important;height:30px!important;min-width:30px;border-radius:8px!important;background:linear-gradient(180deg,#3D8BF2,#0A63E6)!important;color:#fff!important;display:grid!important;place-items:center;box-shadow:none!important}
html.velbil:not(#a):not(#b):not(#c) body :is(.vbm-i,#sheet .prrow:not(.prso) .pric,#sheet .vbs-ic) svg,html.vds:not(#a):not(#b):not(#c) body :is(#sheet .prrow:not(.prso) .pric) svg{width:18px!important;height:18px!important;color:#fff!important;filter:brightness(0) invert(1)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod="accounts"] #view .acquick button>span{width:44px!important;height:44px!important;border-radius:11px!important;background:linear-gradient(180deg,#3D8BF2,#0A63E6)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)!important}
html:is(.velbil,.vds):not(#a) body[data-mod="accounts"] #view .acquick button>span svg{width:22px!important;height:22px!important;filter:brightness(0) invert(1)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body :is(.hubtile .axti){border-radius:11px!important;background:linear-gradient(180deg,#3D8BF2,#0A63E6)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body .hubtile .axti svg{filter:brightness(0) invert(1)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod="accounts"] #view :is(.axt .axti,.axpi,.dcdi,.tki){border-radius:10px!important}
/* buttons: words centred on one line, the same weight everywhere */
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap;line-height:1.1!important;font-weight:600!important;letter-spacing:0!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body .btn svg{flex:none}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod="accounts"] #view .axt.out .axti{background:#E3EEFF!important;color:#0A63E6!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body #fab.billfab{border-radius:14px!important}

/* ═══ 5.9.38 — owner 22 Oct 23:54: the lavender "Why choose us" background for the bottom bar; glass app icons in the style
   of his pictures (original Velbil artwork, img/velbil/icons/*.svg) on New, the Home tiles, the menu and the Home cards ═══ */
html.velbil:not(#a):not(#b):not(#c):not(#d) body :is(.hubtile .axti,.acquick>button>span,#sheet .vbs-cat .pric,.axpi,.dcdi,.tki),html.vds:not(#a):not(#b):not(#c):not(#d) body :is(.hubtile .axti,.acquick>button>span,.axpi,.dcdi,.tki,#_vds){background-color:transparent!important;background-size:cover!important;background-repeat:no-repeat!important;box-shadow:0 6px 14px -8px rgba(20,40,120,.45)!important;border:0!important;filter:none!important}
html.velbil body :is(.hubtile .axti,.acquick>button>span,#sheet .vbs-cat .pric,.axpi,.dcdi,.tki) svg,html.vds body :is(.hubtile .axti,.acquick>button>span,.axpi,.dcdi,.tki,#_vds) svg{visibility:hidden!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body :is(.hubtile .axti,.acquick>button>span){width:50px!important;height:50px!important;border-radius:12px!important}
html.velbil:not(#a):not(#b):not(#c):not(#d) body #sheet .vbs-cat .pric{width:32px!important;height:32px!important;min-width:32px;border-radius:8px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body #view :is(.axpi,.dcdi,.tki){width:40px!important;height:40px!important;border-radius:10px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body :is(.hubtile,.acquick>button)[data-act="openQuickInv()"] :is(.axti,span:first-child){background-image:url("/img/velbil/icons/invoice.svg?v=0f56d56e09")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body :is(.hubtile,.acquick>button)[data-act="dsPickTpl('quote')"] :is(.axti,span:first-child){background-image:url("/img/velbil/icons/quote.svg?v=74e7a84015")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body :is(.hubtile,.acquick>button)[data-act="dsPickTpl('receipt')"] :is(.axti,span:first-child){background-image:url("/img/velbil/icons/receipt.svg?v=b6df9f97e3")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body :is(.hubtile,.acquick>button)[data-act="dsPickTpl('proforma')"] :is(.axti,span:first-child){background-image:url("/img/velbil/icons/proforma.svg?v=983217148b")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body :is(.hubtile,.acquick>button)[data-act="openCreditNote()"] :is(.axti,span:first-child){background-image:url("/img/velbil/icons/creditnote.svg?v=093a192b37")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body :is(.hubtile,.acquick>button)[data-act="openExpense()"] :is(.axti,span:first-child){background-image:url("/img/velbil/icons/bill.svg?v=a99572f189")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body :is(.hubtile,.acquick>button)[data-act="openPo()"] :is(.axti,span:first-child){background-image:url("/img/velbil/icons/po.svg?v=66bb6faa24")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body :is(.hubtile,.acquick>button)[data-act="openAccountsView('purchases','suppliers')"] :is(.axti,span:first-child){background-image:url("/img/velbil/icons/supplier.svg?v=19caa542a9")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body :is(.hubtile,.acquick>button)[data-act="openSupCN()"] :is(.axti,span:first-child){background-image:url("/img/velbil/icons/supcn.svg?v=5974b8ae30")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body :is(.hubtile,.acquick>button)[data-act="openPdc()"] :is(.axti,span:first-child){background-image:url("/img/velbil/icons/cheque.svg?v=ed2db56440")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body :is(.hubtile,.acquick>button)[data-act="openGiveCash('give')"] :is(.axti,span:first-child){background-image:url("/img/velbil/icons/pettycash.svg?v=aad10fc46d")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body :is(.hubtile,.acquick>button)[data-act="openTransfer()"] :is(.axti,span:first-child){background-image:url("/img/velbil/icons/transfer.svg?v=9d23028575")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body :is(.hubtile,.acquick>button)[data-act="acQuickAll()"] :is(.axti,span:first-child){background-image:url("/img/velbil/icons/all.svg?v=efbaafedae")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d) body #sheet .vbs-cat[data-act="vbsOpen('acc')"] .pric{background-image:url("/img/velbil/icons/account.svg?v=82d3a1e4d0")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d) body #sheet .vbs-cat[data-act="vbsOpen('biz')"] .pric{background-image:url("/img/velbil/icons/business.svg?v=4a3c18615d")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d) body #sheet .vbs-cat[data-act="vbsOpen('pos')"] .pric{background-image:url("/img/velbil/icons/pos.svg?v=223dab0a7b")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d) body #sheet .vbs-cat[data-act="vbsOpen('team')"] .pric{background-image:url("/img/velbil/icons/team.svg?v=85b2642d85")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d) body #sheet .vbs-cat[data-act="vbsOpen('help')"] .pric{background-image:url("/img/velbil/icons/help.svg?v=a3fbf7c663")!important}
html:is(.velbil,.vds) body #view [data-act="openAccountsView('reports','pl')"] .axpi{background-image:url("/img/velbil/icons/profit.svg?v=4c808e1fa8")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body #view [data-act="openDocCenter('bills','bills')"] .dcdi{background-image:url("/img/velbil/icons/docs.svg?v=8eb5386639")!important}
html:is(.velbil,.vds) body #view [data-act="openTasks('open','')"] .tki{background-image:url("/img/velbil/icons/tasks.svg?v=9de59dea87")!important}
/* bottom bar: the soft lavender of his picture, with its big pale curves; indigo icons, the chosen one deep indigo */
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod] .bnav{background:
  radial-gradient(120% 220% at 108% -40%,rgba(255,255,255,.55) 0 34%,transparent 35%),
  radial-gradient(90% 200% at -10% 140%,rgba(255,255,255,.45) 0 30%,transparent 31%),
  linear-gradient(120deg,#EEF0FD 0%,#E3E5FB 55%,#D3D6F7 100%)!important;box-shadow:0 -1px 0 rgba(43,52,145,.10)!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod] .bnav button:not(.axplus) :is(svg,span){color:#7E84C4!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod] .bnav button[aria-current="true"] :is(svg,span){color:#1F2A8A!important}
html:is(.velbil,.vds) body[data-mod] .bnav .axplus-c{background:linear-gradient(135deg,#1F2A8A 0%,#5560D0 60%,#A9AEF5 100%)!important;color:#fff!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body[data-mod] .bnav button.axplus svg{color:#fff!important}

/* ═══ 5.9.39 — owner 23 Oct 00:04: New = round icons, no white boxes, four in a row; the top bar only menu, search and
   logo, a little bigger; his "Build my website" button everywhere (blue 3D capsule, a white circle with an arrow on the
   main ones); the bottom bar's + round and 3D like it; a light blue gradient passing along the bottom bar ═══ */
/* 5.9.81: Vego's dark look (.vdsl without .vds) has the 3D blue too: the main-button rule below uses it there as well, and
   without it the main buttons that rule reaches had no colour in the dark look (an item's Stock in: white words on nothing) */
html:is(.velbil,.vds,.vdsl){--vb-btn3d:linear-gradient(180deg,#3341FF 0%,#4A63F5 50%,#6A90FF 100%);
  --vb-btn3d-sh:0 16px 28px -14px rgba(51,65,255,.55),0 2px 4px rgba(51,65,255,.18),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(20,30,170,.35)}
/* New: four round icons in a row, no white boxes */
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body #sheet .hubgrid{grid-template-columns:repeat(4,1fr)!important;gap:14px 6px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body #sheet .hubtile{background:transparent!important;border:0!important;box-shadow:none!important;padding:4px 0!important;gap:8px!important;min-height:0!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body #sheet .hubtile .axti{width:58px!important;height:58px!important;border-radius:50%!important;background-size:130%!important;background-position:center!important;box-shadow:0 8px 16px -8px rgba(20,40,120,.5),inset 0 0 0 1px rgba(255,255,255,.25)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body #sheet .hubtile b{font-size:12px!important;font-weight:500!important;line-height:1.25!important;text-align:center}
/* top bar: logo, search, menu — nothing else; a little bigger */
html.velbil body header #hchat{display:none!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body header :is(.hsearch,#userbtn){width:44px!important;height:44px!important;min-width:44px}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body header :is(.hsearch,#userbtn) svg{width:22px!important;height:22px!important}
html.velbil .topin .wsbtn span.appname::before{width:100px!important;height:30px!important}
html:is(.velbil,.vds) body header .topin{min-height:64px}
/* the 3D capsule: every main button */
html.velbil:not(#a):not(#b):not(#c):not(#d) body :is(.btn.pri,#lk-go,.vbsu-next,#otp-send,#otp-verify,.vbx-tr-buy,.vbc-btn),html.vdsl:not(#a):not(#b):not(#c):not(#d) body :is(.btn.pri,#lk-go,#otp-send,#otp-verify),html.vds:not(#a):not(#b):not(#c):not(#d) body :is(.btn.pri,#_vds){background:var(--vb-btn3d)!important;color:#fff!important;border:0!important;border-radius:999px!important;box-shadow:var(--vb-btn3d-sh)!important;font-weight:600!important;letter-spacing:0!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(.btn.pri,#lk-go,.vbsu-next):active,html.vdsl:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(.btn.pri,#lk-go):active,html.vds:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(.btn.pri,#_vds):active{transform:translateY(1px);box-shadow:0 8px 16px -10px rgba(51,65,255,.55),inset 0 1px 0 rgba(255,255,255,.2)!important}
/* the white circle with the arrow on the wide main buttons (Sign in, Continue, Send, Save …) */
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(#lk-go,.vbsu-next,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri),html.vdsl:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(#lk-go,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri),html.vds:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(.btn.pri.full,.sfoot .btn.pri,#_vds){position:relative;min-height:54px!important;padding-inline:24px 64px!important;justify-content:center!important;font-size:17px!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(#lk-go,.vbsu-next,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri)::after,html.vdsl:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(#lk-go,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri)::after,html.vds:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(.btn.pri.full,.sfoot .btn.pri,#_vds)::after{content:"";position:absolute;inset-inline-end:8px;top:50%;width:38px;height:38px;margin-top:-19px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/20px no-repeat;box-shadow:0 4px 10px rgba(10,20,90,.35)}
html.velbil[dir=rtl]:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(#lk-go,.vbsu-next,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri)::after,html.vdsl[dir=rtl]:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(#lk-go,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri)::after,html.vds[dir=rtl]:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(.btn.pri.full,.sfoot .btn.pri,#_vds)::after{transform:scaleX(-1)}
/* bottom bar: a light blue gradient passing along it; the + round and 3D like the button */
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod] .bnav{background:linear-gradient(100deg,#EEF0FD 0%,#E0ECFF 30%,#CFE3FF 50%,#E0ECFF 70%,#EEF0FD 100%)!important;background-size:220% 100%!important;animation:vbBarFlow 9s ease-in-out infinite alternate}
@keyframes vbBarFlow{from{background-position:0% 0}to{background-position:100% 0}}
@media (prefers-reduced-motion:reduce){html:is(.velbil,.vds) body[data-mod] .bnav{animation:none!important}}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod] .bnav .axplus-c{width:52px!important;height:52px!important;border-radius:50%!important;background:var(--vb-btn3d)!important;box-shadow:var(--vb-btn3d-sh)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body[data-mod] .bnav button.axplus svg{width:24px!important;height:24px!important;color:#fff!important}
html:is(.velbil,.vds) body .sfoot .btn.pri{flex:1 1 auto!important;min-width:150px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .sfoot .btn.pri::after{width:34px!important;height:34px!important;margin-top:-17px!important;inset-inline-end:7px!important;background-size:18px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .sfoot .btn:not(.pri){flex:0 0 auto!important}
/* owner 00:10: the button exactly like his — a full capsule, the words starting from the left, a small white circle with
   the arrow close to the right end (his proportions: circle ≈ 55 % of the height, gap ≈ 24 %, text inset ≈ 45 %);
   Sign in / Sign up not full width; × and back as plain icons */
html.velbil:not(#a):not(#b):not(#c) body :is(#lk-go,.vbsu-next,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri),html.vdsl:not(#a):not(#b):not(#c) body :is(#lk-go,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri),html.vds:not(#a):not(#b):not(#c) body :is(.btn.pri.full,.sfoot .btn.pri,#_vds){min-height:54px!important;height:54px;border-radius:999px!important;padding-inline:24px 56px!important;justify-content:flex-start!important;text-align:start!important;font-size:17px!important;box-shadow:0 22px 34px -18px rgba(51,65,255,.55),0 3px 6px rgba(51,65,255,.16),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(20,30,170,.35)!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body :is(#lk-go,.vbsu-next,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri)::after,html.vdsl:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body :is(#lk-go,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri)::after,html.vds:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body :is(.btn.pri.full,.sfoot .btn.pri,#_vds)::after{width:30px!important;height:30px!important;margin-top:-15px!important;inset-inline-end:12px!important;background-size:16px!important;box-shadow:0 3px 8px rgba(10,20,90,.35)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .sfoot .btn.pri{font-size:16px!important;padding-inline:20px 52px!important}
/* Sign in / Send code / Sign up's Continue: a shorter capsule, centred */
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body #lock #lk-go{width:auto!important;min-width:230px!important;max-width:80%!important;align-self:center!important;margin-inline:auto!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body #lock :is(#otp-send,#otp-verify):not([hidden]){width:auto!important;min-width:230px!important;max-width:80%!important;align-self:center!important;margin-inline:auto!important}
html:is(.velbil,.vdsl) body #lock #lk-main{align-items:stretch}
html.velbil body #lock .vbsu-nav{justify-content:center!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body #lock .vbsu-nav .vbsu-next{flex:0 0 auto!important;min-width:190px!important}
/* × and back: the icon only, no circle, no box */
html.velbil:not(#a):not(#b) body :is(#sheet .close,#sheet .prx,#sheet .cobk,#sheet .prback,#sheet .back,header .hback,#lock .vbsu-back,.vbg-back,.vbs-back),html.vds:not(#a):not(#b) body :is(#sheet .close,#sheet .prx,#sheet .cobk,#sheet .prback,#sheet .back,header .hback){background:transparent!important;border:0!important;box-shadow:none!important;outline:0}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body :is(#sheet .close,#sheet .prx){color:#3B4157!important;font-size:24px!important}
html:is(.velbil,.vds):not(#a):not(#b) body :is(#sheet .close,#sheet .prx) svg{color:#3B4157!important;width:20px!important;height:20px!important}
html:is(.velbil,.vds):not(#a):not(#b) body :is(#sheet .cobk,#sheet .prback,#sheet .back,header .hback){color:#0A63E6!important;padding-inline:0!important}
html:is(.velbil,.vds):not(#a):not(#b) body :is(#sheet .cobk,#sheet .prback,#sheet .back,header .hback) svg{color:#0A63E6!important}
/* owner 00:15: New's icons in the style of his app-icon pictures — rounded squares (not circles), the full artwork
   showing, a soft shadow under each */
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #sheet .hubtile .axti{width:60px!important;height:60px!important;border-radius:16px!important;background-size:100%!important;box-shadow:0 10px 18px -10px rgba(11,30,90,.45)!important}

/* owner 00:18: the same app-icon style on the other pages — Velbil menu rows (More), Home To receive / Payables, the
   menu sub-pages (a coloured tile with the white symbol, colours in turn) */
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row .vbm-i{width:36px!important;height:36px!important;border-radius:10px!important;background-size:100%!important;background-repeat:no-repeat!important;box-shadow:0 6px 12px -8px rgba(11,30,90,.45)!important;color:transparent!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row .vbm-i svg{visibility:hidden!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="closeSheet();openPos()"] .vbm-i{background-image:url("/img/velbil/icons/pos.svg?v=223dab0a7b")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="vbmTog('sale')"] .vbm-i{background-image:url("/img/velbil/icons/sale.svg?v=146cb4c729")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="vbmTog('buy')"] .vbm-i{background-image:url("/img/velbil/icons/buy.svg?v=921b4c366a")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="openAccountsView('purchases','bills')"] .vbm-i{background-image:url("/img/velbil/icons/expenses.svg?v=26e409406d")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="openAccountsView('stock')"] .vbm-i{background-image:url("/img/velbil/icons/stock.svg?v=48913f45b5")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="closeSheet();openGstReturns()"] .vbm-i{background-image:url("/img/velbil/icons/gst.svg?v=ab2ed3d6a1")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="openAccountsView('reports')"] .vbm-i{background-image:url("/img/velbil/icons/reports.svg?v=8da0399a4d")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="openAccountsView('banking','accounts')"] .vbm-i{background-image:url("/img/velbil/icons/bank.svg?v=8a10a4897e")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="openAccountsView('banking','cashbook')"] .vbm-i{background-image:url("/img/velbil/icons/cashhand.svg?v=5e67015dbb")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="openAccountsView('banking','cheques')"] .vbm-i{background-image:url("/img/velbil/icons/cheque.svg?v=ed2db56440")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="openAccountsView('banking','petty')"] .vbm-i{background-image:url("/img/velbil/icons/pettycash.svg?v=aad10fc46d")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="closeSheet();openTransfer()"] .vbm-i{background-image:url("/img/velbil/icons/transfer.svg?v=9d23028575")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="closeSheet();openVbProfile()"] .vbm-i{background-image:url("/img/velbil/icons/profile.svg?v=626d819a46")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="closeSheet();openTeamSheet()"] .vbm-i{background-image:url("/img/velbil/icons/team.svg?v=85b2642d85")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="closeSheet();openAuditTrail()"] .vbm-i{background-image:url("/img/velbil/icons/audit.svg?v=ec4ad0abc7")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="openDocCenter('bills','bills')"] .vbm-i{background-image:url("/img/velbil/icons/docs.svg?v=8eb5386639")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="openImportHub()"] .vbm-i{background-image:url("/img/velbil/icons/import.svg?v=a54b8a31af")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="closeSheet();openBackup()"] .vbm-i{background-image:url("/img/velbil/icons/backup.svg?v=f3abfb7f5b")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="openAcSettings()"] .vbm-i{background-image:url("/img/velbil/icons/settings.svg?v=16c319c311")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="closeSheet();openPlan()"] .vbm-i{background-image:url("/img/velbil/icons/plans.svg?v=6f69c932ea")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="openVelbilGuide()"] .vbm-i{background-image:url("/img/velbil/icons/guide.svg?v=2caa9b2ebb")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="openVbHelp()"] .vbm-i{background-image:url("/img/velbil/icons/help.svg?v=a3fbf7c663")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="openVbFeatures()"] .vbm-i{background-image:url("/img/velbil/icons/features.svg?v=72f17ea930")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="openVbContact()"] .vbm-i{background-image:url("/img/velbil/icons/contact.svg?v=1c132dad03")!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body .vbm-row[data-act="openVbPartners()"] .vbm-i{background-image:url("/img/velbil/icons/partner.svg?v=63e0d0c3bc")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod="accounts"] #view :is(.axt.in,.axt.out) .axti{width:44px!important;height:44px!important;border-radius:12px!important;background-size:100%!important;color:transparent!important;box-shadow:0 6px 12px -8px rgba(11,30,90,.45)!important}
html:is(.velbil,.vds) body[data-mod="accounts"] #view :is(.axt.in,.axt.out) .axti svg{visibility:hidden!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod="accounts"] #view .axt.in .axti{background:url("/img/velbil/icons/receive.svg?v=e48ed016be") center/100% no-repeat!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod="accounts"] #view .axt.out .axti{background:url("/img/velbil/icons/payable.svg?v=8100c9997c") center/100% no-repeat!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body #sheet .prg .prrow:not(.prso):nth-child(6n+1) .pric{background:linear-gradient(180deg,#4A90FF,#1F66F2)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body #sheet .prg .prrow:not(.prso):nth-child(6n+2) .pric{background:linear-gradient(180deg,#3BD58E,#16B868)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body #sheet .prg .prrow:not(.prso):nth-child(6n+3) .pric{background:linear-gradient(180deg,#FFD45C,#F4B728)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body #sheet .prg .prrow:not(.prso):nth-child(6n+4) .pric{background:linear-gradient(180deg,#3ED6B5,#17B394)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body #sheet .prg .prrow:not(.prso):nth-child(6n+5) .pric{background:linear-gradient(180deg,#6CC8FF,#2C9CF0)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body #sheet .prg .prrow:not(.prso):nth-child(6n+6) .pric{background:linear-gradient(180deg,#B9BFCB,#959CAB)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body #sheet .prg .prrow:not(.prso) .pric{width:32px!important;height:32px!important;min-width:32px;border-radius:9px!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 5px 10px -7px rgba(11,30,90,.5)!important;display:grid!important;place-items:center}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body #sheet .prg .prrow:not(.prso) .pric svg{color:#fff!important;width:18px!important;height:18px!important;filter:brightness(0) invert(1)!important;visibility:visible!important}

/* owner 00:29: To receive green, Payables maroon */
html:is(.velbil,.vds) body[data-mod="accounts"] #view .axt.in{background:linear-gradient(135deg,#E9FBF1,#D6F5E4)!important;border-color:#BFEBD3!important}
html:is(.velbil,.vds):not(#a) body[data-mod="accounts"] #view .axt.in :is(small,span,b,strong){color:#0E7A45!important}
html:is(.velbil,.vds) body[data-mod="accounts"] #view .axt.out{background:linear-gradient(135deg,#FBEEF1,#F5DCE2)!important;border-color:#EBC5CE!important}
html:is(.velbil,.vds):not(#a) body[data-mod="accounts"] #view .axt.out :is(small,span,b,strong){color:#7A1F33!important}

/* owner 00:41 "Yes": POS + other pages in the app-icon style — item thumbs as colour squircles, KPI icons as gradient
   tiles, Sales today mini charts under the numbers (not a tall stripe), Cash/Bank and Fixed costs / Petty cash icons */
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #posapp .vp-th{background:linear-gradient(180deg,hsl(var(--h) 88% 64%),hsl(var(--h) 78% 46%))!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 14px -10px hsl(var(--h) 70% 30%)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #posapp .vp-th.sm{border-radius:12px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #posapp .vp-it .vp-th,html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #posapp .vp-th.xl{border-radius:18px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #posapp .vp-ki{background:linear-gradient(180deg,#4A90FF,#1F66F2)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 14px -10px rgba(11,30,90,.6)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #posapp .vp-ki svg{color:#fff!important;stroke:#fff}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #posapp :is(.blue > .vp-ki,.vp-ki.blue){background:linear-gradient(180deg,#4A90FF,#1F66F2)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #posapp :is(.violet > .vp-ki,.vp-ki.violet){background:linear-gradient(180deg,#8A6CFF,#5B3FE0)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #posapp :is(.green > .vp-ki,.vp-ki.green){background:linear-gradient(180deg,#3BD58E,#16B868)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #posapp :is(.red > .vp-ki,.vp-ki.red){background:linear-gradient(180deg,#FF6B7E,#D9344B)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #posapp :is(.teal > .vp-ki,.vp-ki.teal){background:linear-gradient(180deg,#3ED6B5,#17B394)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #posapp :is(.amber > .vp-ki,.vp-ki.amber){background:linear-gradient(180deg,#FFD45C,#F4B728)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #posapp :is(.orange > .vp-ki,.vp-ki.orange){background:linear-gradient(180deg,#FFB25C,#F28A28)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #posapp .vp-kpi:has(.vp-spark){flex-wrap:nowrap!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body #posapp .vp-kpi .vp-spark{flex:none!important;width:100%!important;height:30px!important;margin-top:auto}

html:is(.velbil,.vds) body[data-mod="accounts"] .stcash .stch::before{background:url("/img/velbil/icons/pettycash.svg?v=aad10fc46d") center/100% no-repeat!important;border-radius:13px!important;box-shadow:0 6px 12px -8px rgba(11,30,90,.45)!important}
html:is(.velbil,.vds) body[data-mod="accounts"] .stcash .stch:has([data-act="openFixed()"])::before{background-image:url("/img/velbil/icons/fixedcost.svg?v=4c7ab2452c")!important}

/* ═══ 5.9.43 — owner 23 Oct 00:47: the interface of his pictures (Upload pill, Neck, "When people…", ChatNest pricing,
   "Discuss your…" form, Squadra sign-in) on every screen: a light grey page, white cards with a hairline and a soft
   shadow, filled grey fields with small labels, flat blue pill buttons with the icon in front, small buttons really
   small (petty cash), the main button with a white circle + arrow at the START (his "Get a Solution"), headings calm. ═══ */
html:is(.velbil,.vds){--vc-acc:#2B5FFF;--vc-acc-h:#1F4FE8;--vc-bg:#F5F6F8;--vc-card:#fff;--vc-line:#ECEEF2;--vc-field:#F2F3F6;--vc-ink:#101828;--vc-ink2:#344054;--vc-mut:#667085;--vc-sh:0 1px 2px rgba(16,24,40,.04),0 8px 24px -14px rgba(16,24,40,.14)}
/* the app inside stays light in dark mode (as before); only the sign-in page goes dark */
@media (prefers-color-scheme:dark){html:is(.velbil,.vdsl):not([data-theme="light"]) #lock{--vc-acc:#4D7CFF;--vc-acc-h:#6A92FF;--vc-bg:#0B1020;--vc-card:#151927;--vc-line:#262B3B;--vc-field:#1D2232;--vc-ink:#F1F2F8;--vc-ink2:#C9CDDA;--vc-mut:#98A0B3;--vc-sh:0 1px 2px rgba(0,0,0,.3)}}
html:is(.velbil,.vdsl)[data-theme="dark"] #lock{--vc-acc:#4D7CFF;--vc-acc-h:#6A92FF;--vc-bg:#0B1020;--vc-card:#151927;--vc-line:#262B3B;--vc-field:#1D2232;--vc-ink:#F1F2F8;--vc-ink2:#C9CDDA;--vc-mut:#98A0B3;--vc-sh:0 1px 2px rgba(0,0,0,.3)}
html:is(.velbil,.vds) body{--vb:var(--vc-acc)}
/* page + cards */
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body{background:var(--vc-bg)!important}
html.velbil:not(#a):not(#b) body #view :is(.card,.stcash,.acacct,.empty,.vbcard),html.vds:not(#a):not(#b) body #view :is(.card,.stcash,.acacct,.empty){background:var(--vc-card)!important;border:1px solid var(--vc-line)!important;box-shadow:var(--vc-sh)!important;border-radius:16px!important}
html:is(.velbil,.vds):not(#a):not(#b) body #view .empty{box-shadow:none!important}
html:is(.velbil,.vds):not([data-theme="dark"]):not(#a):not(#b) body :is(#view,#sheet) h1{font-weight:600!important;letter-spacing:-.025em!important;color:var(--vc-ink)!important}
html:is(.velbil,.vds):not([data-theme="dark"]) body :is(#view,#sheet) .sub{color:var(--vc-mut)!important}
/* buttons: flat blue pill (his Upload button), the icon in front */
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e) body .btn{border-radius:999px!important;min-height:42px;padding:0 18px!important;font-size:14px!important;font-weight:600!important;gap:8px!important;box-shadow:none!important;letter-spacing:0!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body .btn:not(.pri):not(.danger):not(.linkbtn){background:var(--vc-card)!important;color:var(--vc-ink)!important;border:1px solid var(--vc-line)!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(.btn.pri,.vbx-tr-buy,.vbc-btn),html.vds:not(#a):not(#b):not(#c):not(#d):not(#e) body :is(.btn.pri){background:var(--vc-acc)!important;color:#fff!important;border:0!important;box-shadow:0 1px 2px rgba(43,95,255,.25)!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(.btn.pri,.vbx-tr-buy,.vbc-btn):hover,html.vds:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(.btn.pri):hover{background:var(--vc-acc-h)!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(.btn.pri,#lk-go,.vbsu-next):active,html.vdsl:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(.btn.pri,#lk-go):active,html.vds:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(.btn.pri,#_vds):active{transform:translateY(1px)}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body .btn svg{width:16px!important;height:16px!important;margin:0!important}
/* small buttons stay small — no capsule, no arrow (petty cash, + Add, Transfer…) */
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body :is(.btn.sm,.headrow .btn,.stch .btn){min-height:34px!important;height:auto!important;padding:0 14px!important;font-size:13px!important;width:auto!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(.btn.sm,.headrow .btn,.stch .btn)::after{content:none!important}
/* the main button: his "Get a Solution" — white circle with the arrow at the start */
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(#lk-go,.vbsu-next,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri),html.vdsl:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(#lk-go,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri),html.vds:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(.btn.pri.full,.sfoot .btn.pri,#_vds){position:relative;min-height:48px!important;height:48px;border-radius:999px!important;padding-inline:54px 22px!important;justify-content:flex-start!important;font-size:15.5px!important;font-weight:600!important;background:var(--vc-acc)!important;box-shadow:0 1px 2px rgba(43,95,255,.25),0 10px 20px -12px rgba(43,95,255,.6)!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(#lk-go,.vbsu-next,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri)::after,html.vdsl:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(#lk-go,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri)::after,html.vds:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(.btn.pri.full,.sfoot .btn.pri,#_vds)::after{content:""!important;position:absolute;inset-inline-start:6px!important;inset-inline-end:auto!important;top:50%;width:36px!important;height:36px!important;margin-top:-18px!important;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B5FFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/18px no-repeat!important;box-shadow:none!important}
html.velbil[dir=rtl]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(#lk-go,.vbsu-next,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri)::after,html.vdsl[dir=rtl]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(#lk-go,#otp-send,#otp-verify,.btn.pri.full,.sfoot .btn.pri)::after,html.vds[dir=rtl]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(.btn.pri.full,.sfoot .btn.pri,#_vds)::after{transform:scaleX(-1)}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body .sfoot .btn.pri{font-size:15px!important;padding-inline:50px 18px!important}
/* fields: filled grey, no border, small labels (his form) */
html:is(.velbil,.vdsl):not([data-theme="dark"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(.f input,.f select,.f textarea,#lock input:not([type=checkbox]):not([type=radio]),.pwwrap input),html.vds:not([data-theme="dark"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(.f input,.f select,.f textarea,#_vds){background:var(--vc-field)!important;border:1px solid transparent!important;border-radius:10px!important;box-shadow:none!important;min-height:46px;font-size:15px!important;color:var(--vc-ink)!important}
html:is(.velbil,.vds):not([data-theme="dark"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body .f textarea{min-height:92px}
html:is(.velbil,.vdsl):not([data-theme="dark"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(.f input,.f select,.f textarea,#lock input):focus,html.vds:not([data-theme="dark"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(.f input,.f select,.f textarea,#_vds):focus{background:var(--vc-card)!important;border-color:var(--vc-acc)!important;box-shadow:0 0 0 3px rgba(43,95,255,.14)!important;outline:0!important}
html:is(.velbil,.vdsl):not([data-theme="dark"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(.f input,.f textarea,#lock input)::placeholder,html.vds:not([data-theme="dark"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body :is(.f input,.f textarea,#_vds)::placeholder{color:#98A2B3!important}
html:is(.velbil,.vdsl):not([data-theme="dark"]):not(#a):not(#b) body :is(.f label,#lock .f label),html.vds:not([data-theme="dark"]):not(#a):not(#b) body :is(.f label,#_vds){font-size:12.5px!important;font-weight:500!important;color:var(--vc-ink2)!important}
/* sign in / sign up: his Squadra page — left aligned, calm title, small grey line, full-width main button */
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock{background:var(--vc-bg)!important}
html:is(.velbil,.vdsl):not(#a):not(#b) body #lock .lockbox{background:var(--vc-card)!important;border:1px solid var(--vc-line)!important;border-radius:20px!important;box-shadow:var(--vc-sh)!important;padding:24px 20px!important;text-align:start!important}
html:is(.velbil,.vdsl) body #lock .lktop{justify-content:flex-start!important}
html:is(.velbil,.vdsl) body #lock .vbhd,html:is(.velbil,.vdsl) body #lock .vbhd .vh-in{text-align:start!important;align-items:flex-start!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock .vbhd h2{font-size:26px!important;font-weight:600!important;letter-spacing:-.025em!important;color:var(--vc-ink)!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock .vbhd p{font-size:13.5px!important;color:var(--vc-mut)!important}
html:is(.velbil,.vdsl) body #lock .vego-login-language{justify-content:flex-start!important;text-align:start}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock .vego-login-language summary{min-height:34px!important;font-size:13px!important;padding:0 12px!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock .vbg-btn{min-height:44px!important;height:44px!important;border-radius:999px!important;font-size:14.5px!important;font-weight:600!important;background:var(--vc-card)!important;border:1px solid var(--vc-line)!important;box-shadow:none!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock .vbg-or span{font-size:12px!important;color:var(--vc-mut)!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body #lock #lk-go,html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body #lock :is(#otp-send,#otp-verify):not([hidden]){width:100%!important;min-width:0!important;max-width:none!important;align-self:stretch!important;margin-inline:0!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body #lock .vbsu-nav .vbsu-next{flex:1 1 auto!important;min-width:0!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock .remember{font-size:13px!important}
html:is(.velbil,.vdsl):not(#a):not(#b) body #lock .lfoot{font-size:13px!important}
html:is(.velbil,.vdsl):not(#a):not(#b) body #lock .vbfoot{font-size:12.5px!important}
html:is(.velbil,.vdsl):not(#a):not(#b) body #lock .vbfoot button,html:is(.velbil,.vdsl):not(#a):not(#b) body #lock .vbfoot a{font-size:12.5px!important;font-weight:500!important}
html:is(.velbil,.vdsl):not(#a):not(#b) body #lock .vbhd :is(h2,p,.vh-in){text-align:start!important;margin-inline:0!important;width:100%}
html:is(.velbil,.vds):not([data-theme="dark"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #sheet :is(input[type=text],input:not([type]),input[type=tel],input[type=email],input[type=number],input[type=search],input[type=date],input[type=password],select,textarea):not([type=checkbox]){background:var(--vc-field)!important;border:1px solid transparent!important;border-radius:10px!important;box-shadow:none!important;color:var(--vc-ink)!important}
html:is(.velbil,.vds):not([data-theme="dark"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #sheet :is(input[type=text],input:not([type]),input[type=tel],input[type=email],input[type=number],input[type=search],input[type=date],input[type=password],select,textarea):focus{background:var(--vc-card)!important;border-color:var(--vc-acc)!important;box-shadow:0 0 0 3px rgba(43,95,255,.14)!important;outline:0!important}
/* forms sit on white, the grey fields show (his form card) */
html:is(.velbil,.vds):not([data-theme="dark"]) body #sheet:has(.sbody .f){background:var(--vc-card)!important}
html:is(.velbil,.vds):not([data-theme="dark"]):not(#a) body #sheet:has(.sbody .f) :is(.sbody,.shead,.sfoot){background:var(--vc-card)!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock :is(.lpanel,.vbfoot){background:var(--vc-bg)!important}
html:is(.velbil,.vdsl):not(#a):not(#b) body #lock :is(.remember,.remember b,.lfoot){color:var(--vc-ink2)!important}
@media (prefers-color-scheme:dark){html.velbil:not([data-theme="light"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock .vbpow img{filter:brightness(0) invert(1)}}
html.velbil[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock .vbpow img{filter:brightness(0) invert(1)}

html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock :is(input:not([type=checkbox]):not([type=radio]),.pwwrap input){background:var(--vc-field)!important;border:1px solid transparent!important;border-radius:10px!important;box-shadow:none!important;min-height:46px;font-size:15px!important;color:var(--vc-ink)!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock input:focus{background:var(--vc-card)!important;border-color:var(--vc-acc)!important;box-shadow:0 0 0 3px rgba(43,95,255,.14)!important;outline:0!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock .f label{font-size:12.5px!important;font-weight:500!important;color:var(--vc-ink2)!important}
/* choice chips (Cash / Card / Bank transfer / Not paid): his Monthly / Annually pills, the words wrap, never cut */
html:is(.velbil,.vds):not([data-theme="dark"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #sheet .pos-pay .chip{border-radius:999px!important;white-space:normal!important;line-height:1.15!important;min-height:40px!important;font-size:13px!important;font-weight:600!important;background:var(--vc-card)!important;border:1px solid var(--vc-line)!important;color:var(--vc-ink)!important;box-shadow:none!important;padding:4px 8px!important;overflow:visible!important;text-overflow:clip!important}
html:is(.velbil,.vds):not([data-theme="dark"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #sheet .pos-pay .chip[aria-pressed="true"]{background:var(--vc-acc)!important;border-color:var(--vc-acc)!important;color:#fff!important}

/* ═══ 5.9.44 — owner 00:52 (voice): sign-in card a little lower, "Sign in to" + the Velbil logo as the title (no logo above),
   Powered by vegocore then Privacy · Terms under it, the language at the very bottom; Help/Contact/features/partner on the
   welcome pages (phones); petty cash cards aligned; Add bill a small round button; Quick invoice in the same design ═══ */
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock .lktop{display:none!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock .lockscr[data-otp="up"]:has(#lk-otp:not([hidden])) .lktop,html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock[data-otp="up"]:has(#lk-otp:not([hidden])) .lktop,html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock[data-otp="cc"]:has(#lk-create:not([hidden])) .lktop{display:flex!important}
html:is(.velbil,.vdsl):not(#a):not(#b) body #lock .lpanel{padding-top:max(9vh,40px)!important}

html:is(.velbil,.vdsl):not(#a):not(#b) body #lock .vbfoot{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;height:auto!important;max-height:none!important;align-items:center!important;gap:10px!important;margin-top:22px!important}
html.velbil:not(#a):not(#b) body #lock .vbfoot .vbf-help{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:0!important}
@media (max-width:819px){html.velbil body #lock .vbfoot .vbf-help{display:none!important}}
html.velbil:not(#a):not(#b) body #lock .vbfoot .vbpow{margin:0!important;order:0}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock .vbfoot .vbf-legal{display:flex;gap:16px;justify-content:center;margin:0!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock .vbfoot .vbf-legal a{color:var(--vc-mut)!important;font-weight:500!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock .vbfoot .vego-login-language{margin:4px 0 0!important;position:relative}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body #lock .vbfoot .vego-lang-list{top:auto!important;bottom:calc(100% + 6px)!important}
/* welcome pages: Help · Contact us · features · partner under the terms line */
html.velbil:not(#a) body #vbwel .vw-help{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:6px 0 0}
html.velbil:not(#a) body #vbwel .vw-help button{border:0;background:none;padding:2px 0;font:inherit;font-size:12.5px;font-weight:600;color:#2B5FFF;cursor:pointer}
/* petty cash: the three steps and the cards aligned on one grid */
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body[data-mod="accounts"] #view .acsteps{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body[data-mod="accounts"] #view .acsteps > div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:12px!important;background:var(--vc-card)!important;border:1px solid var(--vc-line)!important;border-radius:14px!important;box-shadow:none!important;text-align:start!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body[data-mod="accounts"] #view .acsteps > div b{width:24px!important;height:24px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:12px!important;margin:0!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body[data-mod="accounts"] #view .acsteps > div span{font-size:12.5px!important;line-height:1.35!important;color:var(--vc-ink2)!important;margin:0!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod="accounts"] .stcash{padding:14px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod="accounts"] .stcash .stch{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;column-gap:12px!important;row-gap:10px!important;align-items:center!important;margin:0!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod="accounts"] .stcash .stch::before{width:44px!important;height:44px!important;grid-row:1;grid-column:1}
html:is(.velbil,.vds) body[data-mod="accounts"] .stcash .stch > div{grid-column:2;min-width:0}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body[data-mod="accounts"] .stcash .stch > div b{font-size:15px!important;line-height:1.25!important;margin:0 0 2px!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] .stcash .stch > div span{font-size:12.5px!important;line-height:1.35!important}
html:is(.velbil,.vds) body[data-mod="accounts"] .stcash .stch > .btn{grid-column:2;justify-self:start}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body[data-mod="accounts"] #view .headrow{align-items:center!important}
/* Add bill: a small round button (the words are its label; pressing it opens Add a bill) */
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod="accounts"] #fab.billfab{width:48px!important;height:48px!important;min-width:48px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;gap:0!important;background:var(--vc-acc)!important;box-shadow:0 8px 18px -8px rgba(43,95,255,.6)!important}
html:is(.velbil,.vds) body[data-mod="accounts"] #fab.billfab .bf-tx{display:none!important}
html:is(.velbil,.vds) body[data-mod="accounts"] #fab.billfab::before{display:none!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #fab.billfab .bf-ic{background:transparent!important;box-shadow:none!important;width:auto!important;height:auto!important;margin:0!important}
html:is(.velbil,.vds):not(#a) body[data-mod="accounts"] #fab.billfab .bf-ic svg{width:22px!important;height:22px!important;color:#fff!important}
html:is(.velbil,.vds):not(#a) body[data-mod="accounts"] #fab.billfab .bf-ic :is(i,em,.bf-dot){display:none!important}

/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════
   VELBIL UI SYSTEM (5.9.43, owner 23 Oct 00:57–00:58): one pattern, the same everywhere — an iPhone-standard grid.
   · spacing: 4 · 8 · 12 · 16 · 24 only; page sides 16; cards 16 inside, 12 apart; every card / row corner 16
   · buttons — three heights only:  S 32 (default everywhere, 13/600, 14 sides)  ·  M 40 (tabs with a count)  ·
     L 44 (only the one finishing button of a form / the sign-in; its white arrow circle 32 = 6 on every side)
   · round icon buttons — two sizes only: 40 (icon 20) and 32 (icon 16); the icon is drawn as one centred image, so
     a + / ‹ / › / × sits exactly in the middle with equal space round it (no text characters)
   · text: page title 28/700, card title 15/600, body 15, small 13, tiny 12
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
html:is(.velbil,.vds){--ui-acc:#2B5FFF;--ui-acc-h:#1F4FE8;--ui-ink:#101828;--ui-ink2:#344054;--ui-mut:#667085;--ui-line:#E7EAF0;--ui-card:#fff;--ui-bg:#F5F6F8;--ui-r:16px}
/* S — the default button */
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .btn:not(#posapp *){height:32px!important;min-height:0!important;max-height:none!important;padding:0 14px!important;border-radius:16px!important;font-size:13px!important;font-weight:600!important;line-height:1!important;gap:6px!important;box-shadow:none!important;white-space:nowrap!important;width:auto}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .btn:not(#posapp *) svg{width:16px!important;height:16px!important;flex:none;margin:0!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g) body .btn:not(#posapp *)::after{content:none!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .btn.pri:not(#posapp *){background:var(--ui-acc)!important;color:#fff!important;border:0!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .btn:not(.pri):not(.danger):not(.linkbtn):not(#posapp *){background:var(--ui-card)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body .btn.full:not(#posapp *){width:100%!important;justify-content:center!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .vbx-tr-buy{height:32px!important;min-height:0!important;max-height:none!important;padding:0 14px!important;border-radius:16px!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #view .invbar :is(.ib-s,.ib-new){height:32px!important;min-height:0!important;max-height:none!important;padding:0 12px!important;border-radius:16px!important;font-size:13px!important;font-weight:600!important;gap:6px!important;box-shadow:none!important}
html:is(.velbil,.vds) body #view .invbar .ib-new{background:var(--ui-acc)!important;color:#fff!important;border:0!important}
html:is(.velbil,.vds) body #view .invbar .ib-s{background:var(--ui-card)!important;border:1px solid var(--ui-line)!important;color:var(--ui-ink)!important}
html:is(.velbil,.vds):not(#a):not(#b) body #view .invbar svg{width:16px!important;height:16px!important}
/* tabs: one segmented row, S height */
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #view .acsegs > button:not(.hlpb):not(.achelpbtn){height:32px!important;min-height:0!important;max-height:none!important;padding:0 14px!important;border-radius:16px!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #view .acsegs > button[aria-current="true"],html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #view .acsegs > button.on{background:var(--ui-acc)!important;color:#fff!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body #view .acsegs{align-items:center!important;gap:4px!important;padding:4px!important;border-radius:20px!important;min-height:0!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #view .seg2 > button{height:40px!important;min-height:0!important;max-height:none!important;border-radius:12px!important;font-size:12px!important;font-weight:600!important;padding:0 8px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body #view .seg2{padding:4px!important;gap:4px!important;border-radius:16px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body #sheet .pos-pay .chip,html:is(.velbil,.vds):not(#a):not(#b):not(#c) body .chip:not(#posapp *){height:32px!important;min-height:0!important;max-height:none!important;padding:0 12px!important;border-radius:16px!important;font-size:13px!important;font-weight:600!important;line-height:1.1!important;box-shadow:none!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #sheet .pos-pay .chip{height:auto!important;min-height:36px!important;white-space:normal!important}
/* L — only the finishing button: sign in / send code / continue, Save in a form's footer (and Clear beside it) */
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body :is(#lk-go,#otp-send,#otp-verify,.vbsu-next,.vbsu-back,.sfoot .btn),html.vdsl:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body :is(#lk-go,#otp-send,#otp-verify,.sfoot .btn),html.vds:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body :is(.sfoot .btn,#_vds){height:44px!important;min-height:0!important;max-height:none!important;border-radius:22px!important;font-size:15px!important;font-weight:600!important;padding:0 18px!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body :is(#lk-go,#otp-send,#otp-verify,.vbsu-next,.sfoot .btn.pri),html.vdsl:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body :is(#lk-go,#otp-send,#otp-verify,.sfoot .btn.pri),html.vds:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body :is(.sfoot .btn.pri,#_vds){position:relative!important;padding-inline:50px 18px!important;justify-content:flex-start!important;background:var(--ui-acc)!important;color:#fff!important;border:0!important;box-shadow:none!important}
html.velbil:not(#a):not(#b):not(#c) body :is(#lk-go,#otp-send,#otp-verify,.vbsu-next,.sfoot .btn.pri)::after,html.vdsl:not(#a):not(#b):not(#c) body :is(#lk-go,#otp-send,#otp-verify,.sfoot .btn.pri)::after,html.vds:not(#a):not(#b):not(#c) body :is(.sfoot .btn.pri,#_vds)::after{content:""!important;position:absolute!important;inset-inline-start:6px!important;inset-inline-end:auto!important;top:6px!important;margin:0!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B5FFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat!important;box-shadow:none!important;transform:none!important}
html.velbil[dir=rtl]:not(#a):not(#b):not(#c) body :is(#lk-go,#otp-send,#otp-verify,.vbsu-next,.sfoot .btn.pri)::after,html.vdsl[dir=rtl]:not(#a):not(#b):not(#c) body :is(#lk-go,#otp-send,#otp-verify,.sfoot .btn.pri)::after,html.vds[dir=rtl]:not(#a):not(#b):not(#c) body :is(.sfoot .btn.pri,#_vds)::after{transform:scaleX(-1)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body .sfoot{gap:8px!important;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px))!important;align-items:center!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body .sfoot .btn:not(.pri){flex:0 0 auto!important}
html:is(.velbil,.vds) body .sfoot .btn.pri{flex:1 1 auto!important;min-width:0!important}
/* round icon buttons — 40 (icon 20) */
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body header :is(.hsearch,#userbtn),html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body #view :is(.hlpb,.achelpbtn,.axround){width:40px!important;height:40px!important;min-width:40px!important;min-height:0!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;box-shadow:none!important}
html:is(.velbil,.vds):not(#a):not(#b) body header :is(.hsearch,#userbtn){background:var(--ui-card)!important;border:1px solid var(--ui-line)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body header :is(.hsearch,#userbtn) svg,html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #view :is(.axround,.hlpb,.achelpbtn) svg{width:20px!important;height:20px!important;display:block!important;margin:0!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body header .hback{width:40px!important;height:40px!important;padding:0!important;place-items:center!important;background:transparent!important;border:0!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body header .hback svg{width:22px!important;height:22px!important;display:block!important;margin:0!important}
html:is(.velbil,.vds):not(#a):not(#b) body #view .axc-go{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;padding:0!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #view .axc-go svg{width:18px!important;height:18px!important;display:block!important;margin:0!important}
/* the big + on Expenses / Sales → a 40 round button with a centred + */
html:is(.velbil,.vds):not(#a):not(#b) body #view .xplus{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:50%!important;background:var(--ui-acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/20px no-repeat!important;box-shadow:0 6px 14px -8px rgba(43,95,255,.6)!important;border:0!important}
html:is(.velbil,.vds):not(#a):not(#b) body #view .xplus > *{display:none!important}
/* round icon buttons — 32 (icon 16), drawn as one centred image */
html:is(.velbil,.vds):not(#a):not(#b) body #view .tkplus{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:50%!important;font-size:0!important;color:transparent!important;background:var(--ui-acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/16px no-repeat!important;border:0!important;box-shadow:none!important}
html:is(.velbil,.vds):not(#a):not(#b) body #view .xmon-nav{width:32px!important;height:32px!important;padding:0!important;border-radius:50%!important;font-size:0!important;color:transparent!important;background:rgba(255,255,255,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E") center/16px no-repeat!important;border:0!important}
html:is(.velbil,.vds):not(#a):not(#b) body #view .xmon-nav[data-act$="(1)"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body #sheet :is(.close,.prx){width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:50%!important;font-size:0!important;color:transparent!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B4157' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/18px no-repeat!important;border:0!important;box-shadow:none!important}
html:is(.velbil,.vds):not(#a):not(#b) body #sheet :is(.close,.prx) svg{display:none!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f) body #sheet .close.back{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B5FFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E")!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body[data-mod="accounts"] #fab.billfab{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important}
html:is(.velbil,.vds):not(#a) body[data-mod="accounts"] #fab.billfab .bf-ic svg{width:20px!important;height:20px!important;display:block!important}
html:is(.velbil,.vds) body[data-mod="accounts"] #fab.billfab .bf-ic{display:grid!important;place-items:center!important}
/* cards and rows: one corner (16), one hairline, one padding (16) */
html.velbil:not(#a):not(#b) body #view :is(.card,.stcash,.acacct,.axt,.axprof,.dcdash,.tkcard,.row.bizrow,.xaddbill,.empty,.vbposc),html.vds:not(#a):not(#b) body #view :is(.card,.stcash,.acacct,.axt,.axprof,.dcdash,.tkcard,.row.bizrow,.xaddbill,.empty){border-radius:var(--ui-r)!important}
html.velbil:not(#a) body #view :is(.row.bizrow,.xaddbill,.dcdash,.tkcard,.axprof,.vbposc),html.vds:not(#a) body #view :is(.row.bizrow,.xaddbill,.dcdash,.tkcard,.axprof){background:var(--ui-card)!important;border:1px solid var(--ui-line)!important;box-shadow:none!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #view .acsteps > div{border-radius:12px!important}
html:is(.velbil,.vds):not(#a):not(#b) body #view :is(h1,.headrow h1){font-size:28px!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.15!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #view :is(.hlpb,.achelpbtn) svg{width:20px!important;height:20px!important}
html:is(.velbil,.vds):not(#a):not(#b) body #view .axc-eye{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;padding:0!important}
html:is(.velbil,.vds):not(#a):not(#b) body #view .axc-eye svg{width:18px!important;height:18px!important;display:block!important}
html:is(.velbil,.vds) body header .hback[hidden]{display:none!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #lock .vbpow :is(img.vbpow-v,i){display:none!important} /* owner 01:04: sign-in says only "Powered by vegocore" */
/* UI system — the rest of the app (owner 01:22 "professional, uniform, premium for the app") */
/* every sheet's back: the same 32 round button with a centred chevron (no "Back" word in one place and "‹" in another) */
html:is(.velbil,.vds):not(#a):not(#b) body #sheet :is(.cobk,.prback){width:32px!important;height:32px!important;min-width:32px!important;min-height:0!important;padding:0!important;border-radius:50%!important;font-size:0!important;color:transparent!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B5FFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E") center/18px no-repeat!important;border:0!important;box-shadow:none!important}
html:is(.velbil,.vds):not(#a):not(#b) body #sheet :is(.cobk,.prback) > *{display:none!important}
/* list rows: one height, one inset (iPhone grouped list) */
html.velbil:not(#a):not(#b) body #sheet :is(.vbm-row,.prrow),html.vds:not(#a):not(#b) body #sheet :is(.prrow){min-height:56px!important;padding-block:10px!important;padding-inline:16px!important;gap:12px!important;align-items:center!important}
html.velbil:not(#a):not(#b) body #sheet :is(.vbm-row,.prrow) b,html.vds:not(#a):not(#b) body #sheet :is(.prrow) b{font-size:15px!important;font-weight:600!important}
html.velbil:not(#a):not(#b) body #sheet :is(.vbm-row,.prrow) :is(small,.prsub,span:not(.vbm-i):not(.pric)),html.vds:not(#a):not(#b) body #sheet :is(.prrow) :is(small,.prsub){font-size:13px!important;line-height:1.3!important}
html.velbil:not(#a):not(#b) body #sheet :is(.prg,.vbm-grp,.vbs-me),html.vds:not(#a):not(#b) body #sheet :is(.prg){border-radius:16px!important}
/* every row of tabs is the same segmented control (S 32) */
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body :is(#view,#sheet) button:is([data-act^="setStkTab"],[data-act^="vbProfTab"],[data-act^="setRpPer"]){height:32px!important;min-height:0!important;padding:0 14px!important;border-radius:16px!important;font-size:13px!important;font-weight:600!important;border:0!important;box-shadow:none!important}
html:is(.velbil,.vds):not(#a) body :is(#view,#sheet) button:is([data-act^="setStkTab"],[data-act^="vbProfTab"])[aria-selected="true"],html:is(.velbil,.vds):not(#a) body :is(#view,#sheet) button:is([data-act^="setStkTab"],[data-act^="vbProfTab"]).on{background:var(--ui-acc)!important;color:#fff!important}
/* the other finishing buttons (profile Save, Plans "Get") are the same L 44 */
html.velbil:not(#a):not(#b):not(#c) body #sheet .vbx-get{height:44px!important;min-height:0!important;border-radius:22px!important;font-size:15px!important;font-weight:600!important;background:var(--ui-acc)!important;color:#fff!important;box-shadow:none!important;position:relative!important;padding-inline:50px 18px!important;justify-content:flex-start!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #sheet .vbx-get::after{content:""!important;position:absolute!important;inset-inline-start:6px!important;inset-inline-end:auto!important;top:6px!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B5FFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat!important;margin:0!important;box-shadow:none!important}
/* tiles: the same corner */
html:is(.velbil,.vds):not(#a):not(#b) body #sheet .hubtile,html:is(.velbil,.vds):not(#a):not(#b) body #view .acquick > button{border-radius:16px!important}
/* the profile / plans forms use the same field as every other form: label above, 44 grey field (was a floating label) */
html.velbil:not([data-theme="dark"]) body #sheet .vbx-f{display:flex!important;flex-direction:column-reverse!important;gap:6px!important}
html.velbil:not([data-theme="dark"]):not(#a) body #sheet .vbx-f label{position:static!important;font-size:12.5px!important;font-weight:500!important;color:var(--ui-ink2)!important;top:auto!important}
html.velbil:not([data-theme="dark"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #sheet .vbx-f :is(input,select){height:44px!important;min-height:0!important;padding:0 12px!important;font-size:15px!important;background-color:#F2F3F6!important;border:1px solid transparent!important;border-radius:12px!important}
html.velbil:not([data-theme="dark"]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #sheet .vbx-f :is(input,select):focus{background-color:#fff!important;border-color:var(--ui-acc)!important;box-shadow:0 0 0 3px rgba(43,95,255,.14)!important}
html.velbil:not([data-theme="dark"]):not(#a) body #sheet:has(.vbx-f),html.velbil:not([data-theme="dark"]):not(#a) body #sheet:has(.vbx-f) :is(.sbody,.shead,.sfoot){background:#fff!important}

/* a short phone (≤ 760 tall): the card a little less low, so the whole sign-in still fits without scrolling */
@media (max-height:760px){html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #lock .lpanel{padding-top:12px!important} html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #lock .lockbox{padding:16px!important} html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #lock .vbfoot{margin-top:12px!important;gap:6px!important}}
/* L wins over the S default (the S rule carries an extra id from :not(#posapp *)) */
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(#lk-go,#otp-send,#otp-verify,.vbsu-next,.vbsu-back,.sfoot .btn),html.vdsl:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(#lk-go,#otp-send,#otp-verify,.sfoot .btn),html.vds:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(.sfoot .btn,#_vds){height:44px!important;border-radius:22px!important;font-size:15px!important;padding:0 18px!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(#lk-go,#otp-send,#otp-verify,.vbsu-next,.sfoot .btn.pri),html.vdsl:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(#lk-go,#otp-send,#otp-verify,.sfoot .btn.pri),html.vds:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(.sfoot .btn.pri,#_vds){padding-inline:50px 18px!important}
/* Plans — Monthly / Yearly / 2 years: one track, three equal parts, each the same height, words centred
   (Monthly sits in the middle like the two-line ones; flat blue for the chosen one) */
html:is(.velbil,.vds):not(#a):not(#b) body #sheet .pltog{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;gap:4px!important;padding:4px!important;border-radius:16px!important;background:#EEF0F4!important;border:0!important;box-shadow:none!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #sheet .pltog > button{height:48px!important;min-height:0!important;margin:0!important;padding:0 6px!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;font-size:14px!important;font-weight:600!important;line-height:1.1!important;background:transparent!important;color:var(--ui-ink)!important;border:0!important;box-shadow:none!important;transform:none!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #sheet .pltog > button em{font-style:normal!important;font-size:11px!important;font-weight:600!important;color:#16A34A!important;line-height:1.1!important;margin:0!important;display:block!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #sheet .pltog > button[aria-selected="true"]{background:var(--ui-acc)!important;color:#fff!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #sheet .pltog > button[aria-selected="true"] em{color:#D7F5E1!important}
/* owner 01:48 — Sales / Expenses month card like his "CARD 1" picture: a soft white frame (thick white edge, big soft
   shadow), the picture inset with its own rounded corners and a soft inner shade, clean (no words on it); under it a
   small grey label (‹ OCTOBER 2026 ›), the amount in dark, the line in grey with the key part dark */
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon){position:relative!important;overflow:hidden!important;background:linear-gradient(180deg,#FAFAFB,#F1F2F4)!important;border:6px solid #fff!important;border-radius:32px!important;box-shadow:0 1px 2px rgba(16,24,40,.05),0 24px 48px -28px rgba(16,24,40,.35),0 0 0 1px rgba(16,24,40,.05)!important;padding:164px 16px 16px!important;min-height:0!important;color:var(--ui-ink)!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #view .xmon.invmon::before{content:""!important;position:absolute!important;inset:8px 8px auto 8px!important;height:148px!important;border-radius:24px!important;background:#0B1478 url("/img/cards/vego-invoices.webp?v=38d808448c") center/cover no-repeat!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -40px 60px -30px rgba(0,0,0,.45),inset 0 30px 50px -40px rgba(0,0,0,.35)!important;pointer-events:none}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #view .xmon.expmon::before{content:""!important;position:absolute!important;inset:8px 8px auto 8px!important;height:148px!important;border-radius:24px!important;background:#0B1478 url("/img/cards/vego-bills.webp?v=e4c1399067") center/cover no-repeat!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -40px 60px -30px rgba(0,0,0,.45),inset 0 30px 50px -40px rgba(0,0,0,.35)!important;pointer-events:none}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) .xmon-t{gap:4px!important;margin:0 0 6px!important}
html:is(.velbil,.vds) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) .xmon-ci{display:none!important}
html:is(.velbil,.vds):not(#a) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) .xmon-t b{color:#98A2B3!important;font-size:13px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) .xmon-nav{width:24px!important;height:24px!important;background-color:transparent!important;background-size:14px!important;filter:brightness(0) invert(.62)!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) .xmon-big{color:var(--ui-ink)!important;gap:6px!important;margin:0!important;align-items:baseline!important}
html:is(.velbil,.vds):not(#a) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) .xmon-big small{font-size:15px!important;font-weight:600!important;color:var(--ui-ink)!important}
html:is(.velbil,.vds):not(#a) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) .xmon-big b{font-size:30px!important;font-weight:700!important;letter-spacing:-.02em!important;text-shadow:none!important;color:var(--ui-ink)!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) .xmon-s{color:#98A2B3!important;font-size:15px!important;font-weight:500!important;max-width:none!important;margin:4px 0 0!important;line-height:1.35!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) .xmon-s :is(.up,.dn){color:var(--ui-ink)!important;font-weight:600!important}
/* owner 01:53: the month card lower, and everything on one left line — the picture 112 high; label, amount and line
   all start at the picture's left edge (16); the ‹ › at the right end of the label row */

html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon)::before{height:110px!important;border-radius:22px!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) .xmon-t{display:flex!important;align-items:center!important;height:24px!important;margin:0 0 2px!important;padding:0!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) .xmon-t b{order:-1!important;margin-inline-end:auto!important;padding:0!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) .xmon-nav{margin:0!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) .xmon-big{padding:0!important;line-height:1.1!important}
html:is(.velbil,.vds):not(#a) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) .xmon-big b{font-size:26px!important;line-height:1.1!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) .xmon-s{font-size:13.5px!important;margin:2px 0 0!important;padding:0!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon)::before{inset:10px 10px auto 10px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon){padding:128px 12px 12px 10px!important;padding-inline:10px!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon) :is(.xmon-t,.xmon-big,.xmon-s){margin-inline:0!important}
/* owner 02:06: the month card's bottom edge a blue gradient — the white frame turns blue towards the bottom
   (sides fade into it, the bottom edge fully blue, left #2B5FFF → right #5AB8FF) */
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body[data-mod="accounts"] #view :is(.xmon.invmon,.xmon.expmon){border:6px solid transparent!important;background:linear-gradient(180deg,#FAFAFB,#F1F2F4) padding-box,linear-gradient(180deg,#fff 0%,#fff 58%,rgba(255,255,255,0) 100%) border-box,linear-gradient(90deg,#2B5FFF 0%,#3D7BFF 50%,#5AB8FF 100%) border-box!important}
/* owner 02:10 (picture: four coloured insight cards — "use somewhere"): the POS four-number rows (Sales today, Day end,
   Shift) as four coloured cards — green Net sales with a 3D up-arrow, blue Transactions with bars, red→orange Average sale
   with a rising line, indigo Items sold with a 3D box; label top-left, the number big, the vs-yesterday line under it.
   Original drawings in img/velbil/kpi/. */
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 > *{min-width:0}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 .vp-kpi{position:relative!important;overflow:hidden!important;min-height:124px!important;padding:16px!important;border-radius:22px!important;border:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;color:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.08),0 14px 26px -16px rgba(16,24,40,.45),inset 0 1px 0 rgba(255,255,255,.22)!important;background-repeat:no-repeat!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 .vp-kpi .vp-ki,html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 .vp-kpi .vp-spark{display:none!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 .vp-kpi .vp-kt{position:relative;z-index:1;display:flex!important;flex-direction:column!important;gap:2px!important;height:100%;width:100%}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 .vp-kpi .vp-kt > span{font-size:14px!important;font-weight:600!important;color:rgba(255,255,255,.95)!important;max-width:62%;line-height:1.2}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 .vp-kpi .vp-kt > b{margin-top:auto!important;padding-top:22px;font-size:24px!important;font-weight:700!important;letter-spacing:-.02em!important;color:#fff!important;line-height:1.1!important;text-shadow:0 1px 2px rgba(0,0,0,.15)}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 .vp-kpi .vp-kt :is(small,.vp-vs,em,span:not(:first-child)){color:rgba(255,255,255,.85)!important;font-size:11.5px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 .vp-kpi .vp-kt .vp-vs svg{color:#fff!important}

html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 > :nth-child(1) .vp-kpi,html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 > .vp-kpi:nth-child(1){background:url("/img/velbil/kpi/up.svg?v=1bf09dbc50") right -6px bottom -12px/52% auto no-repeat,linear-gradient(160deg,#2EB653 0%,#25A848 55%,#3CCB62 100%)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 > :nth-child(2) .vp-kpi,html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 > .vp-kpi:nth-child(2){background:url("/img/velbil/kpi/bars.svg?v=ae62985bcc") right 14px top 16px/44% auto no-repeat,linear-gradient(180deg,#1C36C9 0%,#2F5FE6 55%,#4E8CF5 100%)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 > :nth-child(3) .vp-kpi,html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 > .vp-kpi:nth-child(3){background:url("/img/velbil/kpi/line.svg?v=2cb83aca26") right -4px bottom -6px/62% auto no-repeat,linear-gradient(180deg,#D9161E 0%,#F2453A 50%,#FF8A3D 100%)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 > :nth-child(4) .vp-kpi,html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp .vp-kpis.k4 > .vp-kpi:nth-child(4){background:url("/img/velbil/kpi/box.svg?v=e0cc8d4391") right 8px bottom 6px/40% auto no-repeat,linear-gradient(180deg,#24204F 0%,#34306E 60%,#46418C 100%)!important}
/* the drawings stay in the top-right corner (fixed sizes), the label beside them and the number below — nothing overlaps */
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #posapp .vp-kpis.k4 .vp-kpi .vp-kt > span{max-width:calc(100% - 70px)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #posapp .vp-kpis.k4 .vp-kpi .vp-kt > b{padding-top:30px!important;font-size:22px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #posapp .vp-kpis.k4 > :nth-child(1) .vp-kpi,html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #posapp .vp-kpis.k4 > .vp-kpi:nth-child(1){background:url("/img/velbil/kpi/up.svg?v=1bf09dbc50") right 10px top 10px/58px auto no-repeat,linear-gradient(160deg,#2EB653 0%,#25A848 55%,#3CCB62 100%)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #posapp .vp-kpis.k4 > :nth-child(2) .vp-kpi,html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #posapp .vp-kpis.k4 > .vp-kpi:nth-child(2){background:url("/img/velbil/kpi/bars.svg?v=ae62985bcc") right 12px top 14px/72px auto no-repeat,linear-gradient(180deg,#1C36C9 0%,#2F5FE6 55%,#4E8CF5 100%)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #posapp .vp-kpis.k4 > :nth-child(3) .vp-kpi,html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #posapp .vp-kpis.k4 > .vp-kpi:nth-child(3){background:url("/img/velbil/kpi/line.svg?v=2cb83aca26") right 10px top 14px/76px auto no-repeat,linear-gradient(180deg,#D9161E 0%,#F2453A 50%,#FF8A3D 100%)!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #posapp .vp-kpis.k4 > :nth-child(4) .vp-kpi,html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #posapp .vp-kpis.k4 > .vp-kpi:nth-child(4){background:url("/img/velbil/kpi/box.svg?v=e0cc8d4391") right 10px top 10px/56px auto no-repeat,linear-gradient(180deg,#24204F 0%,#34306E 60%,#46418C 100%)!important}
/* labels never cut: they wrap beside a smaller drawing (48 on phones, 84 on wide screens) */
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #posapp .vp-kpis.k4 .vp-kpi .vp-kt > span{max-width:calc(100% - 56px)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:13.5px!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #posapp .vp-kpis.k4 .vp-kpi{background-size:48px auto,100% 100%!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #posapp .vp-kpis.k4 > :nth-child(2) .vp-kpi,html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #posapp .vp-kpis.k4 > :nth-child(3) .vp-kpi{background-size:58px auto,100% 100%!important}
@media (min-width:820px){html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #posapp .vp-kpis.k4 .vp-kpi{background-size:76px auto,100% 100%!important} html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #posapp .vp-kpis.k4 > :nth-child(2) .vp-kpi,html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #posapp .vp-kpis.k4 > :nth-child(3) .vp-kpi{background-size:96px auto,100% 100%!important} html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #posapp .vp-kpis.k4 .vp-kpi .vp-kt > span{max-width:calc(100% - 110px)!important}}
/* 5.9.48 — owner 02:21 (his "Pull up for new tasks" picture): Home's updates card — a blue glow with "^ You have N
   updates", a white sheet rising from the bottom (grab handle, the line, two app icons stacked with a ✦ count) */
html.velbil:not(#a):not(#b):not(#c) body #view .vbupd{display:block!important;width:100%!important;padding:0!important;margin:0 0 12px!important;border:0!important;border-radius:24px!important;overflow:hidden!important;text-align:start!important;cursor:pointer;background:radial-gradient(120% 90% at 50% 0%,#1E86FF 0%,#4FA2FF 45%,#A9CFFF 100%)!important;box-shadow:0 1px 2px rgba(16,24,40,.06),0 18px 34px -22px rgba(30,100,255,.6)!important}
html.velbil:not(#a) body #view .vbupd-top{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 16px 14px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.01em}
html.velbil:not(#a) body #view .vbupd-top svg{width:20px;height:20px;display:block}
html.velbil:not(#a) body #view .vbupd-sheet{position:relative;display:flex;align-items:center;gap:12px;min-height:96px;padding:22px 16px 16px;background:#fff;border-radius:24px 24px 0 0;margin:0 4px}
html.velbil body #view .vbupd-h{position:absolute;top:8px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:#D0D5DD}
html.velbil:not(#a) body #view .vbupd-sheet b{flex:1;min-width:0;font-size:17px;font-weight:600;line-height:1.25;color:#101828;letter-spacing:-.01em}
html.velbil body #view .vbupd-art{position:relative;flex:none;width:104px;height:64px}
html.velbil:not(#a) body #view .vbupd-art i{position:absolute;top:2px;width:58px;height:58px;border-radius:16px;background-size:100%;background-repeat:no-repeat;box-shadow:0 10px 18px -10px rgba(11,30,90,.55)}
html.velbil body #view .vbupd-art i:first-child{right:0;transform:rotate(10deg)}
html.velbil body #view .vbupd-art i:nth-child(2){right:30px;transform:rotate(-8deg)}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #view .vbupd-art em{position:absolute;left:0;bottom:-2px;font-style:normal;font-size:13px;font-weight:700;color:#2B5FFF;background:#fff;border-radius:10px;padding:4px 9px;box-shadow:0 6px 14px -6px rgba(16,24,40,.35)}
/* the Updates sheet: the same rows as the menu, a count at the end */
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #sheet .vbupd-list .vbm-row{display:flex!important;width:100%;text-align:start;background:#fff;border:0}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #sheet .vbupd-list .vbm-i{flex:none;width:36px!important;height:36px!important;border-radius:10px!important;background-size:100%!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #sheet .vbupd-list .vbm-t{flex:1;min-width:0;display:flex;flex-direction:column}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #sheet .vbupd-n{font-style:normal;min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:#2B5FFF;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #sheet .vbupd-list .vbm-row[data-act*="openTasks"] .vbm-i{background:url("/img/velbil/icons/tasks.svg?v=9de59dea87") center/100% no-repeat!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #sheet .vbupd-list .vbm-row[data-act*="aging"] .vbm-i{background:url("/img/velbil/icons/invoice.svg?v=0f56d56e09") center/100% no-repeat!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #view .vbupd-art em{display:inline-flex!important;align-items:center;gap:4px}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #view .vbupd-art em svg{width:12px;height:12px;display:block}
/* owner 02:29: "Your accounts" smaller, and no ? button beside it */
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body[data-mod="accounts"] #view .axh2 h1{font-size:20px!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.2!important;margin:2px 0 0!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #view .axh2 .axh2-d{font-size:11px!important;letter-spacing:.08em!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d) body[data-mod="accounts"] #view .axh2 .hlpb{display:none!important}
html:is(.velbil,.vds):not(#a):not(#b) body[data-mod="accounts"] #view .axh2{align-items:center!important;margin-bottom:12px!important}
/* owner 02:31: "Powered by vegocore" only, everywhere (no velbil mark and bar before it) */
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body .vbpow :is(img.vbpow-v,i){display:none!important}
/* owner 02:31: an off-white card behind the blue free-trial card, showing under it (a stacked pair) */
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body[data-mod="accounts"] #view .vbx-trial{margin-bottom:22px!important;box-shadow:0 12px 0 -5px #F6F3EC,0 12px 0 -4px rgba(16,24,40,.08),0 22px 24px -16px rgba(16,24,40,.25)!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body[data-mod="accounts"] #view .vbx-trial{margin-bottom:26px!important;box-shadow:0 14px 0 -7px #FFFCF5,0 14px 0 -6px rgba(16,24,40,.12),0 22px 22px -14px rgba(16,24,40,.22)!important}
/* owner 02:33: no "Powered by" line anywhere in Velbil (sign-in, menu, sheets, POS) */
html.velbil:not(#a) body .vbpow{display:none!important}
/* owner 02:34: the off-white is not a rounded card — a straight band from the left edge of the screen to the right,
   behind the blue trial card (14px above and below it) */
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body[data-mod="accounts"] #view .vbx-trial{margin:16px 0 30px!important;box-shadow:0 0 0 100vmax #FBF8F1!important;clip-path:inset(-14px -100vmax)!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body[data-mod="accounts"] #view .vbx-trial{margin:18px 0 32px!important;box-shadow:0 0 0 100vmax #FAF5EA!important;clip-path:inset(-16px -100vmax)!important}
/* owner 02:35: the band is a darker shade of the page background itself (not off-white) */
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m) body[data-mod="accounts"] #view .vbx-trial{box-shadow:0 0 0 100vmax #E6E9F0!important}

/* ═══ 5.9.53 — owner 02:42: Manrope, and his type table (size / line height · weight). Me = 500, Reg = 400.
   sign-in heading 28/36 Me · page title 24/32 Me · section heading 20/28 Me · dashboard amount 28/36 Me ·
   body 16/24 Reg · input 16/24 Reg · buttons 16/24 Me · field labels 14/20 Me · supporting text 14/20 Reg ·
   badges / captions 12/16 Reg · bottom navigation labels 12/16 Me. (Arabic keeps Cairo.) ═══ */
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body,html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body :is(button,input,select,textarea,h1,h2,h3,h4,h5,h6,b,strong,small,span,p,a,label,em,div,li,td,th){font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-feature-settings:normal!important}
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c) body{font-size:16px!important;line-height:24px!important;font-weight:400}
/* sign-in heading */
html:is(.velbil,.vdsl):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body #lock .vbhd h2{font-size:28px!important;line-height:36px!important;font-weight:500!important;letter-spacing:-.01em!important}

/* page title */
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body :is(#view,#sheet) h1,html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #view .axh2 h1,html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h) body #posapp h1{font-size:24px!important;line-height:32px!important;font-weight:500!important;letter-spacing:-.01em!important}
/* section heading (and every sheet's title) */
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b) body :is(#view,#sheet,#posapp) h2,html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b) body #sheet .edtitle,html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b) body #view .axsec h2{font-size:20px!important;line-height:28px!important;font-weight:500!important;letter-spacing:-.005em!important}
/* dashboard amount */
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body #view :is(.axc-big b,.axcash .axc-big b,.xmon-big b),html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body #posapp .vp-kpi .vp-kt > b{font-size:28px!important;line-height:36px!important;font-weight:500!important;letter-spacing:-.01em!important}
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body #view :is(.axc-big small,.xmon-big small){font-size:16px!important;line-height:24px!important;font-weight:500!important}
/* body text: rows, cards, lists */
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b) body :is(#view,#sheet) :is(p,li,td){font-size:16px!important;line-height:24px!important;font-weight:400!important}
html.velbil:not([lang=ar]):not(#a):not(#b):not(#c):not(#d) body :is(#view,#sheet) :is(.vbm-row,.prrow,.bizrow,.dcdash,.tkcard,.axprof,.axt,.stcash,.acacct) b,html.vds:not([lang=ar]):not(#a):not(#b):not(#c):not(#d) body :is(#view,#sheet) :is(.prrow,.bizrow,.dcdash,.tkcard,.axprof,.axt,.stcash,.acacct) b{font-size:16px!important;line-height:24px!important;font-weight:500!important}
/* input text */
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body :is(input,select,textarea){font-size:16px!important;line-height:24px!important;font-weight:400!important}
/* buttons */
html.velbil:not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(.btn,#lk-go,#otp-send,#otp-verify,.vbsu-next,.vbsu-back,.vbx-get,.vbx-tr-buy,.vbg-btn),html.vdsl:not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(.btn,#lk-go,#otp-send,#otp-verify,.vbg-btn),html.vds:not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(.btn,#_vds){font-size:16px!important;line-height:24px!important;font-weight:500!important}
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #view .acsegs > button,html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(#view,#sheet) .seg2 > button,html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(#view,#sheet) button:is([data-act^="setStkTab"],[data-act^="vbProfTab"],[data-act^="setRpPer"]),html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body .chip,html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #sheet .pltog > button{font-size:14px!important;line-height:20px!important;font-weight:500!important}
/* field labels */
html.velbil:not([lang=ar]):not(#a):not(#b) body :is(.f label,#lock .f label,#sheet .vbx-f label),html.vdsl:not([lang=ar]):not(#a):not(#b) body :is(.f label,#lock .f label),html.vds:not([lang=ar]):not(#a):not(#b) body :is(.f label,#_vds){font-size:14px!important;line-height:20px!important;font-weight:500!important}
/* supporting text */
html.velbil:not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body :is(#view,#sheet) :is(.sub,.xmon-s,small,.prsub,.vbm-row small,.prrow small,.stch span,.axtt small,.vbupd-top),html.vds:not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body :is(#view,#sheet) :is(.sub,.xmon-s,small,.prsub,.prrow small,.stch span,.axtt small){font-size:14px!important;line-height:20px!important;font-weight:400!important}
html:is(.velbil,.vdsl):not([lang=ar]):not(#a):not(#b) body #lock :is(.vbhd p,.lfoot,.remember b,.vbg-or span){font-size:14px!important;line-height:20px!important;font-weight:400!important}
/* badges / captions */
html.velbil:not([lang=ar]):not(#a):not(#b):not(#c) body :is(.badge,.tag,.pill,.tcount,.axh2-d,.vbx-tr-badge,.vp-st,.vp-vs,.acqb,em.axbadge,.vbupd-n,.vbupd-art em),html.vds:not([lang=ar]):not(#a):not(#b):not(#c) body :is(.badge,.tag,.pill,.tcount,.axh2-d,.vp-st,.vp-vs,.acqb,em.axbadge){font-size:12px!important;line-height:16px!important;font-weight:400!important}
/* bottom navigation labels */
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c) body[data-mod] .bnav button :is(span,small,b),html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c) body[data-mod] .bnav button{font-size:12px!important;line-height:16px!important;font-weight:500!important}
/* the L button's white arrow circle (the S rule's "no arrow" carried more weight) */
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body :is(#lk-go,#otp-send,#otp-verify,.vbsu-next,.sfoot .btn.pri,#sheet .vbx-get)::after,html.vdsl:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body :is(#lk-go,#otp-send,#otp-verify,.sfoot .btn.pri)::after,html.vds:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k) body :is(.sfoot .btn.pri,#_vds)::after{content:""!important;position:absolute!important;inset-inline-start:6px!important;inset-inline-end:auto!important;top:6px!important;width:32px!important;height:32px!important;margin:0!important;border-radius:50%!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B5FFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat!important;box-shadow:none!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(#lk-go,#otp-send,#otp-verify,.vbsu-next,.sfoot .btn.pri,#sheet .vbx-get),html.vdsl:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(#lk-go,#otp-send,#otp-verify,.sfoot .btn.pri),html.vds:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body :is(.sfoot .btn.pri,#_vds){position:relative!important;padding-inline:50px 18px!important;justify-content:flex-start!important}
/* sign-in / sign-up fields are 44 like every form; on a short phone (≤ 760 tall) the gaps between fields 4 less */
html:is(.velbil,.vdsl):not(#a):not(#b) body #lock :is(input:not([type=checkbox]):not([type=radio]),.pwwrap input){min-height:44px!important;height:44px!important}
@media (max-height:760px){html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body #lock .f{gap:4px!important;margin-bottom:6px!important} html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body #lock .vbhd{margin-bottom:6px!important} html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l) body #lock .vbsu-prog{margin-block:4px!important}}
/* owner 02:56: the main amounts big and bold again, as before (Manrope 700) */
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #view .axc-big b{font-size:46px!important;line-height:52px!important;font-weight:700!important;letter-spacing:-.02em!important}
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body #view .axc-big small{font-size:18px!important;font-weight:600!important}
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #view .xmon-big b{font-size:30px!important;line-height:36px!important;font-weight:700!important;letter-spacing:-.02em!important}
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body #view .xmon-big small{font-size:16px!important;font-weight:600!important}
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #posapp .vp-kpi .vp-kt > b{font-size:26px!important;line-height:32px!important;font-weight:700!important;letter-spacing:-.02em!important}
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #view :is(.axt,.axprof,.acacct) b.num,html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body #view :is(.axt,.axprof) b{font-size:20px!important;line-height:26px!important;font-weight:700!important}
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q) body :is(#view,#sheet,#posapp) b.num{font-weight:700!important}
/* owner 02:59: Inter instead of Manrope (same sizes and weights; Inter is already on the site, fonts/Inter-latin-var.woff2) */
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body,html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p) body :is(button,input,select,textarea,h1,h2,h3,h4,h5,h6,b,strong,small,span,p,a,label,em,div,li,td,th){font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-feature-settings:"cv11","ss01"!important}
/* a short phone (≤ 760 tall): a little less space above and inside the card, the heading 24/32 — the sign-up's Continue
   stays on screen at 360 × 740 with Inter */
@media (max-height:760px){html:is(.velbil,.vdsl):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r) body #lock .lpanel{padding-top:6px!important} html:is(.velbil,.vdsl):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r) body #lock .lockbox{padding:12px 16px!important} html:is(.velbil,.vdsl):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r) body #lock .vbhd h2{font-size:24px!important;line-height:32px!important}}
/* 5.9.56 — owner 03:06 (his folder picture): Home's Bills as a blue folder. The back with its tab, white bill papers
   sticking out (tilted, overlapping), the front panel with the bill icon, "Bills · October", the month's total big
   and bold, and the count line. */
html.velbil:not(#a):not(#b):not(#c) body #view .vbfold{position:relative!important;display:block!important;width:100%!important;height:184px!important;margin:4px 0 12px!important;padding:0!important;border:0!important;background:transparent!important;text-align:start!important;cursor:pointer;box-shadow:none!important}
html.velbil body #view .vbf-back{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#5AA8FF,#2F86F6);}
html.velbil body #view .vbf-back{clip-path:none;border-radius:0 22px 22px 22px;top:18px}
html.velbil body #view .vbf-back::before{content:"";position:absolute;left:0;top:-18px;width:42%;height:30px;border-radius:20px 20px 0 0;background:#5AA8FF}
html.velbil body #view .vbf-papers{position:absolute;left:16px;right:16px;top:30px;height:90px}
html.velbil:not(#a) body #view .vbf-papers i{position:absolute;bottom:0;width:31%;height:84px;border-radius:10px;background:#fff linear-gradient(#E6ECF5,#E6ECF5) 12px 16px/48% 6px no-repeat;box-shadow:0 6px 14px -6px rgba(11,30,90,.35)}
html.velbil:not(#a) body #view .vbf-papers i::after{content:"";position:absolute;left:12px;right:14px;top:30px;height:28px;background:repeating-linear-gradient(180deg,#EEF2F8 0 4px,transparent 4px 10px)}
html.velbil:not(#a) body #view .vbf-papers i:nth-child(1){left:0;transform:rotate(-4deg);height:76px}
html.velbil body #view .vbf-papers i:nth-child(2){left:22%;transform:rotate(2deg)}
html.velbil:not(#a) body #view .vbf-papers i:nth-child(3){left:46%;transform:rotate(-6deg);height:80px}
html.velbil:not(#a) body #view .vbf-papers i:nth-child(4){right:0;transform:rotate(7deg);height:88px}
html.velbil:not(#a) body #view .vbf-front{position:absolute;left:0;right:0;bottom:0;height:96px;display:flex;align-items:center;gap:12px;padding:0 16px;border-radius:22px;background:linear-gradient(180deg,rgba(64,152,255,.94),#2B7DF2);box-shadow:0 -1px 0 rgba(255,255,255,.35) inset,0 18px 30px -18px rgba(30,100,255,.7);backdrop-filter:blur(6px);color:#fff}
html.velbil:not(#a) body #view .vbf-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#2B7DF2}
html.velbil:not(#a) body #view .vbf-ic svg{width:22px;height:22px;display:block}
html.velbil:not(#a) body #view .vbf-t{display:flex;flex-direction:column;min-width:0}
html.velbil:not(#a):not(#b) body #view .vbf-t small{font-size:14px!important;line-height:20px!important;font-weight:500!important;color:rgba(255,255,255,.9)!important}
html.velbil:not(#a):not(#b) body #view .vbf-t b{font-size:28px!important;line-height:34px!important;font-weight:700!important;color:#fff!important;letter-spacing:-.02em!important}
html.velbil:not(#a) body #view .vbf-t b em{font-style:normal;font-size:16px;font-weight:600;margin-inline-end:2px}
html.velbil:not(#a):not(#b) body #view .vbf-t > span{font-size:12px!important;line-height:16px!important;color:rgba(255,255,255,.85)!important}
/* ═══ 5.9.57 — owner 03:11: sign-in / sign-up aligned and the empty space used — on phones the card sits in the middle of
   the space above the footer (no empty half below), the footer at the bottom; the same rhythm everywhere: 16 inside the
   card, 12 between fields, 6 between a label and its field, 16 around the "or" line; no logo above the card on any page
   (the title carries it). Pages may slide (the sign-up already has three). ═══ */
@media (max-width:819px){
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock .lpanel{min-height:100dvh!important;display:flex!important;flex-direction:column!important;padding:16px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock .lockbox{margin-top:auto!important;margin-bottom:auto!important;width:100%!important;max-width:420px!important;align-self:center!important;padding:20px 16px!important;box-sizing:border-box!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock .vbfoot{margin-top:16px!important}
}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock .lktop,html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock[data-otp] .lktop,html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock .lockscr .lktop{display:none!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock .vbhd{margin:0 0 16px!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock .vbhd p{margin:4px 0 0!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock .vbg-or{margin:0 0 12px!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock .vbsu-prog{margin:0 0 4px!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c) body #lock .lfoot{margin:4px 0 0!important;text-align:center!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock .remember{margin:0!important}
/* spacing only — never "display" here: the sign-in, sign-up pages and the setup screen show and hide their fields by display */
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock .f:not([hidden]){margin:0 0 12px!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock .f > label{margin:0 0 6px!important;display:block}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock .vbg-btn{margin:0 0 16px!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock .vbsu-nav{gap:8px!important;margin:4px 0 0!important}
/* the page is exactly one screen tall (the lock's own 6 + 8 padding made it 14 taller) */
@media (max-width:819px){

}
/* the sign-up keeps the logo above its card (it turns into Velbil POS after a POS package) — left, on the card's line */

/* 5.9.58: Facebook buttons — the same white 44 pill as Google, 8 under it */
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s):not(#t) body #lock .vbg .vbg-btn:not(.vbg-fb){margin:0 0 8px!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s):not(#t) body #lock .vbg .vbg-fb{margin:0 0 16px!important;display:flex!important;align-items:center;justify-content:center;gap:10px}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s):not(#t) body #lock #lk-fb2{width:100%!important;height:44px!important;min-height:0!important;margin:8px 0 0!important;border-radius:22px!important;background:#fff!important;border:1px solid #E7EAF0!important;color:#101828!important;font-size:16px!important;font-weight:500!important;display:flex!important;align-items:center;justify-content:center;gap:10px;box-shadow:none!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s):not(#t) body #lock #lk-fb2::after,html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s):not(#t) body #lock .vbg-fb::after{content:none!important}
html.velbil:not(#a) body #vbwel .vw-fb{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;border:1px solid #D9E2F2;border-radius:999px;background:#fff;color:#0B1530;font:inherit;font-size:16px;font-weight:600;cursor:pointer}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s):not(#t):not(#u) body #lock :is(#lk-google2,#lk-fb2){width:100%!important;height:44px!important;min-height:0!important;border-radius:22px!important;background:#fff!important;border:1px solid #E7EAF0!important;color:#101828!important;font-size:16px!important;font-weight:500!important;display:flex!important;align-items:center;justify-content:center;gap:10px;box-shadow:none!important;padding:0 16px!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s):not(#t):not(#u) body #lock #lk-google2{margin:0!important}
html.velbil:not(#a):not(#b) body #vbwel .vw-fb{height:52px!important;min-height:0!important;border-radius:14px!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s):not(#t):not(#u):not(#v) body #lock #lk-fb2{margin:-6px 0 0!important} /* the wrap's 14 gap − 6 = 8 between Google and Facebook, as on the sign-in */
/* the page is exactly one screen tall (the lock's own 6 + 8 padding made it 14 taller) */
@media (max-width:819px){
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s):not(#t) body #lock{padding-top:0!important;padding-bottom:0!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s):not(#t) body #lock .lpanel{padding-top:calc(16px + env(safe-area-inset-top,0px))!important}
}
/* the sign-up keeps the logo above its card (it turns into Velbil POS after a POS package) — left, on the card's line */
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #lock[data-otp="up"]:has(#lk-otp:not([hidden])) .lktop,html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #lock[data-otp="cc"]:has(#lk-create:not([hidden])) .lktop{display:flex!important;justify-content:flex-start!important;width:100%!important;max-width:420px!important;align-self:center!important;margin:0 0 12px!important;padding:0 4px!important}
html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s) body #lock .lktop img{height:32px!important;width:auto!important}
/* centring by auto margins only (a taller page then starts at its top, never cut above); on a short phone the sign-up's
   small logo gives its room to the Google / Facebook buttons */
@media (max-width:819px){html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s):not(#t):not(#u):not(#v):not(#w) body #lock .lpanel{justify-content:flex-start!important}}
@media (max-height:760px){html:is(.velbil,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r):not(#s):not(#t):not(#u):not(#v):not(#w) body #lock .lktop{display:none!important}}
/* 5.9.58: the WhatsApp row's icon (the green chat app icon) */
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #sheet .prrow[data-act="openVbWhatsApp()"] .pric{background:url("/img/velbil/icons/contact.svg?v=1c132dad03") center/100% no-repeat!important}
html.velbil:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j) body #sheet .prrow[data-act="openVbWhatsApp()"] .pric svg{visibility:hidden!important}

/* ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════
   5.9.59 — the owner's three pictures (23 Oct 04:24): Sign in, Create account, Reset password as real phone screens.
   No card: the page itself on a soft blue-white ground; a header (the Velbil logo with "Well made." + the language);
   headings 26/34 regular, body / inputs 16, labels 14, every field and button 48 high, 20 px sides; small pictures
   (88 px, 64 on short screens); Privacy | Terms and "Well made." at the foot. The fields, buttons and checks are the
   existing ones (shared/auth/*.js, velbil-signup.js) — only placed and styled. 30-id prefix: wins over every earlier
   sign-in rule in this file.
   ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
html:is(.velbil,.vdsl) #lock{--a-ink:#0B1B3F;--a-ink2:#3A4560;--a-mut:#667085;--a-ph:#98A2B3;--a-line:#D5DCE8;--a-field:#FFFFFF;--a-acc:#0A5BFF;--a-sep:#E4E8F0;--a-bg:radial-gradient(130% 55% at 90% 0%,rgba(47,123,255,.10),rgba(47,123,255,0) 60%),linear-gradient(180deg,#F1F5FF 0%,#F8FAFF 45%,#FFFFFF 100%);--a-chip:#FFFFFF}
@media (prefers-color-scheme:dark){html:is(.velbil,.vdsl):not([data-theme="light"]) #lock{--a-ink:#F1F3FA;--a-ink2:#C9CEDC;--a-mut:#98A0B3;--a-ph:#6B7385;--a-line:#2B3245;--a-field:#151A27;--a-acc:#5B8CFF;--a-sep:#232A3A;--a-bg:linear-gradient(180deg,#0B1020,#0E1426);--a-chip:#161C2B}}
html:is(.velbil,.vdsl)[data-theme="dark"] #lock{--a-ink:#F1F3FA;--a-ink2:#C9CEDC;--a-mut:#98A0B3;--a-ph:#6B7385;--a-line:#2B3245;--a-field:#151A27;--a-acc:#5B8CFF;--a-sep:#232A3A;--a-bg:linear-gradient(180deg,#0B1020,#0E1426);--a-chip:#161C2B}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19) body #lock{background:var(--a-bg)!important;padding:0!important;color:var(--a-ink)!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) body #lock .lpanel{background:transparent!important;box-shadow:none!important;border:0!important}
@media (max-width:819px){
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22) body #lock .lpanel{min-height:100dvh!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;box-sizing:border-box!important;width:100%!important;padding:calc(10px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))!important}
}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22) body #lock :is(.lktop,.lmini,#lk-tabs,.vh-logo,.vh-sr){display:none!important}
/* header: logo + language */
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) body #lock .vba-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:52px!important;margin:0 0 18px!important;width:100%!important;max-width:440px!important;align-self:center!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) body #lock .vba-logo{display:block!important;height:46px!important;width:auto!important;max-width:55%!important;object-fit:contain!important;margin-inline-start:-6px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1) body #lock .vba-head .vego-login-language{margin:0!important;position:relative!important;display:block!important;text-align:start!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vba-head .vego-lang-dd summary{display:flex!important;align-items:center!important;gap:8px!important;height:40px!important;min-height:0!important;padding:0 14px!important;border-radius:20px!important;background:var(--a-chip)!important;border:0!important;box-shadow:0 4px 16px rgba(16,24,40,.08)!important;font-size:15px!important;font-weight:400!important;color:var(--a-ink)!important}
html:is(.velbil,.vdsl) body #lock .vba-head .vego-lang-list{top:calc(100% + 6px)!important;bottom:auto!important;inset-inline-end:0!important;inset-inline-start:auto!important;z-index:20!important}
/* the content column */
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18) body #lock .lockbox{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 auto!important;width:100%!important;max-width:440px!important;align-self:center!important;text-align:start!important}
html:is(.velbil,.vdsl) body #lock :is(h2,p,label,span,small,button,input,select,summary,a){letter-spacing:normal}
/* titles */
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18) body #lock .vbhd{position:relative!important;margin:0 0 20px!important;text-align:start!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22) body #lock .vbhd :is(.vh-in,.vh-up,.vh-cc){position:relative!important;width:100%!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vbhd h2{font-size:26px!important;line-height:34px!important;font-weight:400!important;letter-spacing:-.02em!important;color:var(--a-ink)!important;margin:0!important;text-align:start!important;display:block!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vbhd p{font-size:16px!important;line-height:24px!important;font-weight:400!important;color:var(--a-mut)!important;margin:6px 0 0!important;text-align:start!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1) body #lock .vbhd .vh-in{min-height:88px!important;padding-inline-end:96px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1) body #lock .vbhd .vba-art{position:absolute!important;inset-inline-end:-8px!important;top:50%!important;margin-top:-46px!important;width:92px!important;height:92px!important;pointer-events:none!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock:has(#lk-forgot:not([hidden])) .vbhd{display:none!important}
/* messages */
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#lockmsg,#otp-msg,#fg-msg,#cc-msg):not(:empty){font-size:14px!important;line-height:20px!important;color:#D92D20!important;margin:0 0 12px!important}
/* Google + Facebook side by side, "or" under them */
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2) body #lock .vbg{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin:0 0 6px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1) body #lock #otp-googlewrap:not([hidden]){display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin:0 0 6px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(.vbg .vbg-btn,#lk-google2,#lk-fb2){height:48px!important;min-height:0!important;margin:0!important;padding:0 12px!important;border-radius:12px!important;background:var(--a-field)!important;border:1px solid var(--a-line)!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important;color:var(--a-ink)!important;font-size:16px!important;line-height:24px!important;font-weight:400!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19) body #lock :is(.vbg .vbg-btn,#lk-google2,#lk-fb2)::after{content:none!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(.vbg .vbg-btn,#lk-google2,#lk-fb2) svg{width:22px!important;height:22px!important;flex:none!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(.vbg-or,#otp-googlewrap .lk-or){grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:14px!important;margin:10px 0 8px!important;font-size:14px!important;color:var(--a-mut)!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(.vbg-or,#otp-googlewrap .lk-or)::before,html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(.vbg-or,#otp-googlewrap .lk-or)::after{content:""!important;flex:1!important;height:1px!important;background:var(--a-sep)!important;border:0!important;margin:0!important;position:static!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(.vbg-or,#otp-googlewrap .lk-or) span{background:none!important;padding:0!important;font-size:14px!important;color:var(--a-mut)!important;position:static!important}
/* fields: label 14, a 48 box with its icon at the start */
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18) body #lock .f:not([hidden]){margin:0 0 14px!important;position:relative!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .f > label,html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vbsu-ctryf > label{display:block!important;font-size:14px!important;line-height:20px!important;font-weight:400!important;color:var(--a-ink2)!important;margin:0 0 8px!important}
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(input[type=text],input[type=email],input[type=tel],input[type=password],input:not([type]),select,.vbsu-inp),html.vdsl:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(input[type=text],input[type=email],input[type=tel],input[type=password],input:not([type]),select){height:48px!important;min-height:0!important;box-sizing:border-box!important;width:100%!important;border:1px solid var(--a-line)!important;border-radius:12px!important;background-color:var(--a-field)!important;box-shadow:none!important;font-size:16px!important;line-height:24px!important;font-weight:400!important;color:var(--a-ink)!important;padding:0 14px!important}
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(input,select,.vbsu-inp)::placeholder,html.vdsl:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(input,select)::placeholder{color:var(--a-ph)!important;opacity:1!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(input,select):focus,html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock details[open] > .vbsu-inp{border-color:#2F6BFF!important;box-shadow:0 0 0 3px rgba(47,107,255,.15)!important;outline:0!important;background-color:var(--a-field)!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#lk-user,#otp-email,#lk-pass,#lk-pass2,#fg-p1,#fg-p2,#cc-pass,#cc-pass2,#su-name,#lk-name,#fg-user,#cc-name,#su-phone,#cc-phone,#su-co,#cc-co){padding-inline-start:46px!important;background-repeat:no-repeat!important;background-size:20px 20px!important;background-position:left 14px center!important}
html:is(.velbil,.vdsl)[dir=rtl]:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#lk-user,#otp-email,#lk-pass,#lk-pass2,#fg-p1,#fg-p2,#cc-pass,#cc-pass2,#su-name,#lk-name,#fg-user,#cc-name,#su-phone,#cc-phone,#su-co,#cc-co){background-position:right 14px center!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#lk-user,#otp-email){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#lk-pass,#lk-pass2,#fg-p1,#fg-p2,#cc-pass,#cc-pass2){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2.5'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5'/%3E%3Cpath d='M12 14.5v2'/%3E%3C/svg%3E")!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#su-name,#lk-name,#fg-user,#cc-name){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M5 20c.6-3.6 3.4-5.6 7-5.6s6.4 2 7 5.6'/%3E%3C/svg%3E")!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#su-phone,#cc-phone){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3' width='10' height='18' rx='2.5'/%3E%3Cpath d='M11 17.5h2'/%3E%3C/svg%3E")!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#su-co,#cc-co){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V6.5L12 3v18M12 8h6.5a1.5 1.5 0 0 1 1.5 1.5V21M3 21h18M7.5 9h1M7.5 12.5h1M7.5 16h1M15.5 12.5h1M15.5 16h1'/%3E%3C/svg%3E")!important}
html:is(.velbil,.vdsl) body #lock .pwwrap{position:relative!important;display:block!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .pwwrap input{padding-inline-end:48px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1) body #lock .pwwrap .pweye{position:absolute!important;top:50%!important;margin-top:-18px!important;inset-inline-end:6px!important;inset-inline-start:auto!important;width:36px!important;height:36px!important;padding:0!important;display:grid!important;place-items:center!important;background:none!important;border:0!important;color:var(--a-mut)!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .pwwrap .pweye svg{width:22px!important;height:22px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22) body #lock :is(.fhint,.vba-hint){display:block!important;font-size:13px!important;line-height:18px!important;color:var(--a-mut)!important;margin:6px 0 0!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18) body #lock .otpbox{text-align:center!important;letter-spacing:.4em!important;font-size:20px!important}
/* Remember me + Forgot password? on one row */
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2) body #lock .vba-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:2px 0 18px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18) body #lock .vba-row label.remember{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0!important;font-size:15px!important;line-height:20px!important;color:var(--a-ink2)!important;cursor:pointer}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22) body #lock .vba-row label.remember small{display:none!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1) body #lock .vba-row label.remember b{font-weight:400!important;font-size:15px!important;color:var(--a-ink2)!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vba-row label.remember input{appearance:none!important;-webkit-appearance:none!important;width:20px!important;height:20px!important;min-width:20px!important;margin:0!important;border:1.5px solid #B8C1D1!important;border-radius:6px!important;background:var(--a-field)!important;padding:0!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vba-row label.remember input:checked{background:var(--a-acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat!important;border-color:var(--a-acc)!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vba-row [data-act="openForgot()"]{background:none!important;border:0!important;padding:0!important;font-size:15px!important;font-weight:400!important;color:var(--a-acc)!important;white-space:nowrap!important}
/* the main button: 48, the blue gradient, words in the middle, the white arrow circle at the end */
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#lk-go,#otp-send,#otp-verify,#fg-send,#fg-go,#cc-go,.vbsu-next),html.vdsl:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#lk-go,#otp-send,#otp-verify,#fg-send,#fg-go,#cc-go){position:relative!important;width:100%!important;height:48px!important;min-height:0!important;margin:0!important;padding:0 56px!important;border:0!important;border-radius:12px!important;background:linear-gradient(90deg,#0052FF 0%,#1E86FF 62%,#2FB2FF 100%)!important;color:#fff!important;font-size:17px!important;line-height:24px!important;font-weight:400!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-shadow:0 10px 20px -12px rgba(10,91,255,.7)!important;max-width:none!important;align-self:stretch!important}
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#lk-go,#otp-send,#otp-verify,#fg-send,#fg-go,#cc-go,.vbsu-next)[hidden],html.vdsl:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#lk-go,#otp-send,#otp-verify,#fg-send,#fg-go,#cc-go)[hidden]{display:none!important}
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#lk-go,#otp-send,#otp-verify,#fg-send,#fg-go,#cc-go,.vbsu-next)::after,html.vdsl:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#lk-go,#otp-send,#otp-verify,#fg-send,#fg-go,#cc-go)::after{content:""!important;position:absolute!important;top:6px!important;inset-inline-end:6px!important;inset-inline-start:auto!important;width:36px!important;height:36px!important;margin:0!important;border-radius:50%!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A5BFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/18px no-repeat!important;box-shadow:none!important;transform:none!important}
html.velbil[dir=rtl]:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#lk-go,#otp-send,#otp-verify,#fg-send,#fg-go,#cc-go,.vbsu-next)::after,html.vdsl[dir=rtl]:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#lk-go,#otp-send,#otp-verify,#fg-send,#fg-go,#cc-go)::after{transform:scaleX(-1)!important}
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#lk-go,#otp-send,#otp-verify,#fg-send,#fg-go,#cc-go,.vbsu-next):active,html.vdsl:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#lk-go,#otp-send,#otp-verify,#fg-send,#fg-go,#cc-go):active{transform:translateY(1px)!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#otp-send,#otp-verify,#fg-go,#cc-go){margin-top:4px!important}
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18) body #lock .vbsu-nav{display:flex!important;gap:10px!important;margin:4px 0 0!important;align-items:center!important}
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vbsu-nav .vbsu-back:not([hidden]){flex:0 0 auto!important;height:48px!important;min-height:0!important;padding:0 20px!important;border-radius:12px!important;background:var(--a-field)!important;border:1px solid var(--a-line)!important;color:var(--a-ink)!important;font-size:16px!important;font-weight:400!important;box-shadow:none!important}
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) body #lock .vbsu-nav .vbsu-back::after{content:none!important}
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vbsu-nav :is(.vbsu-next,#otp-send){flex:1 1 auto!important;width:auto!important}
/* links under the button */
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17) body #lock #lk-main .lfoot{text-align:center!important;margin:16px 0 0!important;font-size:15px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(.linkbtn2,#otp-foot button,.lnew button){background:none!important;border:0!important;padding:0!important;font-size:15px!important;font-weight:400!important;color:var(--a-acc)!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17) body #lock #lk-main .lnew{display:block!important;text-align:center!important;margin:18px 0 0!important;padding:16px 0 0!important;border-top:1px solid var(--a-sep)!important;font-size:15px!important;line-height:22px!important;color:var(--a-ink2)!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock :is(#otp-foot,#lk-otp .lfoot,#lk-forgot .lfoot){text-align:center!important;margin:16px 0 0!important;font-size:15px!important;line-height:22px!important;color:var(--a-ink2)!important}
/* footer: Privacy | Terms, "Well made." */
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18) body #lock .vbfoot{margin:auto 0 0!important;padding:22px 0 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;width:100%!important;max-width:440px!important;align-self:center!important;background:transparent!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) body #lock .vbfoot .vbf-legal{display:flex!important;gap:0!important;align-items:center!important;justify-content:center!important;margin:0!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6) body #lock .vbfoot .vbf-legal a{font-size:13px!important;font-weight:400!important;color:#6B7488!important;text-decoration:none!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vbfoot .vbf-legal a + a::before{content:"|"!important;margin:0 12px!important;color:#C0C7D4!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18) body #lock .vbfoot .vba-tag{margin:0!important;font-size:13px!important;line-height:18px!important;color:#8A93A6!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vbfoot .vego-login-language{display:none!important}
/* Create account: the three chips (page 1), the step line small */
html:is(.velbil,.vdsl) body #lock .vba-chips{display:none!important}
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock[data-otp="up"][data-vbstep="1"] .vba-chips{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:0 0 18px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vba-chips span{display:inline-flex!important;align-items:center!important;gap:8px!important;height:40px!important;padding:0 14px!important;border-radius:20px!important;background:var(--a-chip)!important;box-shadow:0 4px 14px rgba(16,24,40,.07)!important;font-size:15px!important;color:var(--a-ink2)!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22) body #lock .vba-chips span svg{width:20px!important;height:20px!important;color:#2F6BFF!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vba-chips span.on{background:linear-gradient(180deg,#5E9BFF,#4C8BFF)!important;color:#fff!important;box-shadow:0 8px 16px -10px rgba(47,107,255,.8)!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22) body #lock .vba-chips span.on svg{color:#fff!important}
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18) body #lock .vbsu-prog{margin:0 0 14px!important;font-size:13px!important;line-height:18px!important;color:var(--a-mut)!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock #lk-otp > h2,html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock #lk-otp > #otp-title{font-size:26px!important;line-height:34px!important;font-weight:400!important;color:var(--a-ink)!important}
/* Reset password: the lock picture, everything above the field centred */
html:is(.velbil,.vdsl):not(#z0):not(#z1) body #lock #lk-forgot .vba-lock{display:block!important;width:96px!important;height:96px!important;margin:8px auto 14px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock #lk-forgot > h2{text-align:center!important;font-size:26px!important;line-height:34px!important;font-weight:400!important;letter-spacing:-.02em!important;color:var(--a-ink)!important;margin:0!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16) body #lock #lk-forgot #fg-sub{text-align:center!important;font-size:16px!important;line-height:24px!important;color:var(--a-mut)!important;margin:6px 0 24px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock #lk-forgot .lfoot button{font-size:16px!important}
/* short screens: the pictures and the spaces give way first */
@media (max-height:700px){
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vba-head{margin-bottom:10px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vbhd{margin-bottom:14px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vbhd .vh-in{min-height:64px!important;padding-inline-end:72px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vbhd .vba-art{width:68px!important;height:68px!important;margin-top:-34px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock #lk-forgot .vba-lock{width:72px!important;height:72px!important;margin:0 auto 10px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .f:not([hidden]){margin-bottom:10px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vba-chips{margin-bottom:12px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock .vbfoot{padding-top:14px!important}
}
html:is(.velbil,.vdsl) body #lock .pwwrap .pweye{transform:none!important}
html:is(.velbil,.vdsl):not(#z0) body #lock[data-otp="up"]:has(#lk-otp:not([hidden])) .vbhd .vh-in,html:is(.velbil,.vdsl):not(#z0) body #lock[data-otp="cc"]:has(#lk-create:not([hidden])) .vbhd .vh-in{display:none!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22) body #lock #lk-forgot > h2,html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22) body #lock #lk-forgot #fg-sub{display:block!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) body #lock .vba-logo{height:44px!important;max-width:60%!important;margin-inline-start:0!important}
/* the sign-up's own showing and hiding stays in charge: Create account only on page 3, Back not on page 1 */
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock[data-otp="up"]:not([data-vbstep="3"]) #otp-send{display:none!important}
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22) body #lock .vbsu-nav > [hidden]{display:none!important}
/* the content sits in the middle of the space between the header and the foot (tall phones: no empty half) */
@media (max-width:819px){html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18) body #lock .lockbox{margin-top:auto!important;margin-bottom:auto!important} html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18) body #lock .vbfoot{margin-top:0!important}}
/* the chips stay on one line on a 360 phone */
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29) body #lock[data-otp="up"][data-vbstep="1"] .vba-chips{flex-wrap:nowrap!important;gap:8px!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30) body #lock .vba-chips span{height:38px!important;padding:0 12px!important;font-size:14px!important;gap:7px!important;flex:0 1 auto!important;min-width:0!important;white-space:nowrap!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30) body #lock .vba-chips span svg{width:18px!important;height:18px!important;flex:none!important}
/* the language list opens under its button, inside the screen (LTR: from the right edge; RTL: from the left) */
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) body #lock .vba-head .vego-lang-list{right:0!important;left:auto!important;max-width:calc(100vw - 40px)!important}
html:is(.velbil,.vdsl)[dir=rtl]:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10) body #lock .vba-head .vego-lang-list{left:0!important;right:auto!important}
html:is(.velbil,.vdsl) body #lock .vbfoot .vba-tag{direction:ltr!important;unicode-bidi:isolate!important}
html:is(.velbil,.vdsl) body #lock .vba-head .vego-lang-list{transform:none!important;translate:none!important}
/* the sign-up-only parts stay with the sign-up: Back / Continue only on the sign-up; Google / Facebook only on its page 1;
   the email-code sign-in has its own title (no "Welcome back." above it) */
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18) body #lock:not([data-otp="up"]) .vbsu-nav{display:none!important}
html.velbil:not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33) body #lock[data-otp="up"]:not([data-vbstep="1"]) #otp-googlewrap{display:none!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33) body #lock[data-otp="in"]:has(#lk-otp:not([hidden])) .vbhd{display:none!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33) body #lock #lk-otp > #otp-title{display:block!important;font-size:26px!important;line-height:34px!important;font-weight:400!important;letter-spacing:-.02em!important;color:var(--a-ink)!important;margin:0!important;text-align:start!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33) body #lock #lk-otp > #otp-sub{display:block!important;font-size:16px!important;line-height:24px!important;color:var(--a-mut)!important;margin:6px 0 20px!important;text-align:start!important}
html:is(.velbil,.vdsl):not(#z0):not(#z1):not(#z2):not(#z3):not(#z4):not(#z5):not(#z6):not(#z7):not(#z8):not(#z9):not(#z10):not(#z11):not(#z12):not(#z13):not(#z14):not(#z15):not(#z16):not(#z17):not(#z18):not(#z19):not(#z20):not(#z21):not(#z22):not(#z23):not(#z24):not(#z25):not(#z26):not(#z27):not(#z28):not(#z29):not(#z30):not(#z31):not(#z32):not(#z33) body #lock[data-otp="up"] #lk-otp > :is(#otp-title,#otp-sub){display:none!important}

/* ═══ 5.9.62 — owner 23 Oct 13:22 "Ok do": Vego wears the Velbil design (html.vds, light mode only — dark mode keeps
   Vego's own look). The design rules above now read html:is(.velbil,.vds); this block fixes what is Vego's own: the
   module headers (CRM / Team were on a blue page), the module switcher, the header buttons, the page heroes (white words
   on their dark pictures), the CRM greeting, the icon tiles Vego has (drawing pad, floor plan, company documents),
   the bottom bar's chosen button in every module, and the search row that pushed the page wider. 36-id prefix. ═══ */
/* every module: the light header of Accounts / Velbil, a hairline under it */
html.vds body header.top{background:#F3F5FA!important;color:#0B0B0F!important;box-shadow:inset 0 -1px 0 #E7EAF0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* the module switcher: a light track, the chosen module blue */
html.vds:not(#v0) body .modsw{background:#E9EBF0!important;box-shadow:none!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11) body .modsw button{color:#344054!important;background:transparent!important;box-shadow:none!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11) body .modsw button[aria-selected="true"]{background:var(--ui-acc)!important;color:#fff!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body header .modone{color:#0B0B0F!important}
/* the header's round buttons (search, help chat, menu, connect): white circles 40, dark icons */
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body header :is(.hsearch,#hchat,#userbtn,#connbtn){width:40px!important;height:40px!important;min-width:40px!important;min-height:0!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#fff!important;border:1px solid #E7EAF0!important;box-shadow:none!important;color:#101828!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body header :is(.hsearch,#hchat,#userbtn,#connbtn)[hidden]{display:none!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body header :is(.hsearch,#hchat,#userbtn,#connbtn) svg{width:20px!important;height:20px!important;color:#101828!important;stroke:currentColor}
/* CRM home greeting on the light page */
html.vds:not(#v0) body #view .hello span:first-child{color:#101828!important}
html.vds:not(#v0) body #view .hello :is(.d,.hdate){color:#667085!important}
/* page heroes keep their dark picture and white words (CRM leads / calls, Team today, Projects) */
html.vds:not(#v0):not(#v1) body:not([data-mod="accounts"]) #view .pghero :is(h1,h2,.pgh-t){color:#fff!important}
html.vds:not(#v0) body:not([data-mod="accounts"]) #view .pghero :is(.sub,p,small,.pgh-s,.pgh-sub){color:rgba(255,255,255,.82)!important}
/* bottom bar: the chosen button only changes colour (no box), as in Accounts */
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11) body .bnav button[aria-current="true"]{background:transparent!important;box-shadow:none!important}
/* the search row never pushes the page wider (Inter is a little wider) */
html:is(.velbil,.vds) body .srow > .sbox{min-width:0!important}
html:is(.velbil,.vds):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31) body .srow .sbox input{min-width:0!important;width:100%!important}
/* Vego's own icon tiles in the app-icon style: an image where there is one, else a blue tile with the white symbol */
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10) body #view [data-act] :is(.tki,.dcdi,.axpi){background:linear-gradient(180deg,#4A90FF,#1F66F2)!important;color:#fff!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body #view [data-act] :is(.tki,.dcdi,.axpi) svg{visibility:visible!important;color:#fff!important;width:20px!important;height:20px!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10) body #view [data-act="openSketch('')"] .tki{background:url("/img/velbil/icons/sketch.svg?v=3e0210b5ec") center/100% no-repeat!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10) body #view [data-act="openFloorPlan('')"] .tki{background:url("/img/velbil/icons/floorplan.svg?v=68c03f4b3d") center/100% no-repeat!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10) body #view [data-act^="openDocCenter("] .dcdi{background:url("/img/velbil/icons/docs.svg?v=8eb5386639") center/100% no-repeat!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10) body #view [data-act^="openTasks("] .tki{background:url("/img/velbil/icons/tasks.svg?v=9de59dea87") center/100% no-repeat!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body #view [data-act="openAccountsView('reports','pl')"] .axpi{background:url("/img/velbil/icons/profit.svg?v=4c808e1fa8") center/100% no-repeat!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body #view :is([data-act="openSketch('')"] .tki,[data-act="openFloorPlan('')"] .tki,[data-act^="openDocCenter("] .dcdi,[data-act^="openTasks("] .tki,[data-act="openAccountsView('reports','pl')"] .axpi) svg{visibility:hidden!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10) body #view .tki.adhome-ic{background:transparent!important;box-shadow:none!important}
html.vds body #view .tki.adhome-ic :is(svg,img){visibility:visible!important}
/* 5.9.62: Vego's sign-in in the 5.9.59 design (html.vdsl, both themes): its own logo a little lower (the word mark is bold),
   the three chips (Leads · Projects · Team) on its one-page sign-up */
html.vdsl:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body #lock .vba-logo.vba-logo-vego{height:30px!important;max-width:50%!important}
html.vdsl:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body #lock[data-otp="up"] .vba-chips{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin:0 0 18px!important}
/* the header never pushes the page wider: the module switcher gives way (it scrolls sideways) when the back button shows */
html.vds body header .topin{gap:6px!important}
html.vds body header .modsw{flex:0 1 auto!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important;flex-wrap:nowrap!important}
html.vds:not(#v0) body header .modsw::-webkit-scrollbar{display:none}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23) body header .modsw button{flex:none!important;white-space:nowrap!important}
html.vds:not(#v0) body header .modwrap{flex:0 1 auto!important;min-width:0!important;overflow:hidden!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31) body header .modsw button{padding:0 9px!important;font-size:12.5px!important}
/* the small date card on the heroes keeps its own tight lines (the page's 24 px line height made it tall) */
html:is(.velbil,.vds):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18) body #view .pc-date,html:is(.velbil,.vds):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18) body #view .pc-date > *{line-height:1.2!important}
/* Vego's sign-in logo: the white one in dark mode */
html.vdsl:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10) body #lock .vba-logo-vego.vl-dark{display:none!important}
@media (prefers-color-scheme:dark){html.vdsl:not([data-theme="light"]):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body #lock .vba-logo-vego.vl-light{display:none!important}html.vdsl:not([data-theme="light"]):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body #lock .vba-logo-vego.vl-dark{display:block!important}}
html.vdsl[data-theme="dark"]:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body #lock .vba-logo-vego.vl-light{display:none!important}
html.vdsl[data-theme="dark"]:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body #lock .vba-logo-vego.vl-dark{display:block!important}
/* the header logo: the coloured Vego word on the light header in every module (the square mark when the bar is tight) */
html.vds body header.top:not(.tight) .topin .wsbtn span.appname::before{background-image:url("/img/logos/logo-vego.webp?v=c565ec40a1")!important}
/* small phones (≤ 370): the header's round buttons 34 and the switcher a little smaller, so the modules fit */
@media (max-width:370px){html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body header :is(.hsearch,#hchat,#userbtn,#connbtn){width:34px!important;height:34px!important;min-width:34px!important}html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body header :is(.hsearch,#hchat,#userbtn,#connbtn) svg{width:18px!important;height:18px!important}html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body header .topin{gap:4px!important}html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body header .modsw button{padding:0 7px!important;font-size:11.5px!important}}
/* CRM's parts made for its blue page: the sub-tabs (Overview / Team / Sales …) dark words on the light page, the glass page
   heroes a solid blue (their pictures, where they have one, still on top) */
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body[data-mod="crm"] #view .subtabs button:not([aria-selected="true"]){background:#fff!important;color:#344054!important;box-shadow:inset 0 0 0 1px #E7EAF0!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body[data-mod="crm"] #view .subtabs button:not([aria-selected="true"]) svg{color:#344054!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body[data-mod="crm"] #view .subtabs button[aria-selected="true"]{background:var(--ui-acc)!important;color:#fff!important;box-shadow:none!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body[data-mod="crm"] #view .subtabs button[aria-selected="true"] svg{color:#fff!important}
html.vds body[data-mod="crm"] #view .pghero:not(.pg-day):not(.pg-calls){background:linear-gradient(135deg,#2A45C4,#13238F)!important;border:0!important}
/* the drawing pad's tools keep their own small labels (the page's 16 / 24 type and 14 px small words made the tool tray and
   the Undo / Redo / More buttons too big, the labels cut) */
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body #sheet .skbody{font-size:14px!important;line-height:1.45!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18) body #sheet .skbody :is(span,b,label,output,i,button){line-height:inherit!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15) body #sheet .skbody small.sklb{font-size:9px!important;line-height:9px!important;font-weight:600!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15) body #sheet .skbody .skshb small{font-size:11px!important;line-height:1.45!important;font-weight:600!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15) body #sheet .skbody .sklay small{font-size:11.5px!important;line-height:1.45!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body #sheet .skbody :is(button,input){font-size:inherit!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body #sheet .skbody .skcustom input{font-size:12.5px!important}
/* a footer with three buttons (Cancel · Quotation · Save to drawings): the words fit — no arrow circle, smaller padding */
html:is(.velbil,.vds):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body .sfoot:has(> .btn ~ .btn ~ .btn) .btn{padding:0 12px!important;font-size:14.5px!important}
html:is(.velbil,.vds):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body .sfoot:has(> .btn ~ .btn ~ .btn) .btn.pri{padding-inline:14px!important}
html:is(.velbil,.vds):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11) body .sfoot:has(> .btn ~ .btn ~ .btn) .btn.pri::after{display:none!important;content:none!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15) body #sheet .skbody .skart small.sklb,html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15) body #sheet .skbody #sk-ruler small.sklb{font-size:8px!important;line-height:8px!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15) body #sheet .skbody .sktool.on small.sklb{font-weight:700!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15) body #sheet .skbody :is(.skshb small,.sklay small){font-weight:400!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34) body #sheet .skbody :is(#sk-zoom,#sk-sel button,.skwb small){font-size:12.5px!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34) body #sheet .skbody #sk-inkhint{font-size:11.5px!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18) body #sheet .skbody .skT{line-height:22px!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18) body #sheet .skbody #sk-shp{line-height:9px!important}
/* 5.9.63 (owner 15:17, his Team screen: "the middle press button and CRM's not proper — like Projects and Accounts"): the
   bottom bar's + is the same in every module — a round 52 button, the + in its middle, no gloss (CRM) and no squash (Team) */
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body .bnav button.axplus{padding:0!important;display:grid!important;place-items:center!important;align-items:center!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body .bnav button.axplus .axplus-c{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;flex:none!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:var(--vb-btn3d)!important;box-shadow:var(--vb-btn3d-sh)!important;transform:none!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23) body .bnav button.axplus :is(.axplus-c,.axplus-c *)::before,html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23) body .bnav button.axplus :is(.axplus-c,.axplus-c *)::after,html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23) body .bnav button.axplus::before,html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23) body .bnav button.axplus::after{content:none!important;display:none!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31) body .bnav button.axplus svg{width:24px!important;height:24px!important;margin:0!important;color:#fff!important;filter:none!important;position:static!important;transform:none!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body .bnav button.axplus:active .axplus-c{transform:scale(.96)!important}
/* 5.9.80 (owner 25 Oct: "All" — the dark look too): Vego in the dark look (html.vdsl without .vds: dark chosen, or the phone's
   own dark) keeps its own bars, but the + is the same in every module, as in the light design (5.9.63): a round blue 52 button,
   the + in its middle, no gloss — CRM's was a dark glossy ball, Projects' and Accounts' 64 glossy balls, Team's a plain + */
html.vdsl:not(.vds):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11) body .bnav button.axplus{padding:0!important;display:grid!important;place-items:center!important;align-items:center!important}
html.vdsl:not(.vds):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11) body .bnav button.axplus .axplus-c{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;flex:none!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(180deg,#3341FF 0%,#4A63F5 50%,#6A90FF 100%)!important;box-shadow:0 14px 26px -12px rgba(51,65,255,.75),0 2px 6px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(20,30,170,.35)!important;transform:none!important}
html.vdsl:not(.vds):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11) body .bnav button.axplus :is(.axplus-c,.axplus-c *)::before,html.vdsl:not(.vds):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11) body .bnav button.axplus :is(.axplus-c,.axplus-c *)::after,html.vdsl:not(.vds):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11) body .bnav button.axplus::before,html.vdsl:not(.vds):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11) body .bnav button.axplus::after{content:none!important;display:none!important}
html.vdsl:not(.vds):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11) body .bnav button.axplus svg{width:24px!important;height:24px!important;margin:0!important;color:#fff!important;filter:none!important;position:static!important;transform:none!important}
html.vdsl:not(.vds):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11) body .bnav button.axplus:active .axplus-c{transform:scale(.96)!important}
/* a tight header (Vego's own rule: the switcher does not fit): the square logo, round buttons 34, the switcher words 11.5 */
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body header.top.tight :is(.hsearch,#hchat,#userbtn,#connbtn){width:34px!important;height:34px!important;min-width:34px!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body header.top.tight :is(.hsearch,#hchat,#userbtn,#connbtn) svg{width:18px!important;height:18px!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body header.top.tight .topin{gap:5px!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body header.top.tight .modsw button{padding:0 7px!important;font-size:11.5px!important}
/* owner 15:39: the bottom bar's count (Leads 9) in sky blue */
html:is(.velbil,.vds):not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body .bnav .navbadge{background:#0EA5E9!important;color:#fff!important;box-shadow:0 0 0 2px #fff!important}
/* owner 15:39: the Calls tabs (To call · Not answered · Responded · Not interested) aligned — every name in the same two-line
   space, every count on one line under it, the same height for all four */
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body[data-mod="crm"] #view .seg2 > button{height:auto!important;min-height:64px!important;display:grid!important;grid-template-rows:32px 20px!important;align-items:center!important;justify-items:center!important;align-content:center!important;row-gap:4px!important;padding:6px 4px!important;font-size:12.5px!important;line-height:16px!important;text-align:center!important;white-space:normal!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body[data-mod="crm"] #view .seg2 > button > b.num{grid-row:2!important;margin:0!important;min-width:20px!important;height:20px!important;line-height:20px!important;padding:0 6px!important;border-radius:10px!important;font-size:11.5px!important}
/* the header after scrolling: solid light (no picture showing through) and its page title in dark letters */
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body.axsc header.top{background:#F3F5FA!important}
html.vds:not(#v0):not(#v1):not(#v2):not(#v3):not(#v4):not(#v5):not(#v6):not(#v7):not(#v8):not(#v9):not(#v10):not(#v11):not(#v12):not(#v13):not(#v14):not(#v15):not(#v16):not(#v17):not(#v18):not(#v19):not(#v20):not(#v21):not(#v22):not(#v23):not(#v24):not(#v25):not(#v26):not(#v27):not(#v28):not(#v29):not(#v30):not(#v31):not(#v32):not(#v33):not(#v34):not(#v35) body header.top #axttl{color:#101828!important;text-shadow:none!important}

/* 5.9.81 (owner 25 Oct: "Once inventory choose product the button not correct"): an item's Stock in / Use / out / Move /
   Count were the light design's 32 px pills laid over the old tiles, so the icons stood above the pills and the words were
   cut. Now four pills, two to a row (icon and word side by side, a long word goes to a second line), Stock in the blue one;
   Vego's dark look (.vdsl) the same (its Stock in tile was narrower than the others). */
html:is(.velbil,.vds,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #sheet .invacts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:14px 0 4px!important}
html:is(.velbil,.vds,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #sheet .invacts .btn{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:44px!important;max-height:none!important;padding:6px 12px!important;border-radius:999px!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;overflow:hidden!important}
html:is(.velbil,.vds,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body #sheet .invacts .btn svg{width:18px!important;height:18px!important;flex:none!important;margin:0!important}
/* 5.9.81: the location pill beside the search box (it opens Vego's own list of places) */
html:is(.velbil,.vds):not(#a):not(#b):not(#c) body .invfind .invlocbtn{height:44px!important;border:1px solid var(--ui-line)!important;background:var(--ui-card)!important;color:var(--ui-ink)!important;border-radius:999px!important;font-size:14px!important;font-weight:600!important}
html:is(.velbil,.vds):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body .invfind .invlocbtn.on{border-color:var(--ui-acc)!important;color:var(--ui-acc)!important}
/* 5.9.82: the WhatsApp chat's Send beside the reply box: as high as the box (the light design's buttons are 32 px) */
html:is(.velbil,.vds,.vdsl):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i) body .wacompose .btn.wasend{height:44px!important;min-height:44px!important;padding:0 18px!important;border-radius:22px!important;max-width:none!important}

/* owner 27 Oct 05:41: "So entire app can be in roboto". The same elements as the Inter rule above (owner 02:59),
   later so it wins: Roboto for Latin; Malayalam / Tamil / Hindi fall to Vego's own Indic font, Arabic to Cairo, anything
   else to the phone's font. Arabic pages keep Cairo (arabic.css). The Vego CAD page keeps the owner's Outfit / Dosis text. */
html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r) body,html:is(.velbil,.vds):not([lang=ar]):not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n):not(#o):not(#p):not(#q):not(#r) body :is(button,input,select,textarea,h1,h2,h3,h4,h5,h6,b,strong,small,span,p,a,label,em,div,li,td,th){font-family:"Roboto",VegoIndic,system-ui,-apple-system,"Segoe UI",sans-serif!important;font-feature-settings:normal!important}