/* =============================================================================
   VERSION 4 (Indigo) — sign in / sign up / forgot password (+ activation shell).
   Phones (reference): everything sits on the indigo canvas — logo, big title,
     subtitle with a warm glow, then "YOUR ACCESS" / "ABOUT YOU"… section rules,
     plain fields (no icons), checkbox rows, yellow button, link underneath.
   Desktop: left half = logo, big title, link; right half = the same form in a card.
   Colours come from admin settings (pz4_vars_style): --v4-p, --v4-acc, --v4-on-acc…
   Light mode: indigo title block, lavender page, white fields with dark text.
   ============================================================================= */
html[data-uiv="profiz4"] {
  --font-app: 'Ubuntu', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --v4-canvas: linear-gradient(160deg, rgba(var(--v4-acc-rgb), .16) 0%, transparent 42%), linear-gradient(145deg, var(--v4-p-side) 0%, var(--v4-p) 48%, var(--v4-p-deep) 100%);
  --a-ink: #FFFFFF; --a-muted: rgba(255, 255, 255, .84); --a-label: #FFFFFF; --a-rule: rgba(255, 255, 255, .28); --a-kick: rgba(255, 255, 255, .78);
  --a-card: rgba(20, 18, 70, .28); --a-line: rgba(255, 255, 255, .16);
  --a-in-bg: rgba(255, 255, 255, .12); --a-in-line: rgba(255, 255, 255, .24); --a-in-ink: #FFFFFF; --a-ph: rgba(255, 255, 255, .55);
  --a-link: var(--v4-acc); --a-box: rgba(255, 255, 255, .08);
}
html[data-uiv="profiz4"]:not([data-theme="dark"]) {
  --a-ink: #1F2448; --a-muted: #4A5276; --a-label: #1F2448; --a-rule: #C9D1E6; --a-kick: #565E82;
  --a-card: #FFFFFF; --a-line: #D8E0F0; --a-in-bg: #FFFFFF; --a-in-line: #C5CEE4; --a-in-ink: #1F2448; --a-ph: #8A93B0;
  --a-link: var(--v4-p); --a-box: #F2F4FB;
}
html[data-uiv="profiz4"], html[data-uiv="profiz4"] body { min-height: 100%; background-color: var(--v4-p-dark) !important; background-image: var(--v4-canvas) !important; background-attachment: fixed !important; }
html[data-uiv="profiz4"]:not([data-theme="dark"]) body { background-image: linear-gradient(90deg, transparent 50%, var(--v4-bg-light) 50%), var(--v4-canvas) !important; }
html[data-uiv="profiz4"] body { font-family: var(--font-app) !important; color: var(--a-ink); }
html[data-uiv="profiz4"] :is(.auth-brand, .pz-auth-hero, .auth-mobile-logo, .auth-form-header, .referral-banner, .pz-auth-top .pz-brand, .pz-hide) { display: none !important; }

