/* ── Vendors previews (scenes used by js/periodic/ven.js) ── */

/* Shared bits: wide window, tables, status pills, inputs, switches, light browser, phone */
.pv .pv-ven-wide { width: 90%; }
.pv-ven-ico { width: 1em; height: 1em; flex: none; }
.pv-ven-dim { color: rgba(236, 253, 245, 0.4); }
.pv-ven-full { display: block; width: 100%; text-align: center; }
.pv-ven-mt { margin-top: .8em; }
.pv-ven-blk { display: block; }

.pv-ven-st {
  display: inline-block; padding: .2em .65em; border-radius: 999px; font-size: .74em; font-weight: 600; font-style: normal; white-space: nowrap;
}
.pv-ven-new, .pv-ven-sent { background: rgba(96, 165, 250, 0.16); color: #93c5fd; }
.pv-ven-rev { background: rgba(251, 191, 36, 0.15); color: #fcd34d; }
.pv-ven-ok, .pv-ven-paid { background: rgba(52, 211, 153, 0.15); color: #6ee7b7; }
.pv-ven-no, .pv-ven-over { background: rgba(248, 113, 113, 0.16); color: #fca5a5; }
.pv-ven-draft { background: rgba(236, 253, 245, 0.08); color: rgba(236, 253, 245, 0.6); }

.pv-ven-tbl { display: flex; flex-direction: column; }
.pv-ven-tr {
  display: grid; grid-template-columns: var(--cols, 1fr); align-items: center; gap: .6em;
  padding: .5em .5em; border-top: 1px solid rgba(236, 253, 245, 0.07); font-size: .8em; white-space: nowrap;
}
.pv-ven-tr > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.pv-ven-tr .pv-ven-st { font-size: .9em; }
.pv-ven-th { border-top: 0; padding-top: 0; }
.pv-ven-th > span { font-size: .86em; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; color: rgba(236, 253, 245, 0.45); }
.pv-ven-tr u { color: var(--c); text-decoration: none; font-weight: 600; }
.pv-ven-tr small { display: block; font-size: .85em; color: rgba(236, 253, 245, 0.5); }
.pv-ven-rowhl { position: relative; }
.pv-ven-rowhl > i {
  position: absolute; inset: 0; border-radius: .45em; border: 1px solid transparent;
  --pv-off-bg: transparent; --pv-off-bd: transparent; --pv-on-bg: color-mix(in srgb, var(--c) 10%, transparent);
  background: var(--pv-on-bg); border-color: color-mix(in srgb, var(--c) 55%, transparent);
}
.pv-ven-rowhl > .pv-hl1 { animation: pvVenRow1 var(--pv-t) infinite; }
.pv-ven-rowhl > .pv-hl5 { animation: pvVenRow5 var(--pv-t) infinite; }
@keyframes pvVenRow1 { 0%, 5% { opacity: 0; } 8%, 92% { opacity: 1; } 97%, 100% { opacity: 0; } }
@keyframes pvVenRow5 { 0%, 49% { opacity: 0; } 52%, 92% { opacity: 1; } 97%, 100% { opacity: 0; } }
.pv-ven-rowhl > .pv-ven-tr, .pv-ven-rowhl > .pv-ven-vli { position: relative; }

.pv-ven-fl { display: block; font-size: .7em; font-weight: 600; color: rgba(236, 253, 245, 0.55); margin: .55em 0 .25em; white-space: nowrap; }
.pv-ven-in {
  display: block; padding: .38em .65em; border-radius: .45em; border: 1px solid rgba(236, 253, 245, 0.12); background: rgba(236, 253, 245, 0.03);
  font-size: .78em; color: rgba(236, 253, 245, 0.9); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pv-ven-in i { font-style: normal; color: rgba(236, 253, 245, 0.4); }
.pv-ven-dd { position: relative; padding-right: 2em; }
.pv-ven-dd::after { content: ""; position: absolute; right: .8em; top: 50%; width: .4em; height: .4em; margin-top: -.3em; border: solid currentColor; border-width: 0 .13em .13em 0; transform: rotate(45deg); opacity: .5; }
.pv-ven-f2 { display: grid; grid-template-columns: 1fr 1fr; gap: .6em; }
.pv-ven-f3 { display: grid; grid-template-columns: 1fr 1fr 1.25fr; gap: .7em; }
.pv-ven-srch { display: flex; align-items: center; gap: .5em; color: rgba(236, 253, 245, 0.45); }

.pv-ven-cb { display: inline-grid; place-items: center; width: 1.25em; height: 1.25em; border-radius: .3em; border: 1.5px solid var(--c); background: color-mix(in srgb, var(--c) 18%, transparent); flex: none; }
.pv-ven-cb .pv-check { width: .95em; height: .95em; }
.pv-ven-cboff { border-color: rgba(236, 253, 245, 0.25); background: transparent; }

.pv-ven-sw { position: relative; display: inline-block; width: 2.2em; height: 1.2em; border-radius: 999px; background: var(--c); flex: none; }
.pv-ven-sw::after { content: ""; position: absolute; top: .15em; left: 1.15em; width: .9em; height: .9em; border-radius: 50%; background: #fff; }
.pv-ven-sw5 { animation: pvVenSw5 var(--pv-t) infinite; }
.pv-ven-sw5::after { animation: pvVenKn5 var(--pv-t) infinite; }
@keyframes pvVenSw5 { 0%, 49% { background-color: rgba(236, 253, 245, 0.16); } 52%, 94% { background-color: var(--c); } 97%, 100% { background-color: rgba(236, 253, 245, 0.16); } }
@keyframes pvVenKn5 { 0%, 49% { transform: translateX(0em); } 52%, 94% { transform: translateX(1em); } 97%, 100% { transform: translateX(0em); } }

.pv-ven-br {
  position: relative; background: #f6faf8; color: #1b2421; border-radius: .75em; overflow: hidden;
  box-shadow: 0 1.6em 3.2em rgba(0, 0, 0, 0.5); flex: none;
}
.pv-ven-bar { display: flex; align-items: center; gap: .4em; padding: .5em .8em; background: #e2eae6; }
.pv-ven-bar > i { width: .6em; height: .6em; border-radius: 50%; background: rgba(27, 36, 33, 0.2); flex: none; }
.pv-ven-url {
  flex: 1; min-width: 0; margin-left: .5em; display: flex; align-items: center; gap: .45em; padding: .28em .8em;
  border-radius: 999px; background: #fff; font-size: .74em; color: #3b4743; white-space: nowrap; overflow: hidden;
}
.pv-ven-lock { width: 1em; height: 1em; color: #16a34a; flex: none; }
.pv-ven-pg { position: relative; padding: .9em 1em 1em; }
.pv-ven-lbtn {
  display: inline-block; padding: .45em .95em; border-radius: .5em; border: 1px solid rgba(27, 36, 33, 0.18); background: #fff;
  color: #1b2421; font-weight: 600; font-size: .82em; white-space: nowrap;
}
.pv-ven-h { display: block; font-size: .86em; font-weight: 700; margin: .1em 0 .5em; }

/* Light surfaces: status pills in light colors */
.pv-ven-aw .pv-ven-st, .pv-ven-vo .pv-ven-st, .pv-ven-ph .pv-ven-st { font-size: .7em; }
.pv-ven-vo .pv-ven-ok, .pv-ven-ph .pv-ven-paid { background: #d1fae5; color: #047857; }
.pv-ven-vo .pv-ven-rev { background: #fef3c7; color: #92400e; }
.pv-ven-vo .pv-ven-new, .pv-ven-ph .pv-ven-sent { background: #dbeafe; color: #1d4ed8; }
.pv-ven-vo .pv-ven-no { background: #fee2e2; color: #b91c1c; }

/* ── Application Forms ── */
.pv-ven-afgrid { display: grid; grid-template-columns: 31% 1fr; gap: 1.1em; }
.pv-ven-afnav { display: flex; flex-direction: column; gap: .35em; }
.pv-ven-afsec {
  display: flex; align-items: center; gap: .55em; padding: .55em .7em; border-radius: .5em; font-size: .76em;
  background: rgba(236, 253, 245, 0.03); border: 1px solid rgba(236, 253, 245, 0.06); color: rgba(236, 253, 245, 0.75);
}
.pv-ven-afsec i { width: .5em; height: .5em; border-radius: 50%; background: rgba(236, 253, 245, 0.3); flex: none; }
.pv-ven-afsec span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv-ven-afsec em { font-style: normal; font-size: .9em; font-weight: 600; color: rgba(236, 253, 245, 0.5); }
.pv-ven-afsec.on { background: color-mix(in srgb, var(--c) 14%, transparent); border-color: color-mix(in srgb, var(--c) 55%, transparent); color: #ecfdf5; font-weight: 600; }
.pv-ven-afsec.on i { background: var(--c); box-shadow: 0 0 .6em var(--c); }
.pv-ven-afsec.on em { color: var(--c); }
.pv-ven-afmain { display: flex; flex-direction: column; gap: .45em; min-width: 0; }
.pv-ven-afhd { display: flex; align-items: center; gap: .5em; margin-bottom: .2em; }
.pv-ven-afhd b { margin-right: auto; font-size: .92em; }
.pv-ven-afhd .pv-btn { font-size: .72em; padding: .4em .8em; }
.pv-ven-field {
  display: flex; align-items: center; gap: .7em; padding: .5em .75em; border-radius: .5em;
  background: #18221e; border: 1px solid rgba(236, 253, 245, 0.08);
}
.pv-ven-field > div { flex: 1; min-width: 0; display: flex; align-items: center; gap: .7em; }
.pv-ven-field b { font-size: .8em; white-space: nowrap; }
.pv-ven-field > em { font-style: normal; font-size: .7em; font-weight: 600; padding: .25em .6em; border-radius: .35em; background: color-mix(in srgb, var(--c) 14%, transparent); color: var(--c); white-space: nowrap; }
.pv-ven-grip { display: grid; grid-template-columns: repeat(2, .2em); gap: .18em; flex: none; }
.pv-ven-grip i { width: .2em; height: .2em; border-radius: 50%; background: rgba(236, 253, 245, 0.35); }
.pv-ven-opts { display: flex; gap: .3em; }
.pv-ven-opts i { font-style: normal; font-size: .68em; padding: .15em .5em; border-radius: 999px; border: 1px solid rgba(236, 253, 245, 0.15); color: rgba(236, 253, 245, 0.65); }
.pv-ven-afbar {
  display: flex; align-items: center; gap: 1.1em; margin-top: .35em; padding-top: .7em; border-top: 1px solid rgba(236, 253, 245, 0.07);
}
.pv-ven-swl { display: inline-flex; align-items: center; gap: .55em; font-size: .78em; font-weight: 600; white-space: nowrap; }
.pv-ven-kv { display: flex; flex-direction: column; font-size: .78em; white-space: nowrap; }
.pv-ven-kv .pv-lbl { font-size: .78em; }
.pv-ven-afbar .pv-btn { margin-left: auto; }

/* ── Booth Pricing ── */
.pv-ven-bpgrid { display: grid; grid-template-columns: 1.55fr 1fr; gap: 1em; align-items: start; }
.pv-ven-bpcfg { padding: .5em .9em .8em; }
.pv-ven-bpcfg .pv-ven-in { font-size: .74em; }
.pv-ven-bpcfg .pv-ven-fl { font-size: .66em; }
.pv-ven-tiers { --cols: 1.25fr .7fr 1fr 1fr; margin-top: .45em; }
.pv-ven-tiers .pv-ven-th > span { font-size: .78em; letter-spacing: .03em; }
.pv-ven-tiers .pv-ven-tr { padding: .45em .5em; }
.pv-ven-cur { background: color-mix(in srgb, var(--c) 9%, transparent); border-radius: .4em; }
.pv-ven-bpside { display: flex; flex-direction: column; gap: .8em; }
.pv-ven-cardhd { display: flex; align-items: center; justify-content: space-between; margin-bottom: .45em; }
.pv-ven-cardhd b { font-size: .88em; }
.pv-ven-cardhd .pv-btn { font-size: .72em; padding: .35em .75em; }
.pv-ven-addon { display: flex; align-items: center; justify-content: space-between; padding: .5em 0; border-top: 1px solid rgba(236, 253, 245, 0.07); }
.pv-ven-addon > span b { display: block; font-size: .82em; }
.pv-ven-addon small { font-size: .72em; color: rgba(236, 253, 245, 0.5); }
.pv-ven-apv { padding: .75em .9em; border-radius: .6em; background: #f6faf8; color: #1b2421; box-shadow: 0 1em 2em rgba(0, 0, 0, 0.4); }
.pv-ven-apvl { display: block; font-size: .66em; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #5b6763; margin-bottom: .45em; }
.pv-ven-apvrow { display: flex; align-items: center; justify-content: space-between; padding: .5em .7em; border-radius: .45em; border: 1.5px solid var(--c); background: #fff; }
.pv-ven-apvrow b { display: block; font-size: .84em; }
.pv-ven-apvrow small { font-size: .72em; color: #5b6763; }
.pv-ven-price { font-size: 1.1em !important; color: #b91c1c; }
.pv-ven-left { display: inline-block; margin-top: .45em; font-size: .72em; font-weight: 600; color: #047857; }

/* ── Application Wizard ── */
.pv-ven-aw { gap: 1.8em; }
.pv-ven-awbr { width: 46%; }
.pv-ven-awhero {
  display: flex; flex-direction: column; gap: .15em; padding: .9em 1em; margin: -.9em -1em .8em; color: #fff;
  background: linear-gradient(120deg, color-mix(in srgb, var(--c) 70%, #1b2421), color-mix(in srgb, var(--c) 25%, #1b2421));
}
.pv-ven-awhero b { font-size: 1.15em; }
.pv-ven-awhero span { font-size: .74em; opacity: .85; }
.pv-ven-opt {
  display: flex; align-items: center; justify-content: space-between; gap: .8em; padding: .5em .75em; margin-bottom: .4em;
  border-radius: .5em; border: 1px solid rgba(27, 36, 33, 0.12); background: #fff;
}
.pv-ven-opt b { display: block; font-size: .82em; }
.pv-ven-opt small { font-size: .72em; color: #5b6763; }
.pv-ven-opt em { font-style: normal; font-size: .7em; font-weight: 700; color: #047857; white-space: nowrap; }
.pv-ven-opt.pv-ven-on { border-color: var(--c); box-shadow: 0 0 0 1px var(--c); }
.pv-ven-opt.pv-ven-out { opacity: .6; }
.pv-ven-opt.pv-ven-out em { color: #b91c1c; }
.pv-ven-awcta { display: flex; align-items: center; gap: .6em; margin-top: .7em; }
.pv-ven-wiz {
  width: 34%; padding: 1em 1.1em 1.1em; border-radius: .75em; background: #f6faf8; color: #1b2421;
  box-shadow: 0 1.6em 3.2em rgba(0, 0, 0, 0.5);
  --pv-off-bg: #e3eae7; --pv-off-bd: rgba(27, 36, 33, 0.12); --pv-off-fg: #5b6763; --pv-on-bg: var(--c); --pv-on-fg: #fff;
}
.pv-ven-steps { display: flex; align-items: center; margin-bottom: .9em; }
.pv-ven-steps i {
  display: grid; place-items: center; width: 1.7em; height: 1.7em; border-radius: 50%; font-style: normal; font-size: .76em; font-weight: 700;
  background: var(--pv-on-bg); color: var(--pv-on-fg); border: 1px solid var(--c);
}
.pv-ven-steps em { flex: 1; height: 2px; margin: 0 .3em; background: rgba(27, 36, 33, 0.14); }
.pv-ven-wsw { display: grid; width: 100%; }
.pv-ven-wsw > div { width: 100%; }
.pv-ven-wiz .pv-ven-h { font-size: .95em; }
.pv-ven-rv { display: flex; align-items: center; justify-content: space-between; padding: .4em 0; border-bottom: 1px solid rgba(27, 36, 33, 0.08); font-size: .8em; }
.pv-ven-rv small { display: block; font-size: .82em; color: #5b6763; }
.pv-ven-rv u { color: #0e7490; font-weight: 600; text-decoration: none; font-size: .9em; }
.pv-ven-rvtot { display: flex; justify-content: space-between; align-items: baseline; margin: .55em 0 .65em; font-size: .84em; }
.pv-ven-rvtot b { font-size: 1.1em; }
.pv-ven-terms { padding: .6em .7em .7em; border-radius: .45em; background: #fff; border: 1px solid rgba(27, 36, 33, 0.1); }
.pv-ven-terms .pv-ln { background: rgba(27, 36, 33, 0.12); }
.pv-ven-agree { display: flex; align-items: center; gap: .55em; margin: .8em 0 .9em; font-size: .8em; font-weight: 600; }
.pv-ven-wiz .pv-ven-cb .pv-check { color: #b91c1c; }
.pv-ven-msg { font-size: .76em; line-height: 1.45; color: #3b4743; margin: 0 0 .2em; }
.pv-ven-cardin { display: flex; align-items: center; gap: .55em; margin-bottom: .7em; background: #fff; border-color: rgba(27, 36, 33, 0.16); color: #1b2421; }
.pv-ven-cardin i { width: 1.5em; height: 1em; border-radius: .2em; background: linear-gradient(135deg, #6366f1, #22d3ee); flex: none; }
.pv-ven-cardin small { margin-left: auto; color: #5b6763; }
.pv-ven-done { display: flex; align-items: center; justify-content: center; gap: .4em; margin-top: .6em; font-size: .8em; font-weight: 700; color: #047857; }
.pv-ven-done .pv-check { color: #047857; }

/* ── Vendor Applications ── */
.pv-ven-va .pv-body { position: relative; }
.pv-ven-vastats { display: grid; grid-template-columns: repeat(5, 1fr); gap: .55em; margin-bottom: .8em; }
.pv-ven-vastats > div { padding: .5em .75em; border-radius: .5em; background: rgba(236, 253, 245, 0.04); }
.pv-ven-vastats b { display: block; font-size: 1.3em; color: var(--c); margin-top: .1em; }
.pv-ven-filters { display: flex; gap: .5em; margin-bottom: .7em; }
.pv-ven-filters .pv-ven-srch { flex: 1; }
.pv-ven-va .pv-ven-tbl { --cols: 1.7fr 1fr 1.2fr .8fr .6fr 1.1fr .6fr; }
.pv-ven-va .pv-ven-tr .pv-ven-ico { width: 1.15em; height: 1.15em; color: rgba(236, 253, 245, 0.55); }
.pv-ven-roster { display: flex; align-items: center; gap: .4em; margin-top: .6em; font-size: .78em; font-weight: 600; color: var(--c); }
.pv-ven-dlg {
  position: absolute; top: .9em; right: 1em; bottom: .9em; width: 44%; padding: .9em 1em; border-radius: .7em;
  background: #1b2622; border: 1px solid rgba(236, 253, 245, 0.14); box-shadow: -1em 1em 3em rgba(0, 0, 0, 0.6);
  display: flex; flex-direction: column;
}
.pv-ven-dlghd b { display: block; font-size: .95em; }
.pv-ven-dlghd span { font-size: .72em; color: rgba(236, 253, 245, 0.55); }
.pv-ven-dlgkv { display: grid; grid-template-columns: 1fr 1fr; gap: 0 .8em; margin-top: .2em; }
.pv-ven-dlgkv > div { font-size: .8em; }
.pv-ven-dlgkv .pv-ven-fl { font-size: .84em; margin: .55em 0 .1em; }
.pv-ven-dlgkv b { color: var(--c); }
.pv-ven-fee { display: flex; align-items: center; gap: .5em; margin-top: .6em; font-size: .76em; color: rgba(236, 253, 245, 0.75); }
.pv-ven-notes { min-height: 2.2em; }
.pv-ven-dlgbtns { display: flex; align-items: center; justify-content: flex-end; gap: .5em; margin-top: auto; }
.pv-ven-dlgbtns .pv-btn { font-size: .78em; }
.pv-ven-dlgbtns .pv-ghostbtn { margin-right: auto; }
.pv-ven-deny { display: inline-block; padding: .45em .9em; border-radius: .5em; border: 1px solid rgba(248, 113, 113, 0.5); color: #fca5a5; font-size: .78em; font-weight: 600; }

/* ── Jury Scoring ── */
.pv-ven-js { gap: 1.4em; }
.pv-ven-panel {
  background: #121a17; border: 1px solid rgba(236, 253, 245, 0.1); border-radius: .8em; padding: 1em 1.1em;
  box-shadow: 0 1.6em 3.2em rgba(0, 0, 0, 0.5);
}
.pv-ven-jsl { width: 42%; }
.pv-ven-jsr { width: 40%; }
.pv-ven-jshd { margin-bottom: .7em; }
.pv-ven-jshd b { display: block; font-size: 1em; }
.pv-ven-jshd span { font-size: .74em; color: rgba(236, 253, 245, 0.55); }
.pv-ven-jlbl { display: block; font-size: .8em; font-weight: 700; color: var(--c); }
.pv-ven-jury { display: flex; flex-direction: column; gap: .4em; margin: .5em 0 .8em; }
.pv-ven-juror { display: flex; align-items: center; gap: .65em; padding: .45em .65em; border-radius: .5em; background: rgba(236, 253, 245, 0.04); }
.pv-ven-juror > i {
  display: grid; place-items: center; width: 2em; height: 2em; border-radius: 50%; flex: none;
  font-style: normal; font-size: .72em; font-weight: 700; background: rgba(236, 253, 245, 0.1);
}
.pv-ven-juror > span { flex: 1; min-width: 0; }
.pv-ven-juror b { display: block; font-size: .8em; }
.pv-ven-juror small { display: block; font-size: .72em; color: rgba(236, 253, 245, 0.55); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv-ven-juror > em { font-style: normal; font-size: 1.15em; font-weight: 700; color: var(--c); }
.pv-ven-me { border: 1px solid color-mix(in srgb, var(--c) 50%, transparent); }
.pv-ven-me > i { background: var(--c); color: #0a0a0a; }
.pv-ven-yours { padding-top: .7em; border-top: 1px solid rgba(236, 253, 245, 0.08); }
.pv-ven-yours .pv-lbl small { letter-spacing: 0; text-transform: none; font-weight: 500; margin-left: .3em; }
.pv-ven-scale { display: flex; gap: .3em; margin: .5em 0 .6em; }
.pv-ven-scale i {
  flex: 1; display: grid; place-items: center; height: 1.9em; border-radius: .35em; font-style: normal; font-size: .76em; font-weight: 600;
  background: var(--pv-off-bg); border: 1px solid var(--pv-off-bd); color: var(--pv-off-fg);
}
.pv-ven-scale i.pv-hl1 { background: var(--pv-on-bg); border-color: var(--c); color: var(--pv-on-fg); box-shadow: 0 0 1em color-mix(in srgb, var(--c) 45%, transparent); }
.pv-ven-cmt { display: flex; gap: .5em; align-items: center; margin-bottom: .5em; }
.pv-ven-cmt > .pv-ven-in { flex: 1; min-width: 0; }
.pv-ven-cmt .pv-btn { font-size: .78em; }
.pv-ven-jsr > .pv-lbl { margin-bottom: .6em; }
.pv-ven-jsr .pv-ven-tbl { --cols: 1.6fr 1fr .8fr; }
.pv-ven-jsr .pv-ven-tr { padding: .55em .5em; }
.pv-ven-sc { color: var(--c); font-size: 1.05em; }
.pv-ven-jsr .pv-ven-tr small { display: block; }

/* ── Booth Maps ── */
.pv-ven-bt .pv-win { width: 92%; }
.pv-ven-btgrid { display: grid; grid-template-columns: 10.5em 1fr 13.5em; gap: 1em; }
.pv-ven-pal { display: flex; flex-direction: column; gap: .32em; }
.pv-ven-pal > .pv-lbl { margin-bottom: .15em; }
.pv-ven-pt {
  display: flex; align-items: center; gap: .5em; padding: .4em .55em; border-radius: .4em; font-size: .74em; white-space: nowrap;
  border: 1px solid var(--pv-off-bd); background: var(--pv-off-bg); color: var(--pv-off-fg);
}
.pv-ven-pt i { width: .95em; height: .95em; border-radius: .2em; flex: none; border: 1.5px solid currentColor; opacity: .7; }
.pv-ven-pt .pv-ven-sq1 { width: 1.5em; }
.pv-ven-pt .pv-ven-sq2 { border-radius: .2em .2em .2em .6em; }
.pv-ven-pt .pv-ven-sq4 { width: 1.5em; height: .75em; border-radius: .35em; }
.pv-ven-pt .pv-ven-sq5 { border-style: dashed; }
.pv-ven-floors { font-size: .72em; margin: .3em 0 .5em; }
.pv-ven-pal > .pv-btn { font-size: .72em; }
.pv-ven-canvas {
  position: relative; min-height: 17em; border-radius: .55em; border: 1px solid rgba(236, 253, 245, 0.1);
  background-color: #0e1513;
  background-image: linear-gradient(rgba(236, 253, 245, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(236, 253, 245, 0.05) 1px, transparent 1px);
  background-size: 1.2em 1.2em;
}
.pv-ven-bslot { position: absolute; display: block; }
.pv-ven-booth, .pv-ven-bfill {
  position: absolute; inset: 0; display: grid; place-items: center; border-radius: .3em;
  font-size: .72em; font-weight: 700;
}
.pv-ven-booth.pv-ven-av { border: 1.5px dashed color-mix(in srgb, var(--c) 70%, transparent); background: color-mix(in srgb, var(--c) 7%, transparent); color: color-mix(in srgb, var(--c) 85%, #fff); }
.pv-ven-booth.pv-ven-as, .pv-ven-bfill { border: 1.5px solid var(--c); background: color-mix(in srgb, var(--c) 55%, #18221e); color: #fff; }
.pv-ven-booth.pv-ven-corner { border-radius: .3em .3em .3em 1.1em; }
.pv-ven-bsel { position: absolute; inset: -.3em; border-radius: .5em; border: 2px solid #fff; box-shadow: 0 0 1.1em color-mix(in srgb, var(--c) 70%, transparent); }
.pv-ven-stage {
  position: absolute; left: 78%; top: 7%; width: 18%; height: 86%; display: grid; place-items: center;
  border-radius: .4em; background: rgba(236, 253, 245, 0.05); border: 1px solid rgba(236, 253, 245, 0.1);
  font-size: .66em; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(236, 253, 245, 0.45);
  writing-mode: vertical-rl;
}
.pv-ven-legend { position: absolute; left: 62%; top: 76%; display: flex; flex-direction: column; gap: .35em; font-size: .7em; color: rgba(236, 253, 245, 0.6); }
.pv-ven-legend span { display: inline-flex; align-items: center; gap: .4em; }
.pv-ven-legend i { width: .9em; height: .9em; border-radius: .2em; }
.pv-ven-legend .pv-ven-av { border: 1.5px dashed var(--c); }
.pv-ven-legend .pv-ven-as { background: color-mix(in srgb, var(--c) 55%, #18221e); border: 1.5px solid var(--c); }
.pv-ven-insp { min-width: 0; }
.pv-ven-inspsw { display: grid; width: 100%; height: 100%; }
.pv-ven-inspsw > div { width: 100%; min-width: 0; }
.pv-ven-hint {
  display: grid; place-items: center; text-align: center; padding: 1em; border-radius: .55em; border: 1px dashed rgba(236, 253, 245, 0.14);
  font-size: .76em; color: rgba(236, 253, 245, 0.45);
}
.pv-ven-insphd { display: flex; align-items: center; justify-content: space-between; }
.pv-ven-insphd b { font-size: .9em; }
.pv-ven-insp .pv-ven-in { font-size: .72em; }
.pv-ven-insp .pv-ven-fl { font-size: .66em; margin: .45em 0 .2em; }

/* ── Vendor Invoices ── */
.pv-ven-vi { gap: 1.8em; }
.pv-ven-viwin { width: 58%; flex: none; }
.pv-ven-vistats { margin: 0 0 .8em; }
.pv-ven-vistats b { font-size: 1.35em; }
.pv-ven-vi .pv-ven-tbl { --cols: 1fr 1.35fr .95fr .7fr .9fr .95fr; }
.pv-ven-vi .pv-ven-tr { padding: .55em .5em; }
.pv-ven-mp { display: inline-block; color: var(--c); font-weight: 600; }
.pv-ven-ph {
  position: relative; height: 92%; aspect-ratio: 9 / 17; padding: 2.4em .9em 1em; flex: none;
  border-radius: 2em; border: .35em solid #26302c; background: #f6faf8; color: #1b2421;
  box-shadow: 0 1.6em 3.2em rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; gap: .55em; overflow: hidden;
}
.pv-ven-notch { position: absolute; top: .6em; left: 50%; width: 30%; height: .9em; margin-left: -15%; border-radius: .6em; background: #26302c; }
.pv-ven-phhd b { display: block; font-size: 1em; }
.pv-ven-phhd span { font-size: .7em; color: #5b6763; }
.pv-ven-inv { padding: .75em .8em .85em; border-radius: .6em; background: #fff; border: 1px solid rgba(27, 36, 33, 0.1); }
.pv-ven-invtop { display: flex; align-items: center; justify-content: space-between; }
.pv-ven-invtop b { font-size: .85em; }
.pv-ven-invsub { display: block; font-size: .7em; color: #5b6763; margin: .15em 0 .5em; }
.pv-ven-invrow { display: flex; align-items: center; justify-content: space-between; padding: .3em 0; font-size: .72em; color: #3b4743; }
.pv-ven-invtot { border-top: 1px solid rgba(27, 36, 33, 0.1); margin-top: .2em; padding-top: .45em; color: #1b2421; font-weight: 600; }
.pv-ven-inv .pv-swap { display: grid; justify-items: stretch; margin-top: .6em; }
.pv-ven-inv .pv-btn { font-size: .8em; }
.pv-ven-paidok { display: flex; align-items: center; justify-content: center; gap: .35em; padding: .45em; border-radius: .5em; background: #d1fae5; color: #047857; font-size: .76em; font-weight: 700; }
.pv-ven-paidok .pv-check { color: #047857; }

/* ── Vendor Portal ── */
.pv-ven-lw { width: 76%; background: #f6faf8; color: #1b2421; border-radius: .8em; overflow: hidden; box-shadow: 0 1.6em 3.2em rgba(0, 0, 0, 0.5); }
.pv-ven-lwtop { display: flex; align-items: center; gap: .45em; padding: .6em .9em; background: #e2eae6; font-size: .85em; }
.pv-ven-lwtop i { width: .65em; height: .65em; border-radius: 50%; background: rgba(27, 36, 33, 0.2); }
.pv-ven-lwtop b { margin-left: .6em; }
.pv-ven-lwtop span { margin-left: auto; font-size: .86em; color: #5b6763; }
.pv-ven-lwbody { display: grid; grid-template-columns: 11em 1fr; min-height: 17.5em; }
.pv-ven-side { display: flex; flex-direction: column; gap: .2em; padding: .9em .7em; background: #1b2421; }
.pv-ven-nav { position: relative; display: block; padding: .5em .7em; border-radius: .45em; font-size: .8em; color: rgba(236, 253, 245, 0.65); }
.pv-ven-nav b { position: relative; font-weight: 500; }
.pv-ven-nav > i { position: absolute; inset: 0; border-radius: .45em; background: color-mix(in srgb, var(--c) 22%, transparent); border-left: .25em solid var(--c); }
.pv-ven-vomain { display: grid; padding: 1em 1.2em; }
.pv-ven-vomain > div { grid-area: 1 / 1; min-width: 0; }
.pv-ven-h2 { display: block; font-size: 1.1em; font-weight: 700; margin-bottom: .6em; }
.pv-ven-h3 { display: block; font-size: .8em; font-weight: 700; margin: .9em 0 .45em; }
.pv-ven-sub2 { display: block; font-size: .76em; color: #5b6763; margin: -.4em 0 .7em; }
.pv-ven-vostats { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6em; }
.pv-ven-vostats > div { padding: .65em .8em; border-radius: .55em; background: #fff; border: 1px solid rgba(27, 36, 33, 0.1); }
.pv-ven-vostats small { display: block; font-size: .7em; font-weight: 600; color: #5b6763; }
.pv-ven-vostats b { display: block; font-size: 1.6em; color: #b91c1c; margin-top: .1em; }
.pv-ven-qa { display: flex; gap: .5em; }
.pv-ven-next { display: flex; align-items: center; justify-content: space-between; margin-top: .9em; padding: .6em .8em; border-radius: .5em; background: color-mix(in srgb, var(--c) 12%, #fff); font-size: .78em; }
.pv-ven-next small { display: block; font-size: .82em; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #5b6763; }
.pv-ven-lrow { display: flex; align-items: center; justify-content: space-between; padding: .55em .75em; margin-bottom: .4em; border-radius: .5em; background: #fff; border: 1px solid rgba(27, 36, 33, 0.08); }
.pv-ven-lrow b { display: block; font-size: .82em; }
.pv-ven-lrow small { font-size: .7em; color: #5b6763; }
.pv-ven-vo .pv-ven-st { font-size: .74em; }
.pv-ven-voev { display: grid; grid-template-columns: 1fr 1fr; gap: 1em; padding: .8em; border-radius: .6em; background: #fff; border: 1px solid rgba(27, 36, 33, 0.1); }
.pv-ven-voevl { display: flex; flex-direction: column; align-items: flex-start; gap: .4em; }
.pv-ven-voevl b { font-size: .95em; }
.pv-ven-voevl small { font-size: .72em; color: #5b6763; margin-top: -.3em; }
.pv-ven-chipl { font-size: .72em; font-weight: 600; padding: .25em .6em; border-radius: 999px; background: color-mix(in srgb, var(--c) 16%, #fff); color: #991b1b; }
.pv-ven-voevl .pv-btn { margin-top: .3em; font-size: .78em; }
.pv-ven-mini {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: .35em; padding: .5em; border-radius: .45em;
  background-color: #eef3f1; background-image: linear-gradient(rgba(27, 36, 33, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(27, 36, 33, 0.06) 1px, transparent 1px); background-size: .9em .9em;
}
.pv-ven-mini i { display: grid; place-items: center; aspect-ratio: 1; border-radius: .25em; border: 1.5px dashed rgba(27, 36, 33, 0.22); font-style: normal; font-size: .66em; font-weight: 700; }
.pv-ven-mini .pv-ven-mine { background: var(--c); border: 1.5px solid #b91c1c; color: #fff; box-shadow: 0 0 .8em color-mix(in srgb, var(--c) 60%, transparent); }

/* ── Vendor Comms ── */
.pv-ven-vc { gap: 1.6em; }
.pv-ven-vcwin { width: 50%; flex: none; }
.pv-ven-vct { display: block; font-size: .95em; margin-bottom: .1em; }
.pv-ven-tpl { font-size: .72em; margin-bottom: .2em; }
.pv-ven-tpl span { padding: .35em .7em; }
.pv-ven-rech { display: flex; align-items: baseline; justify-content: space-between; }
.pv-ven-rech u { font-size: .7em; font-weight: 600; color: var(--c); text-decoration: none; }
.pv-ven-recs { display: grid; grid-template-columns: 1fr 1fr; gap: .35em .8em; }
.pv-ven-rec { display: flex; align-items: center; gap: .5em; font-size: .76em; white-space: nowrap; overflow: hidden; }
.pv-ven-rec .pv-ven-cb { font-size: .9em; }
.pv-ven-vcbtns { display: flex; align-items: center; gap: .5em; margin-top: .9em; }
.pv-ven-vcbtns .pv-btn { font-size: .76em; }
.pv-ven-fly { display: flex; gap: .2em; }
.pv-ven-fly .pv-env { width: 1.3em; }
.pv-ven-vcr { width: 32%; display: flex; flex-direction: column; gap: .8em; }
.pv-ven-vcmail { width: 100%; }
.pv-ven-vcmail .pv-mail-head { padding: .75em; font-size: .74em; }
.pv-ven-vcmail .pv-mail-body { padding: .8em .9em .9em; }
.pv-ven-vcmail .pv-mail-body > b { font-size: .92em; line-height: 1.25; display: block; }
.pv-ven-mnote { margin-top: .6em; padding: .45em .6em; border-left: .2em solid var(--c); background: #fff; font-size: .74em; color: #3b4743; }
.pv-ven-auto { padding: .75em .85em; border-radius: .7em; background: #121a17; border: 1px solid rgba(236, 253, 245, 0.1); display: flex; flex-direction: column; gap: .4em; }
.pv-ven-arow { display: flex; align-items: center; gap: .55em; font-size: .74em; white-space: nowrap; }
.pv-ven-arow .pv-ven-sw { font-size: .8em; }

/* ── Vendor Directory ── */
.pv-ven-vdbr { width: 84%; }
.pv-ven-vdhero {
  display: flex; align-items: center; justify-content: space-between; padding: 1.1em 1.2em; margin: -.9em -1em .9em; color: #fff;
  background:
    radial-gradient(ellipse 60% 120% at 85% 20%, color-mix(in srgb, var(--c) 55%, transparent), transparent 70%),
    linear-gradient(120deg, #1b2421, color-mix(in srgb, var(--c) 35%, #1b2421));
}
.pv-ven-vdhero b { display: block; font-size: 1.35em; }
.pv-ven-vdhero small { font-size: .76em; opacity: .85; }
.pv-ven-vdh { display: block; font-size: .95em; font-weight: 700; margin-bottom: .6em; }
.pv-ven-vdgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .7em; }
.pv-ven-vcard { display: flex; flex-direction: column; align-items: flex-start; gap: .3em; padding: .8em .85em; border-radius: .6em; background: #fff; border: 1px solid rgba(27, 36, 33, 0.1); height: 100%; box-sizing: border-box; }
.pv-ven-vli > i, .pv-ven-vphd > i {
  display: grid; place-items: center; width: 2.3em; height: 2.3em; border-radius: .55em; font-style: normal; font-size: .76em; font-weight: 700; color: #fff; flex: none;
}
.pv-ven-av0 { background: linear-gradient(135deg, #f59e0b, #b45309); }
.pv-ven-av1 { background: linear-gradient(135deg, #ef4444, #991b1b); }
.pv-ven-av2 { background: linear-gradient(135deg, #14b8a6, #0f766e); }
.pv-ven-av3 { background: linear-gradient(135deg, #8b5cf6, #5b21b6); }
.pv-ven-vcard b { font-size: .84em; margin-top: .2em; }
.pv-ven-vcard em { font-style: normal; font-size: .64em; font-weight: 700; letter-spacing: .08em; color: #b91c1c; }
.pv-ven-vcard p { margin: 0; font-size: .72em; line-height: 1.4; color: #3b4743; }
.pv-ven-web { display: inline-flex; align-items: center; gap: .3em; margin-top: auto; padding-top: .3em; font-size: .72em; font-weight: 700; color: #0e7490; }

/* ── Vendor Profiles ── */
.pv-ven-vp { gap: 1.2em; }
.pv-ven-vp .pv-win { flex: none; }
.pv-ven-vpl { width: 33%; }
.pv-ven-vpr { width: 52%; }
.pv-ven-vpl .pv-ven-srch { font-size: .72em; margin-bottom: .5em; }
.pv-ven-vpl .pv-ven-filters .pv-ven-in { flex: 1; font-size: .72em; }
.pv-ven-vlist { display: flex; flex-direction: column; gap: .2em; }
.pv-ven-vli { display: flex; align-items: center; gap: .6em; padding: .45em .5em; }
.pv-ven-vli > span { flex: 1; min-width: 0; }
.pv-ven-vli b { display: block; font-size: .78em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv-ven-vli small { font-size: .68em; color: rgba(236, 253, 245, 0.5); }
.pv-ven-vli .pv-ven-st { font-size: .66em; }
.pv-ven-vphd { display: flex; align-items: center; gap: .7em; margin-bottom: .8em; }
.pv-ven-vphd > span { flex: 1; min-width: 0; }
.pv-ven-vphd > i { font-size: .9em; }
.pv-ven-vphd b { display: block; font-size: 1em; }
.pv-ven-vphd small { font-size: .72em; color: rgba(236, 253, 245, 0.55); }
.pv-ven-vpm { display: grid; grid-template-columns: repeat(4, 1fr); gap: .5em; margin-bottom: .8em; }
.pv-ven-vpm > div { padding: .5em .7em; border-radius: .5em; background: rgba(236, 253, 245, 0.04); }
.pv-ven-vpm .pv-lbl { font-size: .62em; white-space: nowrap; }
.pv-ven-vpm b { display: block; font-size: 1.25em; color: var(--c); margin-top: .1em; }
.pv-ven-vpt { --cols: 1.4fr 1fr .8fr .7fr; }
.pv-ven-inote { margin-top: .5em; padding: .5em .7em; border-radius: .45em; background: rgba(251, 191, 36, 0.08); border: 1px solid rgba(251, 191, 36, 0.2); font-size: .76em; color: rgba(236, 253, 245, 0.8); }
.pv-ven-inote .pv-ven-fl { margin: 0 0 .2em; color: #fcd34d; font-size: .86em; }

/* ── Vendor Reports ── */
.pv-ven-vr .pv-win { width: 92%; }
.pv-ven-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: .6em; margin-bottom: .8em; }
.pv-ven-kpis > div { padding: .55em .8em; border-radius: .5em; background: rgba(236, 253, 245, 0.04); }
.pv-ven-kpis b { display: block; font-size: 1.45em; color: var(--c); margin-top: .1em; }
.pv-ven-kpis small { display: block; font-size: .7em; color: #fcd34d; }
.pv-ven-charts { display: grid; grid-template-columns: 1fr 1fr 1fr 1.15fr; gap: .6em; }
.pv-ven-charts > .pv-card { padding: .7em .75em; min-height: 11.5em; box-sizing: border-box; }
.pv-ven-ch { display: block; font-size: .78em; font-weight: 700; margin-bottom: .6em; white-space: nowrap; }
.pv-ven-chs { display: block; font-size: .64em; color: rgba(236, 253, 245, 0.5); margin: -.6em 0 .55em; }
.pv-ven-donutw { display: flex; flex-direction: column; align-items: center; gap: .6em; }
.pv-ven-donut {
  --from: rotate(-90deg) scale(.6);
  display: grid; place-items: center; width: 5.2em; height: 5.2em; border-radius: 50%;
  background: conic-gradient(var(--c) 0 37.5%, #fbbf24 0 72%, #60a5fa 0 100%);
  -webkit-mask: radial-gradient(circle, transparent 55%, #000 56%); mask: radial-gradient(circle, transparent 55%, #000 56%);
}
.pv-ven-donut b { display: none; }
.pv-ven-leg { display: flex; flex-wrap: wrap; justify-content: center; gap: .2em .8em; font-size: .68em; color: rgba(236, 253, 245, 0.7); }
.pv-ven-leg span { display: inline-flex; align-items: center; gap: .3em; }
.pv-ven-leg b { color: #ecfdf5; margin-left: .15em; }
.pv-ven-leg i { width: .7em; height: .7em; border-radius: .15em; }
.pv-ven-ka { background: var(--c); } .pv-ven-kb { background: #fbbf24; } .pv-ven-kc { background: #60a5fa; }
.pv-ven-cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: .4em; height: 8em; }
.pv-ven-cols > div { display: flex; flex-direction: column; align-items: center; gap: .2em; min-width: 0; }
.pv-ven-cols b { font-size: .72em; }
.pv-ven-colt { flex: 1; width: 70%; display: flex; align-items: flex-end; }
.pv-ven-col { --from: scaleY(0); display: block; width: 100%; border-radius: .25em .25em 0 0; transform-origin: bottom; background: var(--c); }
.pv-ven-col1 { background: #fbbf24; } .pv-ven-col2 { background: #60a5fa; } .pv-ven-col3 { background: rgba(236, 253, 245, 0.3); }
.pv-ven-cols small { font-size: .64em; color: rgba(236, 253, 245, 0.55); text-align: center; line-height: 1.15; height: 2.3em; }
.pv-ven-hbars { display: flex; flex-direction: column; gap: .65em; }
.pv-ven-hbars > div > span:first-child { display: flex; justify-content: space-between; font-size: .7em; color: rgba(236, 253, 245, 0.7); margin-bottom: .25em; }
.pv-ven-hbars b { color: #ecfdf5; font-weight: 600; }
.pv-ven-htrack { display: block; height: .75em; border-radius: .25em; background: rgba(236, 253, 245, 0.06); overflow: hidden; }
.pv-ven-hbar { --from: scaleX(0); display: block; height: 100%; border-radius: .25em; transform-origin: left; background: linear-gradient(90deg, var(--c), color-mix(in srgb, var(--c) 55%, #0a0a0a)); }
.pv-ven-rank { display: flex; flex-direction: column; gap: .35em; }
.pv-ven-rk { display: flex; align-items: center; gap: .5em; padding: .35em .45em; border-radius: .4em; background: rgba(236, 253, 245, 0.04); }
.pv-ven-rk > i { display: grid; place-items: center; width: 1.5em; height: 1.5em; border-radius: 50%; font-style: normal; font-size: .66em; font-weight: 700; background: var(--c); color: #0a0a0a; flex: none; }
.pv-ven-rk > span { flex: 1; min-width: 0; }
.pv-ven-rk b { display: block; font-size: .7em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv-ven-rk small { font-size: .6em; color: rgba(236, 253, 245, 0.5); }
.pv-ven-rk em { font-style: normal; font-size: .72em; font-weight: 700; color: var(--c); }

@media (prefers-reduced-motion: reduce) {
  .pv .pv-ven-sw5 { background: var(--c); }
}

/* Keep desktop proportions on narrow stages: the shared stage font is min(1.9cqw, 3.5cqh),
   which is height-bound on desktop but grows ~30% relative to width on phones and made
   these dense scenes overflow. Same size on desktop (height-bound), scaled to width on phones. */
.pv.pv-ven-af, .pv.pv-ven-bp, .pv.pv-ven-aw, .pv.pv-ven-va, .pv.pv-ven-js, .pv.pv-ven-bt,
.pv.pv-ven-vi, .pv.pv-ven-vo, .pv.pv-ven-vc, .pv.pv-ven-vd, .pv.pv-ven-vp, .pv.pv-ven-vr { font-size: min(1.5cqw, 3.5cqh); }

/* Booth Pricing: designation header + footer actions (app labels) */
.pv-ven-bphd { display: flex; align-items: center; gap: .5em; margin: .25em 0 .1em; }
.pv-ven-bphd b { font-size: .9em; }
.pv-ven-bphd .pv-ven-st { font-size: .7em; }
.pv-ven-tday { margin-left: auto; padding: .2em .65em; border-radius: 999px; font-size: .7em; font-weight: 700; background: var(--c); color: #0a0a0a; white-space: nowrap; }
.pv-ven-bpfoot { display: flex; align-items: center; gap: .5em; margin-top: .8em; padding-top: .7em; border-top: 1px solid rgba(236, 253, 245, 0.07); }
.pv-ven-bpfoot .pv-btn { font-size: .72em; padding: .4em .8em; }
.pv-ven-bpfoot .pv-btn:last-child { margin-left: auto; }

/* Scale up scenes that have vertical room on the stage */
.pv-ven-af > .pv-win, .pv-ven-bp > .pv-win, .pv-ven-va > .pv-win, .pv-ven-vr > .pv-win, .pv-ven-vd > .pv-ven-br { font-size: 1.1em; }
.pv-ven-vc > *, .pv-ven-vo > .pv-ven-lw, .pv-ven-vp > .pv-win, .pv-ven-vi > .pv-win { font-size: 1.07em; }
.pv-ven-aw > * { font-size: 1.05em; }
.pv-ven-ev2 { display: flex; gap: .8em; margin-top: .6em; }
.pv-ven-ev2 > span:first-child { flex: 1; }
.pv-ven-ev2 .pv-ven-lbtn { font-size: .72em; padding: .35em .75em; }
.pv-ven-testb { justify-self: end; margin-right: -.2em; padding: .15em .6em; border-radius: 999px; background: #fff; color: #b91c1c; font-size: .9em; letter-spacing: .06em; }
.pv-ven-invold { opacity: .8; }
.pv-ven-invold .pv-ven-invrow { padding-bottom: 0; }
.pv-ven-invold .pv-ven-invrow b { color: #1b2421; }
.pv-ven-invrow > span > .pv-swap { display: grid; }

/* Switch knobs slide with transform (compositor) rather than left; while
   motion is allowed they sit at the "off" left and translate 1em to "on". */
@media (prefers-reduced-motion: no-preference) { .pv-ven-sw5::after { left: 0.15em; } }