:root{color-scheme:dark;--bg:#101210;--app:#171b18;--card:#202522;--line:#465049;--input:#292e2b;--mut:#9fa9a2;--g:#078343;--b:#2178b9;--r:#b52b2b;--a:#d8870b;--t:#098a91;--p:#7351d3}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:#f4f7f5;font:15px system-ui,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.app{max-width:720px;margin:auto;min-height:100vh;background:var(--app);padding-bottom:78px}header{display:flex;gap:10px;align-items:center;padding:10px 15px;border-bottom:1px solid #39423c;position:sticky;top:0;background:#171b18f5;z-index:5}.logo{width:46px;height:46px;border-radius:12px;background:#000;display:grid;place-items:center;font-size:25px;color:#63dc92}.brand b{font-size:21px}.brand small,.mut{display:block;color:var(--mut)}.user{margin-left:auto;text-align:right;font-size:11px}.page{padding:16px}.card,.oc{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:14px;margin:9px 0}.oc{cursor:pointer}.onum{font-weight:900;color:#62e49a}.row{display:flex;gap:8px;align-items:center}.between{justify-content:space-between}h1{font-size:28px;margin:10px 0 14px}h2{font-size:21px}.btn{border:0;border-radius:12px;padding:13px 14px;background:var(--g);color:#fff;font-weight:900;cursor:pointer}.btn.alt{background:#303632;border:1px solid #4a554d}.btn.blue{background:var(--b)}.btn.red{background:var(--r)}.btn.teal{background:var(--t)}.btn.purple{background:var(--p)}.w{width:100%}.small{padding:8px 10px;font-size:12px}.actions{display:grid;gap:9px}.actions .btn{font-size:18px;padding:17px}input,select,textarea{width:100%;background:var(--input);border:1px solid #59635c;color:#fff;border-radius:11px;padding:12px;font-weight:700}label{display:block;font-weight:850;margin:9px 0 5px}.pill{font-size:12px;font-weight:900;padding:6px 11px;border-radius:18px}.pill.blue{background:#185f92}.pill.amber{background:#855308;color:#ffe1a8}.pill.teal{background:#075f64;color:#9ef1f2}.pill.green{background:#08773e;color:#b9ffd5}.pill.purple{background:#4c3793;color:#e3dcff}.pill.red{background:#702323;color:#ffc5c5}.tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(720px,100%);height:70px;background:#181c19;border-top:1px solid #3c463f;display:grid;grid-template-columns:repeat(5,1fr)}.tabs button{border:0;background:none;color:#9da69f;font-size:10px}.tabs .on{color:#62db91}.tabs .att{color:#ff6262}.badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#d82d2d;color:white;font-size:10px}.modal{position:fixed;inset:0;background:#000b;display:flex;align-items:end;z-index:20}.sheet{width:min(720px,100%);margin:auto;background:#202522;border-radius:22px 22px 0 0;padding:18px;max-height:92vh;overflow:auto}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.empty{border:1px dashed #465049;border-radius:15px;padding:22px;text-align:center;color:var(--mut);margin-top:10px}.boot,.login{min-height:100vh;display:grid;place-items:center;padding:20px}.box{width:min(440px,100%);background:#1b201d;border:1px solid #414a44;border-radius:20px;padding:20px}.ok,.err{padding:12px;border-radius:12px;margin:9px 0}.ok{background:#153322;color:#92e9b2}.err{background:#3a1f1f;color:#ffb6b6}.handover{text-align:center}.handover .num{font-size:72px;font-weight:1000;color:#75e3a2}.hide{display:none}@media(max-width:520px){.grid2{grid-template-columns:1fr}}

.success-modal{align-items:center}.success-sheet{max-width:430px;border-radius:22px;text-align:center;padding:28px 22px}.success-tick{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#07904a;color:#fff;font-size:48px;font-weight:900;line-height:1}.success-sheet h2{font-size:26px;margin:4px 0 6px}.success-sub{color:#c4cec8;font-size:16px}.alloc-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 14px}.alloc-item{padding:12px 0;border-bottom:1px solid #3d463f}.alloc-item:last-of-type{border-bottom:0}.alloc-other{margin-top:7px}
.linkbtn{background:transparent!important;color:#62db91!important;border:0!important;text-align:left!important;padding:8px 2px!important;box-shadow:none!important}.added-items{border:1px solid #445048;border-radius:12px;padding:10px;margin:12px 0}.added-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #39413c}.added-row:last-child{border-bottom:0}.tiny{padding:7px 9px!important;font-size:12px!important;width:auto!important}
.home-tools{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.home-tools .btn{min-width:auto} @media(max-width:520px){.home-tools{max-width:190px}.home-tools .btn{padding:9px 11px}}
.cancel-separator{height:1px;background:#39413c;margin:18px 0 12px}.cancel-order-btn{margin-top:18px;border-color:#7a3b3b!important;color:#ffb0b0!important}.created-confirm{align-items:center;background:rgba(0,0,0,.52)}.created-sheet{text-align:center;border-radius:22px}.created-sheet .num{font-size:42px;line-height:1.1;margin:8px 0 4px;letter-spacing:1px}
.validation-msg{background:#4b3510;color:#ffd991;border:1px solid #8a641e;border-radius:11px;padding:10px 12px;margin:8px 0 12px;font-weight:800}.invalid-field{border:2px solid #e0a229!important;box-shadow:0 0 0 2px rgba(224,162,41,.14)}.partial-item{border:1px solid #465049;border-radius:14px;padding:12px;margin:10px 0 14px;background:#1c211e}.partial-item>b{font-size:16px}.partial-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.partial-stats>div{background:#272d29;border-radius:10px;padding:9px}.partial-stats span{display:block;color:#aeb8b1;font-size:11px}.partial-stats strong{display:block;margin-top:3px;font-size:16px;color:#fff}@media(max-width:520px){.partial-stats{grid-template-columns:1fr}.partial-stats>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.partial-stats strong{margin-top:0}}

.invalid-field{border:3px solid #ffb020!important;background:#4a3515!important;box-shadow:0 0 0 3px rgba(255,176,32,.28)!important;animation:requiredPulse 1.1s ease-in-out 2}.required-hint{color:#ffd27a;font-size:12px;font-weight:900;margin:5px 2px 8px}.item-progress{padding:12px 0;border-bottom:1px solid #39413c}.item-progress:last-child{border-bottom:0}.item-title{font-size:17px;font-weight:900;margin-bottom:8px}.progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.progress-grid>div{background:#282e2a;border-radius:10px;padding:9px}.progress-grid span{display:block;color:#aeb8b1;font-size:11px}.progress-grid strong{display:block;margin-top:3px;font-size:16px}.movement-history{margin-top:10px;padding-top:9px;border-top:1px dashed #465049}.movement-history>b{font-size:12px;color:#c9d2cc}.movement-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:12px}.movement-row span{color:#aeb8b1}.movement-row strong{text-align:right}@keyframes requiredPulse{50%{box-shadow:0 0 0 6px rgba(255,176,32,.16)}}@media(max-width:520px){.progress-grid{grid-template-columns:1fr}.progress-grid>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.progress-grid strong{margin-top:0}.movement-row{flex-direction:column;gap:2px}.movement-row strong{text-align:left}}

.question-block{border:2px solid #d92d2d;background:rgba(150,20,20,.18);border-radius:12px;padding:14px}.question-title{font-weight:900;color:#ff6b6b;font-size:16px}.question-text{margin-top:8px;font-weight:700}.oc:has(.pill.red){border-color:#c93434;background:rgba(120,20,20,.12)}

/* Batch 3+4 supplier type-ahead */
.supplier-search-wrap{position:relative}.supplier-results{position:relative;margin-top:5px;border:1px solid #516057;border-radius:9px;overflow:hidden;background:#18201b;z-index:4}.supplier-result{display:flex;width:100%;border:0;border-bottom:1px solid #334139;background:#18201b;color:#fff;padding:11px 12px;text-align:left;align-items:center;justify-content:space-between;font:inherit;cursor:pointer}.supplier-result:last-child{border-bottom:0}.supplier-result:hover,.supplier-result:focus{background:#26342c;outline:none}.supplier-result span{color:#9caaa1;font-size:12px}.supplier-result.add{color:#60df91;font-weight:800}.supplier-none{padding:9px 12px;color:#c6cec9;font-size:12px;background:#131a16}#ns_search.invalid-field{border:2px solid #f0a325!important;background:#3d2c13!important}

.logoimg{object-fit:contain;background:#000;padding:2px}
.login .logoimg{width:74px;height:74px;border-radius:18px}

/* FIX3: approved VERS logo alignment only */
.brandlogo{display:block;width:178px;height:52px;object-fit:contain;object-position:center;margin:0;background:#000;border-radius:8px;flex:0 0 auto}.loginbrandlogo{display:block;width:min(320px,92%);height:auto;object-fit:contain;margin:0 auto 4px;background:#000;border-radius:12px}.login .box{overflow:hidden}@media(max-width:430px){.brandlogo{width:154px;height:48px}header{gap:8px;padding:8px 10px}.user{font-size:10px}}
.pwrow{display:flex;gap:8px;align-items:stretch}.pwrow input{flex:1;min-width:0}.pweye{min-width:72px;border:1px solid #546159;background:#303832;color:#fff;border-radius:10px;font-weight:800;padding:0 12px}
.perm-list{border:1px solid #3e4942;border-radius:12px;overflow:hidden}.perm-row{display:flex!important;align-items:center;justify-content:space-between;gap:18px;margin:0!important;padding:12px 14px;border-bottom:1px solid #3b453f}.perm-row:last-child{border-bottom:0}.perm-row input{width:20px!important;height:20px!important;flex:0 0 20px;margin:0!important}
.partial-item-0{background:#1d2a31!important;border-color:#405a68!important}.partial-item-1{background:#202933!important;border-color:#48576a!important}.partial-item-head{margin:-1px -1px 12px;padding:11px 13px;background:rgba(70,135,175,.18);border-bottom:1px solid rgba(120,175,210,.28);font-size:17px}
.setupwarn{background:#5b3a12;border:1px solid #a66d21;color:#ffd98a;border-radius:11px;padding:11px 12px;margin:0 0 12px;display:flex;flex-direction:column;gap:4px}.setupwarn span{color:#ffe7b9;font-weight:600}.homewarn{cursor:pointer;margin-bottom:12px}

.okmsg{background:#173f26;border:1px solid #2f8f52;color:#bff5cf;border-radius:11px;padding:12px 14px;margin:12px 0;font-weight:800}
.signin-link{display:flex!important;align-items:center;justify-content:center;text-decoration:none;margin-top:14px;min-height:48px}

/* V25.1 Candidate B4 — more prominent mobile bottom navigation */
.bottomnav{
  min-height:74px!important;
  background:#111814!important;
  border-top:1px solid #3b5144!important;
  box-shadow:0 -6px 18px rgba(0,0,0,.38)!important;
}
.bottomnav a,.bottomnav button{
  min-height:70px!important;
  padding:8px 4px 7px!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.15!important;
  opacity:1!important;
}
.bottomnav svg,.bottomnav .ico,.bottomnav .icon{
  width:24px!important;
  height:24px!important;
  font-size:22px!important;
  margin-bottom:4px!important;
}
.bottomnav .active,.bottomnav [aria-current="page"]{
  color:#72e48f!important;
  background:rgba(38,118,65,.18)!important;
  border-top:3px solid #72e48f!important;
}
@media(max-width:760px){
  body{padding-bottom:82px!important}
  .bottomnav{height:76px!important}
}

/* V25.1 Candidate B5 — polished app navigation */
.bottomnav{
  position:fixed!important;
  left:0!important;right:0!important;bottom:0!important;
  z-index:9999!important;
  height:92px!important;min-height:92px!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  gap:0!important;
  padding:0 0 env(safe-area-inset-bottom)!important;
  background:#0d1510!important;
  border-top:1px solid #425649!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.52)!important;
}
.bottomnav a,.bottomnav button,.bottomnav [data-route]{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  height:92px!important;min-height:92px!important;
  padding:8px 2px 9px!important;
  margin:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;
  color:#c9d2cc!important;
  opacity:1!important;
  font-size:11px!important;
  line-height:1.05!important;
  font-weight:850!important;
  text-align:center!important;
  text-decoration:none!important;
}
.bottomnav a:not(:last-child),.bottomnav button:not(:last-child),.bottomnav [data-route]:not(:last-child){
  border-right:1px solid rgba(104,130,112,.18)!important;
}
.bottomnav svg{
  width:29px!important;height:29px!important;
  min-width:29px!important;min-height:29px!important;
  margin:0 0 6px!important;
  stroke-width:2.25!important;
}
.bottomnav .ico,.bottomnav .icon{
  font-size:27px!important;
  line-height:1!important;
  margin-bottom:6px!important;
}
.bottomnav .active,.bottomnav [aria-current="page"],.bottomnav .on{
  color:#7df29a!important;
  background:linear-gradient(180deg,rgba(51,140,79,.25),rgba(29,89,50,.11))!important;
}
.bottomnav .active::before,.bottomnav [aria-current="page"]::before,.bottomnav .on::before{
  content:""!important;
  position:absolute!important;
  top:0!important;left:18%!important;right:18%!important;
  height:4px!important;
  border-radius:0 0 4px 4px!important;
  background:#7df29a!important;
  box-shadow:0 0 12px rgba(125,242,154,.5)!important;
}
.bottomnav .badge{
  position:absolute!important;
  top:7px!important;right:18%!important;
  min-width:18px!important;height:18px!important;
  padding:0 5px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:10px!important;
  font-size:10px!important;font-weight:900!important;
}
.page,main.page,.pagewrap{padding-bottom:118px!important}
.card{border-color:#3c4841!important;box-shadow:0 8px 24px rgba(0,0,0,.14)!important}
.btn{min-height:46px!important}
@media(max-width:390px){
  .bottomnav a,.bottomnav button,.bottomnav [data-route]{font-size:10px!important}
}

/* =========================================================
   VERS V25.1 CANDIDATE B6 — FULL POLISHED THEME
   Targets the ACTUAL rendered UI including .tabs
   ========================================================= */

:root{
  --bg:#050806!important;
  --app:#0b110d!important;
  --card:#151c17!important;
  --card2:#19221c!important;
  --line:#3b4a40!important;
  --input:#1c2620!important;
  --mut:#a8b5ad!important;
  --g:#079447!important;
  --b:#167dcc!important;
  --r:#c32328!important;
  --a:#e3830a!important;
  --t:#0c979a!important;
  --p:#7757dc!important;
}

html,body{
  background:#050806!important;
  color:#f5f8f6!important;
}
body{
  overscroll-behavior-y:none;
}
.app{
  max-width:720px!important;
  background:
    radial-gradient(circle at 50% -180px,rgba(47,110,66,.16),transparent 420px),
    #0b110d!important;
  min-height:100vh!important;
  padding-bottom:112px!important;
  box-shadow:0 0 38px rgba(0,0,0,.5)!important;
}

/* Header / identity */
header{
  min-height:74px!important;
  padding:10px 16px!important;
  background:rgba(10,16,12,.97)!important;
  border-bottom:1px solid #33443a!important;
  box-shadow:0 7px 24px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(12px);
}
.brandlogo{
  width:185px!important;
  height:54px!important;
  border-radius:10px!important;
  padding:2px!important;
  box-shadow:0 0 0 1px #2e3932!important;
}
.user{
  font-size:11px!important;
  line-height:1.35!important;
}
.user a{font-weight:800!important}
.user::after{
  content:"";
  display:inline-block;
  width:7px;height:7px;
  margin-left:5px;
  border-radius:50%;
  background:#48e98a;
  box-shadow:0 0 7px rgba(72,233,138,.65);
}

/* Page rhythm */
.page{
  padding:20px 16px 24px!important;
}
h1{
  font-size:30px!important;
  line-height:1.08!important;
  letter-spacing:-.4px!important;
  margin:8px 0 17px!important;
}
h2{
  font-size:22px!important;
  letter-spacing:-.2px!important;
}
h3{letter-spacing:-.1px!important}
.mut{color:#aab8af!important}

/* Cards */
.card,.oc{
  background:linear-gradient(180deg,#17201a 0%,#131a16 100%)!important;
  border:1px solid #3a4b40!important;
  border-radius:17px!important;
  padding:16px!important;
  margin:11px 0!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.025),
    0 9px 24px rgba(0,0,0,.18)!important;
}
.oc{
  transition:transform .12s ease,border-color .12s ease,background .12s ease!important;
}
.oc:active{
  transform:scale(.992)!important;
  border-color:#5c7464!important;
}
.onum{
  color:#6cf0a1!important;
  font-size:15px!important;
  letter-spacing:.25px!important;
}

/* Home farm card */
.home-tools{
  gap:8px!important;
}
.home-tools .btn{
  min-height:42px!important;
  border-radius:12px!important;
  padding:9px 13px!important;
}

/* Main action buttons */
.actions{
  gap:10px!important;
  margin:12px 0 19px!important;
}
.actions .btn{
  min-height:62px!important;
  border-radius:14px!important;
  padding:17px 54px 17px 18px!important;
  font-size:19px!important;
  letter-spacing:.1px!important;
  position:relative!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.13),
    0 7px 16px rgba(0,0,0,.17)!important;
}
.actions .btn::after{
  content:"›"!important;
  position:absolute!important;
  right:21px!important;
  top:50%!important;
  transform:translateY(-52%)!important;
  font-size:34px!important;
  font-weight:500!important;
  color:rgba(255,255,255,.9)!important;
}
.actions .btn:not(.blue):not(.red){
  background:linear-gradient(180deg,#0b9a4c,#06833e)!important;
}
.actions .btn.blue{
  background:linear-gradient(180deg,#2189d2,#176fb2)!important;
}
.actions .btn.red{
  background:linear-gradient(180deg,#cc292e,#b91f24)!important;
}

/* Buttons everywhere */
.btn{
  min-height:48px!important;
  border-radius:12px!important;
  padding:12px 15px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}
.btn.alt{
  background:linear-gradient(180deg,#303a33,#29322c)!important;
  border-color:#4a5b50!important;
}
.btn.small{
  min-height:38px!important;
  padding:8px 11px!important;
}
.linkbtn{
  color:#67e99a!important;
  font-weight:850!important;
}

/* Forms */
label{
  margin-top:12px!important;
  color:#f4f7f5!important;
  font-weight:900!important;
}
input,select,textarea{
  min-height:49px!important;
  padding:13px 14px!important;
  background:#1b241f!important;
  border:1px solid #526158!important;
  border-radius:12px!important;
  font-weight:700!important;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.11)!important;
}
textarea{min-height:92px!important}
input:focus,select:focus,textarea:focus{
  outline:none!important;
  border-color:#38b66d!important;
  box-shadow:0 0 0 3px rgba(56,182,109,.16)!important;
}
.pweye{
  min-height:49px!important;
  border-radius:12px!important;
}

/* Pills / status */
.pill{
  border:1px solid rgba(255,255,255,.08)!important;
  padding:6px 11px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07)!important;
}
.badge{
  font-weight:900!important;
  box-shadow:0 1px 4px rgba(0,0,0,.3)!important;
}

/* Empty states */
.empty{
  min-height:72px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,#101712,#0e1410)!important;
  border:1px dashed #415348!important;
  border-radius:16px!important;
  color:#b7c4bc!important;
  font-size:14px!important;
}

/* Partial collection hierarchy */
.partial-item{
  border-radius:16px!important;
  padding:0 13px 13px!important;
  overflow:hidden!important;
}
.partial-item-head{
  margin:0 -13px 13px!important;
  padding:13px 14px!important;
  font-size:18px!important;
  letter-spacing:.1px!important;
}
.partial-stats>div,
.progress-grid>div{
  border:1px solid rgba(255,255,255,.045)!important;
}

/* Permission list */
.perm-list{
  border-color:#405248!important;
  border-radius:14px!important;
  background:#131b16!important;
}
.perm-row{
  min-height:50px!important;
  padding:12px 14px!important;
  border-color:#34443a!important;
}
.perm-row input{
  width:22px!important;height:22px!important;
}

/* Modals / sheets */
.modal{
  background:rgba(0,0,0,.76)!important;
  backdrop-filter:blur(5px)!important;
}
.sheet{
  background:linear-gradient(180deg,#1b251e,#151c17)!important;
  border:1px solid #405348!important;
  border-bottom:0!important;
  border-radius:24px 24px 0 0!important;
  padding:21px!important;
  box-shadow:0 -18px 44px rgba(0,0,0,.48)!important;
}
.success-sheet,.created-sheet{
  border:1px solid #446052!important;
  box-shadow:0 20px 60px rgba(0,0,0,.48)!important;
}
.success-tick{
  box-shadow:0 0 0 7px rgba(7,144,74,.12),0 9px 20px rgba(0,0,0,.25)!important;
}

/* Login / onboarding */
.login,.boot{
  background:
    radial-gradient(circle at 50% 0,rgba(39,114,61,.18),transparent 470px),
    #050806!important;
}
.login .box,.box{
  background:linear-gradient(180deg,#151d18,#111713)!important;
  border-color:#405247!important;
  border-radius:22px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.38)!important;
}
.loginbrandlogo{
  border:1px solid #313a34!important;
  box-shadow:0 8px 20px rgba(0,0,0,.26)!important;
}

/* Warnings / success */
.setupwarn{
  border-radius:13px!important;
  box-shadow:0 5px 16px rgba(0,0,0,.16)!important;
}
.okmsg,.ok{
  background:#153e25!important;
  border:1px solid #348e55!important;
  color:#c4f4d2!important;
}
.err{
  background:#441d1f!important;
  border:1px solid #7c3236!important;
  color:#ffc1c4!important;
}

/* =========================================================
   ACTUAL APP NAVIGATION — .tabs
   ========================================================= */
.tabs{
  position:fixed!important;
  left:50%!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  width:min(720px,100%)!important;
  height:96px!important;
  min-height:96px!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  background:linear-gradient(180deg,#101713,#0a0f0c)!important;
  border-top:1px solid #506158!important;
  box-shadow:0 -12px 30px rgba(0,0,0,.58)!important;
  z-index:10000!important;
  padding-bottom:env(safe-area-inset-bottom)!important;
}
.tabs button{
  position:relative!important;
  min-width:0!important;
  border:0!important;
  border-right:1px solid rgba(110,137,119,.18)!important;
  background:transparent!important;
  color:#d3dcd6!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:8px 2px 7px!important;
  font-size:inherit!important;
  opacity:1!important;
}
.tabs button:last-child{border-right:0!important}
.tabs .navico{
  display:block!important;
  font-size:31px!important;
  line-height:1!important;
  font-weight:500!important;
  color:#f2f5f3!important;
  transform:translateY(-1px)!important;
}
.tabs .navlabel{
  display:block!important;
  font-size:10.5px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:.05px!important;
  white-space:nowrap!important;
}
.tabs button.on{
  color:#82f02c!important;
  background:linear-gradient(180deg,rgba(92,185,40,.14),rgba(26,74,39,.08))!important;
}
.tabs button.on::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:4px!important;
  background:#82f02c!important;
  box-shadow:0 0 13px rgba(130,240,44,.5)!important;
}
.tabs button.on .navico{
  color:#82f02c!important;
  text-shadow:0 0 10px rgba(130,240,44,.23)!important;
}
.tabs button.att:not(.on){
  color:#ff7979!important;
}
.tabs .badge{
  position:absolute!important;
  top:7px!important;
  right:12%!important;
  min-width:19px!important;
  height:19px!important;
  font-size:10px!important;
}

/* Mobile tuning */
@media(max-width:520px){
  .page{padding:16px 12px 22px!important}
  header{padding:8px 10px!important}
  .brandlogo{width:162px!important;height:50px!important}
  .home-tools{max-width:210px!important}
  .home-tools .btn{padding:8px 10px!important}
  .actions .btn{min-height:59px!important;font-size:18px!important}
  .tabs{height:92px!important;min-height:92px!important}
  .tabs .navico{font-size:28px!important}
  .tabs .navlabel{font-size:9.5px!important}
  .app{padding-bottom:108px!important}
}
@media(max-width:365px){
  .tabs .navlabel{font-size:8.8px!important}
  .tabs .navico{font-size:26px!important}
}

/* =========================================================
   V25.1 Candidate B7 — navigation behaviour + sheet scrolling
   ========================================================= */

/* The nav remains available, but modal content ends ABOVE it. */
.modal{
  inset:0 0 96px 0!important;
  height:auto!important;
  max-height:calc(100dvh - 96px)!important;
  align-items:flex-end!important;
  overscroll-behavior:contain!important;
}
.sheet{
  max-height:calc(100dvh - 108px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable!important;
  padding-bottom:28px!important;
}

/* Ensure form controls at the bottom can scroll fully into view. */
.sheet::after{
  content:""!important;
  display:block!important;
  height:10px!important;
}

/* Fixed nav itself must respond like navigation, not like content under a modal. */
.tabs{
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.tabs button{
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}

/* Do not let page content sit under the fixed nav. */
.app{
  padding-bottom:118px!important;
}
.page{
  padding-bottom:32px!important;
}

@media(max-width:520px){
  .modal{
    inset:0 0 92px 0!important;
    max-height:calc(100dvh - 92px)!important;
  }
  .sheet{
    max-height:calc(100dvh - 104px)!important;
  }
  .app{
    padding-bottom:112px!important;
  }
}

/* VERS SaaS onboarding — derived from frozen B7 */
.onboarding-page{max-width:760px;margin:0 auto;padding-bottom:110px}.onboard-logo{width:132px;display:block;margin-bottom:3px}.ob-welcome,.return-welcome{margin:0 0 14px;padding:14px 16px;border:1px solid #44604d;background:#1b2920;border-radius:14px;display:grid;gap:4px}.ob-welcome b,.return-welcome b{font-size:17px}.ob-welcome span,.return-welcome span{color:#b8c8bd}.ob-progress{margin:18px 0;color:#aab9af;font-size:13px}.ob-bar{height:7px;border-radius:999px;overflow:hidden;background:#303a33;margin-bottom:7px}.ob-bar span{display:block;height:100%;background:#65dc91;border-radius:inherit}.ob-card{padding:20px}.ob-card h1{margin:3px 0 8px;font-size:28px;line-height:1.05}.ob-kicker{font-size:12px;font-weight:900;letter-spacing:.12em;color:#65dc91}.ob-next{margin-top:12px}.ob-stat{display:flex;align-items:baseline;gap:8px;margin:14px 0;padding:12px;border-radius:12px;background:#202823}.ob-stat b{font-size:28px}.ob-stat span{color:#aab9af}.flow4{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.flow4 div{background:#202823;border:1px solid #38463d;border-radius:12px;padding:12px 8px;text-align:center}.flow4 b{width:28px;height:28px;margin:0 auto 7px;border-radius:50%;background:#65dc91;color:#142019;display:grid;place-items:center}.flow4 span{display:block;font-size:12px;font-weight:900}.flow4 small{display:block;color:#9eaaa2;font-size:10px;margin-top:4px}.return-welcome{margin-top:0}
@media(max-width:600px){.flow4{grid-template-columns:1fr 1fr}.ob-card h1{font-size:24px}.onboarding-page{padding-top:12px}}

/* =========================================================
   V25.1 Candidate B9 — in-product trial coach marks
   Underlying VERS screens remain unchanged.
   ========================================================= */
.trial-hook{margin:10px 0 8px;padding:10px 12px;border:1px solid #2f6a42;border-radius:12px;background:#142419;display:grid;gap:3px;text-align:center}.trial-hook b{font-size:17px;color:#fff}.trial-hook span{font-size:12px;font-weight:900;letter-spacing:.04em;color:#77ef9e}.trial-hook small{color:#a8b7ad}
/* B16 VERS Guide — transparent mascot + clean SVG pointer */
header{z-index:80!important}.tabs{z-index:80!important}.modal{z-index:100!important}
.vers-guide-wire{display:none!important}
.vers-guide{position:fixed;z-index:140;width:248px;min-height:82px;pointer-events:none;display:flex;align-items:flex-end;gap:5px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.48));transition:left .1s ease,top .1s ease}.vers-guide-v{width:70px;height:88px;object-fit:contain;object-position:center bottom;flex:0 0 auto}.vers-guide-note{position:relative;min-width:0;flex:1;background:#0d2018;color:#f6fff8;border:1px solid #62d989;border-radius:13px;padding:10px 27px 10px 11px;box-shadow:0 8px 24px rgba(0,0,0,.42);display:grid;gap:3px;pointer-events:auto}.vers-guide-note b{font-size:14px;line-height:1.1;color:#fff}.vers-guide-note span{font-size:12px;line-height:1.28;color:#d3e9db}.vers-guide-skip{position:absolute;right:6px;top:5px;border:0;background:#263f35;color:#c4d5cc;width:20px;height:20px;border-radius:50%;padding:0;cursor:pointer;line-height:18px;font-size:14px}.vers-guide-target{position:relative!important;outline:3px solid #73ff35!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(115,255,53,.10),0 0 18px rgba(115,255,53,.32)!important}.page .vers-guide-target{z-index:20!important}.modal .vers-guide-target{z-index:2!important}
.vers-welcome-modal{align-items:center!important;background:rgba(0,0,0,.82)!important}.vers-welcome-sheet{max-width:430px!important;border-radius:22px!important;padding:22px!important;overflow:hidden!important;display:grid!important;grid-template-columns:140px 1fr;gap:14px;align-items:center;text-align:left!important}.vers-welcome-v{width:140px;height:190px;object-fit:contain;object-position:center}.vers-welcome-copy{min-width:0}.vers-welcome-kicker{color:#7cff32;font-size:20px;font-weight:1000;margin-bottom:4px}.vers-welcome-sheet h2{margin:0 0 7px;font-size:23px;line-height:1.08}.modal>.sheet{border-radius:22px!important;margin:8px auto!important;max-height:calc(100dvh - 92px)!important}.sheet{scroll-padding-top:18px;scroll-padding-bottom:92px}
@media(max-width:520px){.vers-guide{width:min(228px,calc(100vw - 12px));gap:2px}.vers-guide-v{width:58px;height:76px}.vers-guide-note{padding:8px 26px 8px 9px}.vers-guide-note b{font-size:13px}.vers-guide-note span{font-size:11px}.vers-welcome-sheet{grid-template-columns:92px 1fr;gap:9px;padding:16px!important;margin:10px!important}.vers-welcome-v{width:92px;height:128px}.vers-welcome-kicker{font-size:17px}.vers-welcome-sheet h2{font-size:19px}.vers-welcome-sheet .mut{font-size:12px}}
@media(max-width:380px){.vers-guide{width:min(204px,calc(100vw - 10px))}.vers-guide-v{width:50px;height:66px}.vers-guide-note{padding:7px 24px 7px 8px}.vers-guide-note b{font-size:12.5px}.vers-guide-note span{font-size:10.5px}.vers-welcome-sheet{grid-template-columns:72px 1fr;padding:13px!important}.vers-welcome-v{width:72px;height:106px}.vers-welcome-kicker{font-size:15px}.vers-welcome-sheet h2{font-size:17px}.vers-welcome-sheet .btn{font-size:13px;padding:10px}.vers-welcome-sheet .mut{font-size:11px}}
/* V25.1 Candidate B14 — guided-tour reliability + modal polish */
.modal>.sheet{
  border-radius:24px!important;
  border-bottom:1px solid #405348!important;
  margin:10px auto 10px!important;
  max-height:calc(100dvh - 118px)!important;
}
@media(max-width:520px){
  .modal>.sheet{max-height:calc(100dvh - 114px)!important;margin:8px auto 8px!important}
}

/* B18 — V points; no arrows */
.vers-guide{gap:2px!important;align-items:flex-end!important}.vers-guide-v{width:82px!important;height:104px!important;object-fit:contain!important;filter:drop-shadow(0 5px 8px rgba(0,0,0,.5))}.vers-guide-note{margin-left:-4px!important}.vers-guide-target{outline-width:2px!important}
@media(max-width:520px){.vers-guide-v{width:70px!important;height:92px!important}.vers-guide{width:min(240px,calc(100vw - 10px))!important}}
@media(max-width:380px){.vers-guide-v{width:62px!important;height:82px!important}.vers-guide{width:min(220px,calc(100vw - 8px))!important}}

/* B20 — V stays attached to the real target; no arrows */
.vers-guide{width:auto!important;min-height:0!important;display:flex!important;align-items:flex-end!important;gap:4px!important;pointer-events:none!important;transition:left .08s ease,top .08s ease!important}
.vers-guide-v{width:78px!important;height:100px!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 5px 8px rgba(0,0,0,.55))!important;flex:0 0 auto!important}
.vers-guide-note{width:196px;flex:0 0 auto!important;margin:0!important;padding:10px 27px 10px 12px!important;background:#0b1b15!important;border:1px solid #48d97f!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(0,0,0,.48)!important}
.vers-guide-note b{font-size:14px!important}.vers-guide-note span{font-size:12px!important;line-height:1.28!important}
.vers-guide.guide-wide-target .vers-guide-v{transform:translateY(21px)!important}
.vers-guide.guide-wide-target .vers-guide-note{transform:translateY(-10px)!important}
.vers-guide.guide-side-target .vers-guide-v{width:68px!important;height:88px!important}
@media(max-width:390px){.vers-guide-v{width:66px!important;height:88px!important}.vers-guide-note{width:174px!important;padding:8px 24px 8px 10px!important}.vers-guide-note b{font-size:13px!important}.vers-guide-note span{font-size:11px!important}.vers-guide.guide-wide-target .vers-guide-v{transform:translateY(18px)!important}}
@media(max-width:340px){.vers-guide-v{width:56px!important;height:76px!important}.vers-guide-note{width:158px!important}.vers-guide-note b{font-size:12px!important}.vers-guide-note span{font-size:10.5px!important}}

/* B21 guide polish — V itself points; note never sits on top of V */
.vers-guide{flex-direction:row-reverse!important;gap:4px!important;align-items:flex-end!important}
.vers-guide .vers-guide-v{width:72px!important;height:94px!important;flex:0 0 auto!important;object-fit:contain!important}
.vers-guide .vers-guide-note{width:176px!important;flex:0 0 auto!important;margin:0!important}
.vers-guide.guide-point-left{flex-direction:row!important}
.vers-guide.guide-point-left .vers-guide-v{transform:scaleX(-1)!important}
.vers-guide.guide-wide-target .vers-guide-v{transform:translateY(16px)!important}
.vers-guide.guide-nav-target .vers-guide-v{transform:translateY(12px)!important}
.vers-guide.guide-nav-target.guide-point-left .vers-guide-v{transform:translateY(12px) scaleX(-1)!important}
.vers-guide.guide-side-target.guide-point-left .vers-guide-v{transform:scaleX(-1)!important}
.doc-choice-guide{display:grid;gap:0}
@media(max-width:520px){
  .vers-guide .vers-guide-v{width:62px!important;height:82px!important}
  .vers-guide .vers-guide-note{width:150px!important;padding:8px 24px 8px 10px!important}
}
@media(max-width:340px){
  .vers-guide .vers-guide-v{width:54px!important;height:74px!important}
  .vers-guide .vers-guide-note{width:132px!important;font-size:10.5px!important}
}

/* B22 — Offline-first performance status */
.syncline{display:inline-block;margin-top:2px;font-size:11px;font-weight:800;line-height:1.2}
.sync-online{color:#62db91}
.sync-syncing{color:#8fd2ff}
.sync-offline{color:#ffc46b}
.sync-error{color:#ff8f8f}