/* ---------- Title block (left half on desktop, top on phones) ---------- */
.v4-auth-side { position: fixed; z-index: 1; left: 0; top: 0; bottom: 0; width: 50%; display: grid; grid-template-rows: auto 1fr auto; padding: 2.875rem 2.875rem 2.5rem; color: #fff; border-right: 1px solid rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .03); overflow: hidden; }
.v4-auth-side::after { content: ""; position: absolute; right: -6rem; bottom: -7rem; width: 22rem; height: 22rem; border-radius: 50%; background: radial-gradient(circle, rgba(var(--v4-acc-rgb), .35), transparent 65%); pointer-events: none; }
html[data-uiv="profiz4"] .v4-auth-side, html[data-uiv="profiz4"] .v4-auth-side :is(span, p, h1) { color: #fff !important; }
.v4-auth-logo { display: inline-flex; align-items: center; gap: .75rem; color: #fff !important; font: 700 1.5rem var(--font-app); letter-spacing: .06em; text-transform: uppercase; text-decoration: none !important; }
.v4-auth-mark { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; width: 2rem; height: 2rem; }
.v4-auth-mark i { display: block; border-radius: 5px; }
.v4-auth-mark i:nth-child(1) { background: #4ADE80; } .v4-auth-mark i:nth-child(2) { background: var(--v4-soft); grid-row: span 2; } .v4-auth-mark i:nth-child(3) { background: #FB7185; } .v4-auth-mark i:nth-child(4) { display: none; }
.v4-auth-copy { align-self: center; max-width: 26rem; }
html[data-uiv="profiz4"] .v4-auth-copy h1 { margin: 0 0 1rem; font: 700 3.25rem/1.05 var(--font-app) !important; letter-spacing: -.03em; }
html[data-uiv="profiz4"] .v4-auth-copy p { margin: 0; color: rgba(255, 255, 255, .86) !important; font: 500 1.25rem/1.45 var(--font-app); }
.v4-auth-alt { position: relative; z-index: 1; margin: 0; color: rgba(255, 255, 255, .86); font: 700 1.125rem var(--font-app); }
html[data-uiv="profiz4"] .auth-form-inner .v4-auth-side .v4-auth-alt a, html[data-uiv="profiz4"] .v4-auth-alt a { color: #fff !important; font-weight: 800; text-decoration: none; }
.v4-auth-alt a:hover { color: var(--v4-acc) !important; }

/* ---------- Form area ---------- */
html[data-uiv="profiz4"] .auth-shell { display: block !important; min-height: 100vh; min-height: 100dvh; background: none !important; }
html[data-uiv="profiz4"][data-theme] .auth-form-panel { position: relative; z-index: 2; display: flex !important; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; min-height: 100dvh; margin-left: 50%; width: 50%; padding: 2rem !important; background: none !important; }
html[data-uiv="profiz4"][data-theme] .pz-auth-top { position: fixed !important; top: 1rem !important; right: 1.25rem !important; left: auto !important; width: auto !important; margin: 0 !important; z-index: 5; display: flex; }
html[data-uiv="profiz4"] .pz-auth-theme { width: 2.25rem !important; height: 2.25rem !important; color: #fff !important; background: rgba(255, 255, 255, .1) !important; border: 1px solid rgba(255, 255, 255, .22) !important; border-radius: 4px !important; }
html[data-uiv="profiz4"]:not([data-theme="dark"]) .pz-auth-theme { color: #1F2448 !important; background: #fff !important; border-color: #D8E0F0 !important; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner { width: 100%; max-width: 30.5rem !important; margin: auto 0 !important; padding: 1.75rem 1.875rem 2rem !important; background: var(--a-card) !important; border: 1px solid var(--a-line) !important; border-radius: 0 !important; box-shadow: 0 18px 40px -18px rgba(16, 14, 64, .55) !important; }

/* Section rules: YOUR ACCESS / ABOUT YOU / CONTACT / SECURITY */
.v4-kicker, .v4-sec-k { display: flex; align-items: center; gap: 1rem; margin: 0 0 .875rem; color: var(--a-kick); font: 700 .8125rem var(--font-app); letter-spacing: .12em; text-transform: uppercase; }
.v4-kicker::after, .v4-sec-k::after { content: ""; flex: 1; height: 1px; background: var(--a-rule); }
html[data-uiv="profiz4"] .v4-sec-k { grid-column: 1 / -1; margin-top: .875rem; }
html[data-uiv="profiz4"] .auth-form-grid > .v4-sec-k:first-child { margin-top: .25rem; }
.v4-sponsor { display: flex; align-items: center; gap: .5rem; margin: 0 0 1.25rem; color: var(--a-muted); font: 500 1rem var(--font-app); }
.v4-sponsor i { width: .5rem; height: .5rem; border-radius: 50%; background: var(--v4-acc); }
.v4-sponsor b { color: var(--a-link); font-weight: 800; }

/* Labels + fields (no icons, like the reference) */
html[data-uiv="profiz4"][data-theme] .auth-form-inner .form-label { display: block; color: var(--a-label) !important; font: 700 1rem var(--font-app) !important; margin: 0 0 .5rem !important; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner .form-group { margin-bottom: 1rem !important; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner .input-icon { display: none !important; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner :is(.form-input, input[type=text], input[type=tel], input[type=email], input[type=password], select) { height: 2.875rem !important; padding: 0 1rem !important; border-radius: 3px !important; background: var(--a-in-bg) !important; border: 1px solid var(--a-in-line) !important; color: var(--a-in-ink) !important; -webkit-text-fill-color: var(--a-in-ink); font: 500 1rem var(--font-app) !important; box-shadow: none !important; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner .input-wrap-toggle input { padding-right: 3rem !important; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner input::placeholder { color: var(--a-ph) !important; -webkit-text-fill-color: var(--a-ph); opacity: 1; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner :is(.form-input, input, select):focus { outline: none; border-color: var(--v4-acc) !important; box-shadow: 0 0 0 .2rem rgba(var(--v4-acc-rgb), .22) !important; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner .input-toggle-btn { right: .75rem !important; color: var(--a-in-ink) !important; opacity: .75; background: none !important; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner .input-toggle-btn:hover { opacity: 1; }
/* Country select: bold text + accent chevron */
html[data-uiv="profiz4"][data-theme] .auth-form-inner select { appearance: none; -webkit-appearance: none; padding-right: 2.75rem !important; font-weight: 700 !important; cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, var(--v4-acc) 50%), linear-gradient(135deg, var(--v4-acc) 50%, transparent 50%) !important;
  background-position: calc(100% - 1.375rem) 50%, calc(100% - 1rem) 50% !important; background-size: .375rem .375rem, .375rem .375rem !important; background-repeat: no-repeat !important; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner select option { color: #1F2448; background: #fff; }
/* Phone: separate prefix box (+254) */
html[data-uiv="profiz4"][data-theme] .auth-form-inner .input-wrap:has(.phone-prefix-badge) { display: flex; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner .phone-prefix-badge { position: static !important; transform: none !important; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; min-width: 4.5rem; height: 2.875rem; padding: 0 .875rem; border: 1px solid var(--a-in-line); border-right: 0; border-radius: 3px 0 0 3px; background: var(--a-box); color: var(--a-link) !important; font: 700 1.125rem var(--font-app) !important; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner .phone-prefix-badge[style*="none"] { display: none !important; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner .phone-has-prefix { padding-left: 1rem !important; border-radius: 0 3px 3px 0 !important; flex: 1; min-width: 0; }
html[data-uiv="profiz4"] #phoneHint { display: none; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner :is(.form-hint, .avail) { color: var(--a-muted) !important; font-size: .8125rem; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner .form-error { color: #FFB4C6 !important; font-weight: 600; }
html[data-uiv="profiz4"]:not([data-theme="dark"]) .auth-form-inner .form-error { color: #C81E1E !important; }

/* Checkbox rows */
.v4-remember { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin: -.125rem 0 1.25rem; }
.v4-check { display: inline-flex; align-items: center; gap: .75rem; color: var(--a-muted); font: 500 1rem var(--font-app); cursor: pointer; }
.v4-check input { appearance: none; -webkit-appearance: none; flex-shrink: 0; width: 1.125rem; height: 1.125rem; margin: 0; border: 1.5px solid var(--a-in-line); border-radius: 2px; background: #fff; cursor: pointer; display: grid; place-content: center; }
.v4-check input::before { content: ""; width: .625rem; height: .625rem; transform: scale(0); transition: transform .12s; background: var(--v4-p); clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); }
.v4-check input:checked { border-color: var(--v4-acc); background: var(--v4-acc); }
.v4-check input:checked::before { transform: scale(1); background: var(--v4-on-acc); }
.v4-check input:focus-visible { outline: 2px solid var(--v4-acc); outline-offset: 2px; }
html[data-uiv="profiz4"] .auth-form-inner .v4-check span { color: var(--a-muted) !important; }
html[data-uiv="profiz4"] .v4-forgot, html[data-uiv="profiz4"] .v4-terms a { color: var(--a-link) !important; font: 700 1rem var(--font-app); text-decoration: none; }
html[data-uiv="profiz4"] .v4-terms a { text-decoration: underline; text-underline-offset: 3px; }
.v4-terms { margin: .25rem 0 .25rem; }
html[data-uiv="profiz4"] .auth-form-inner .form-group .flex.justify-between .forgot-link { display: none !important; }

/* Yellow button + link underneath */
html[data-uiv="profiz4"][data-theme] .auth-form-inner :is(.btn-primary, button[type=submit]) { width: 100%; height: 3.125rem !important; min-height: 3.125rem !important; margin-top: 1.25rem !important; border: 0 !important; border-radius: 3px !important; background-color: var(--v4-acc) !important; background-image: linear-gradient(100deg, var(--v4-acc-hi) 0%, var(--v4-acc) 55%, var(--v4-acc-deep) 100%) !important; color: var(--v4-on-acc) !important; font: 700 1.1875rem var(--font-app) !important; letter-spacing: 0; box-shadow: 0 10px 22px -10px rgba(var(--v4-acc-rgb), .85) !important; transition: filter .15s, transform .1s; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner :is(.btn-primary, button[type=submit]):hover { filter: brightness(1.05); }
html[data-uiv="profiz4"][data-theme] .auth-form-inner :is(.btn-primary, button[type=submit]):active { transform: translateY(1px); filter: brightness(.97); }
html[data-uiv="profiz4"][data-theme] .auth-form-inner :is(.btn-primary, button[type=submit]):is(.is-busy, .btn-loading, :disabled) { filter: saturate(.85) brightness(.95); color: var(--v4-on-acc) !important; opacity: 1 !important; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner :is(.btn-primary, button[type=submit]) .pz-i { display: none; }
.v4-auth-foot { display: none; margin: 1.5rem 0 0; text-align: center; color: var(--a-muted); font: 500 1.0625rem var(--font-app); }
html[data-uiv="profiz4"] .v4-auth-foot a { color: var(--a-link) !important; font-weight: 800; text-decoration: none; }
html[data-uiv="profiz4"] .auth-form-inner .alert { border-radius: 3px !important; }

/* ---------- Phones / tablets: everything on the canvas ---------- */
@media (max-width: 56rem) {
  html[data-uiv="profiz4"]:not([data-theme="dark"]) body { background-image: none !important; background-color: var(--v4-bg-light) !important; }
  .v4-auth-side { position: relative; width: auto; display: block; padding: 1.75rem 1.25rem 1.75rem; border: 0; background: rgba(255, 255, 255, .04); }
  html[data-uiv="profiz4"]:not([data-theme="dark"]) .v4-auth-side { background: var(--v4-canvas) !important; }
  .v4-auth-side::after { right: -5rem; top: 2rem; bottom: auto; width: 14rem; height: 14rem; }
  .v4-auth-logo { font-size: 1.375rem; }
  html[data-uiv="profiz4"] .v4-auth-copy { margin-top: 1.5rem; }
  html[data-uiv="profiz4"] .v4-auth-copy h1 { font-size: 2.125rem !important; margin-bottom: .75rem; }
  html[data-uiv="profiz4"] .v4-auth-copy p { font-size: 1.0625rem; }
  .v4-auth-side .v4-auth-alt { display: none; }
  .v4-auth-foot { display: block; }
  html[data-uiv="profiz4"][data-theme] .auth-form-panel { margin-left: 0; width: auto; min-height: 0; padding: 0 0 2.5rem !important; justify-content: flex-start; align-items: stretch; }
  html[data-uiv="profiz4"][data-theme] .auth-form-inner { max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
  html[data-uiv="profiz4"][data-theme] .auth-form-inner > :not(.v4-auth-side) { margin-left: 1.125rem !important; margin-right: 1.125rem !important; }
  html[data-uiv="profiz4"] .v4-kicker { margin-top: 1.75rem !important; }
  html[data-uiv="profiz4"] .v4-sponsor { margin-top: 1.5rem; }
  html[data-uiv="profiz4"][data-theme] .pz-auth-top { top: .75rem !important; right: .75rem !important; }
}
@media (max-width: 22rem) {
  .v4-remember { flex-wrap: wrap; }
  .v4-check, html[data-uiv="profiz4"] .v4-forgot { font-size: .9375rem; }
}

/* Fine-tuning (reference sizes) */
html[data-uiv="profiz4"][data-theme] .auth-form-inner .input-wrap :is(.form-input, input) { padding-left: 1rem !important; text-align: left !important; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner .input-wrap .phone-has-prefix { padding-left: .875rem !important; }
html[data-uiv="profiz4"][data-theme] .auth-form-inner select.form-input { appearance: none !important; -webkit-appearance: none !important; padding-right: 2.75rem !important; font-weight: 700 !important;
  background-color: var(--a-in-bg) !important;
  background-image: linear-gradient(45deg, transparent 50%, var(--v4-acc) 50%), linear-gradient(135deg, var(--v4-acc) 50%, transparent 50%) !important;
  background-position: calc(100% - 1.375rem) 52%, calc(100% - 1rem) 52% !important; background-size: .375rem .375rem, .375rem .375rem !important; background-repeat: no-repeat !important; }
html[data-uiv="profiz4"] .auth-form-inner .v4-check span, html[data-uiv="profiz4"] .v4-forgot { font-size: 1rem !important; }
@media (max-width: 56rem) {
  .v4-auth-side { padding: 1.5rem 1.125rem 1.75rem; }
  .v4-auth-logo { font-size: 1.125rem; gap: .625rem; }
  .v4-auth-mark { width: 1.75rem; height: 1.75rem; }
  html[data-uiv="profiz4"] .v4-auth-copy { margin-top: 1.25rem; }
  html[data-uiv="profiz4"] .v4-auth-copy h1 { font-size: 1.75rem !important; margin-bottom: .875rem; }
  html[data-uiv="profiz4"] .v4-auth-copy p { font-size: .9375rem; line-height: 1.5; }
  .v4-kicker, .v4-sec-k { font-size: .6875rem; margin-bottom: .75rem; }
  html[data-uiv="profiz4"] .v4-kicker { margin-top: 1.5rem !important; }
  html[data-uiv="profiz4"] .v4-sec-k { margin-top: .75rem; }
  html[data-uiv="profiz4"][data-theme] .auth-form-inner .form-label { font-size: .8125rem !important; margin-bottom: .375rem !important; }
  html[data-uiv="profiz4"][data-theme] .auth-form-inner .form-group { margin-bottom: .875rem !important; }
  html[data-uiv="profiz4"][data-theme] .auth-form-inner :is(.form-input, input[type=text], input[type=tel], input[type=email], input[type=password], select) { height: 2.75rem !important; font-size: .9375rem !important; }
  html[data-uiv="profiz4"][data-theme] .auth-form-inner .phone-prefix-badge { height: 2.75rem; min-width: 4rem; font-size: 1rem !important; }
  html[data-uiv="profiz4"] .auth-form-inner .v4-check span, html[data-uiv="profiz4"] .v4-forgot { font-size: .875rem !important; }
  .v4-check { gap: .625rem; }
  .v4-check input { width: 1rem; height: 1rem; }
  .v4-sponsor { font-size: .875rem; margin-bottom: 1rem; }
  html[data-uiv="profiz4"][data-theme] .auth-form-inner :is(.btn-primary, button[type=submit]) { height: 2.875rem !important; min-height: 2.875rem !important; margin-top: 1rem !important; font-size: 1rem !important; }
  .v4-auth-foot { margin-top: 1.125rem; font-size: .875rem; }
}
html[data-uiv="profiz4"][data-theme] .auth-form-inner .auth-form-grid { row-gap: 0 !important; gap: 0 !important; }
@media (max-width: 56rem) { html[data-uiv="profiz4"] .v4-auth-copy { margin-top: 1.75rem; } }

/* ---------- Activation page (body.act) — same Version 4 look ---------- */
html[data-uiv="profiz4"] body.act { background-color: transparent !important; color: var(--a-ink) !important; }
html[data-uiv="profiz4"] body.act :is(.act-top, .act-h, .act-lead) { display: none !important; }
html[data-uiv="profiz4"] body.act .pz-act-wrap { position: fixed; top: 1rem; right: 1.25rem; z-index: 5; }
html[data-uiv="profiz4"] body.act .pz-act-wrap .pz-auth-top { position: static !important; }
html[data-uiv="profiz4"] body.act .act-page { position: relative; z-index: 2; box-sizing: border-box; width: min(30.5rem, calc(50vw - 3rem)); max-width: none; min-height: 0; margin: auto 0 auto calc(75vw - min(15.25rem, 25vw - 1.5rem)) !important; padding: 1.75rem 1.875rem 2rem; border-radius: 0 !important; background: var(--a-card); border: 1px solid var(--a-line); box-shadow: 0 18px 40px -18px rgba(16, 14, 64, .55); font-family: var(--font-app); }
html[data-uiv="profiz4"] body.act .act { --a: var(--v4-acc); --line: var(--a-in-line); --ink-a: var(--a-link); --soft: var(--a-box); --soft2: rgba(var(--v4-acc-rgb), .16); }
html[data-uiv="profiz4"] body.act .act-label { color: var(--a-label) !important; font: 700 1rem var(--font-app) !important; margin-bottom: .5rem; }
html[data-uiv="profiz4"] body.act .act-field { margin-bottom: 1rem; }
html[data-uiv="profiz4"] body.act :is(.act-amount, .act-net) { min-height: 2.875rem; border-radius: 3px; border: 1px solid var(--a-in-line); background: var(--a-box); color: var(--a-muted); font-family: var(--font-app); }
html[data-uiv="profiz4"] body.act .act-amount > span:first-child, html[data-uiv="profiz4"] body.act .act-net > span { color: var(--a-muted) !important; font-weight: 600; }
html[data-uiv="profiz4"] body.act .act-net b, html[data-uiv="profiz4"] body.act .act-amount .num { color: var(--a-ink) !important; }
html[data-uiv="profiz4"] body.act .act-amount .val { border-color: var(--a-in-line); background: var(--a-in-bg); border-radius: 3px; }
html[data-uiv="profiz4"] body.act .act-amount .cur { color: var(--a-link) !important; background: rgba(var(--v4-acc-rgb), .14); }
html[data-uiv="profiz4"] body.act .act-box { min-height: 2.875rem; border-radius: 3px; border: 1px solid var(--a-in-line); background: var(--a-in-bg); }
html[data-uiv="profiz4"] body.act .act-box input { height: 2.875rem; color: var(--a-in-ink) !important; -webkit-text-fill-color: var(--a-in-ink); font: 500 1rem var(--font-app); }
html[data-uiv="profiz4"] body.act .act-box input::placeholder { color: var(--a-ph) !important; -webkit-text-fill-color: var(--a-ph); }
html[data-uiv="profiz4"] body.act .act-box:focus-within { border-color: var(--v4-acc); box-shadow: 0 0 0 .2rem rgba(var(--v4-acc-rgb), .22); }
html[data-uiv="profiz4"] body.act .act-pre { min-width: 4.25rem; justify-content: center; border-right: 1px solid var(--a-in-line); color: var(--a-link) !important; background: var(--a-box); font: 700 1.0625rem var(--font-app); }
html[data-uiv="profiz4"] body.act .act-verify { color: var(--v4-on-acc) !important; background: var(--v4-acc) !important; border-left: 0; font-family: var(--font-app); }
html[data-uiv="profiz4"] body.act .act-btn { min-height: 3.125rem; border-radius: 3px; font: 700 1.125rem var(--font-app); }
html[data-uiv="profiz4"] body.act .act-btn.primary { color: var(--v4-on-acc) !important; background-color: var(--v4-acc) !important; background-image: linear-gradient(100deg, var(--v4-acc-hi) 0%, var(--v4-acc) 55%, var(--v4-acc-deep) 100%) !important; box-shadow: 0 10px 22px -10px rgba(var(--v4-acc-rgb), .85); transition: filter .15s, transform .1s; }
html[data-uiv="profiz4"] body.act .act-btn.primary:hover { filter: brightness(1.05); }
html[data-uiv="profiz4"] body.act .act-btn.primary:active { transform: translateY(1px); }
html[data-uiv="profiz4"] body.act .act-btn.primary:is(:disabled, .is-busy, .btn-loading) { opacity: 1; filter: saturate(.85) brightness(.95); }
html[data-uiv="profiz4"] body.act .act-btn.outline { color: var(--a-ink) !important; background: transparent !important; border: 1px solid var(--a-in-line) !important; font-size: 1rem; }
html[data-uiv="profiz4"] body.act .act-btn.outline:hover { border-color: var(--v4-acc) !important; color: var(--a-link) !important; }
html[data-uiv="profiz4"] body.act .act-or { color: var(--a-kick); }
html[data-uiv="profiz4"] body.act .act-or::before, html[data-uiv="profiz4"] body.act .act-or::after { background: var(--a-rule); }
html[data-uiv="profiz4"] body.act .act-steps li { border-radius: 3px; border: 1px solid var(--a-in-line); background: var(--a-box); }
html[data-uiv="profiz4"] body.act .act-steps .n { color: var(--v4-on-acc); background: var(--v4-acc); }
html[data-uiv="profiz4"] body.act .act-steps .t { color: var(--a-muted) !important; }
html[data-uiv="profiz4"] body.act .act-steps .t b { color: var(--a-ink) !important; }
html[data-uiv="profiz4"] body.act .act-steps .copy, html[data-uiv="profiz4"] body.act .act-foot a { color: var(--a-link) !important; font-weight: 700; }
html[data-uiv="profiz4"] body.act .act-hint { color: var(--a-muted) !important; }
html[data-uiv="profiz4"] body.act .act-alert { border-radius: 3px; color: var(--a-ink) !important; }
html[data-uiv="profiz4"] body.act .act-links a:not(.wa) { color: var(--a-ink); border-color: var(--a-in-line); background: transparent; }
html[data-uiv="profiz4"] body.act .act-links a { border-radius: 3px; font-family: var(--font-app); }
html[data-uiv="profiz4"] body.act .stk-status p { color: var(--a-ink) !important; }
@media (max-width: 56rem) {
  html[data-uiv="profiz4"] body.act .pz-act-wrap { top: .75rem; right: .75rem; }
  html[data-uiv="profiz4"] body.act .act-page { width: auto; margin: 0 !important; padding: 0 0 2rem; background: none; border: 0; box-shadow: none; }
  html[data-uiv="profiz4"]:not([data-theme="dark"]) body.act { background: var(--v4-bg-light) !important; }
  html[data-uiv="profiz4"] body.act .v4-auth-side { border-radius: 0 !important; margin: 0 !important; }
  html[data-uiv="profiz4"] body.act .act-page > :not(.v4-auth-side) { margin-left: 1.125rem; margin-right: 1.125rem; }
  html[data-uiv="profiz4"] body.act .act-page > section > * { margin-left: 0; margin-right: 0; }
  html[data-uiv="profiz4"] body.act .act-label { font-size: .8125rem !important; margin-bottom: .375rem; }
  html[data-uiv="profiz4"] body.act :is(.act-amount, .act-net, .act-box) { min-height: 2.75rem; }
  html[data-uiv="profiz4"] body.act .act-btn { min-height: 2.875rem; font-size: 1rem; }
}

html[data-uiv="profiz4"] body.act { display: flex !important; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
html[data-uiv="profiz4"] body.act :is(.act-amount, .act-net, .act-box, .act-btn, .act-steps li, .act-amount .val, .act-alert, .act-links a) { border-radius: 3px !important; }
html[data-uiv="profiz4"] { --busy-bg: var(--v4-soft); --busy-fg: #fff; }
/* Processing state always wins over V4 button colours: secondary colour + spinner + "Processing…" */
html[data-uiv="profiz4"][data-theme] body .is-busy.is-busy.is-busy.is-busy { background: var(--busy-bg) !important; background-image: none !important; border-color: var(--busy-bg) !important; color: transparent !important; -webkit-text-fill-color: transparent !important; filter: none !important; box-shadow: none !important; text-shadow: none !important; }
html[data-uiv="profiz4"][data-theme] body .is-busy.is-busy.is-busy.is-busy::after { color: var(--busy-fg) !important; -webkit-text-fill-color: var(--busy-fg) !important; }
html[data-uiv="profiz4"][data-theme] body .btn-loading.btn-loading.btn-loading.btn-loading { background: var(--busy-bg) !important; background-image: none !important; border-color: var(--busy-bg) !important; color: #fff !important; filter: none !important; }