/*
 * Rizzi Transaction Experience v3
 * Presentation-only layer for checkout, order details, histories and module identity.
 * It never changes request endpoints, field names, CSRF values, order status, payment or supplier logic.
 */
:root{
  --rzv3-blue:#4b8cff;
  --rzv3-blue-2:#70a9ff;
  --rzv3-cyan:#4fd6ff;
  --rzv3-green:#22d89b;
  --rzv3-amber:#ffc55c;
  --rzv3-red:#ff6c7e;
  --rzv3-purple:#a789ff;
  --rzv3-surface:color-mix(in srgb,var(--rzux-card-strong,#0d1d31) 96%,transparent);
  --rzv3-surface-soft:color-mix(in srgb,var(--rzux-card,#0b192a) 90%,transparent);
  --rzv3-border:color-mix(in srgb,var(--rzux-line-strong,rgba(151,177,211,.27)) 92%,transparent);
  --rzv3-shadow:0 28px 80px rgba(0,0,0,.27);
  --rzv3-shadow-soft:0 16px 44px rgba(0,0,0,.18);
  --rzv3-radius:24px;
  --rzv3-radius-lg:32px;
  --rzv3-ease:cubic-bezier(.22,.82,.24,1);
}
html[data-theme="light"]{
  --rzv3-surface:rgba(255,255,255,.97);
  --rzv3-surface-soft:rgba(248,251,255,.94);
  --rzv3-shadow:0 28px 80px rgba(31,65,104,.13);
  --rzv3-shadow-soft:0 16px 44px rgba(31,65,104,.09);
}

/* ===== Rizzi Order Studio ===== */
body.rz-order-entry-page.rz-unified-web{
  overflow-x:hidden;
  background:
    radial-gradient(circle at 8% 4%,rgba(75,140,255,.21),transparent 31rem),
    radial-gradient(circle at 93% 92%,rgba(79,214,255,.09),transparent 29rem),
    linear-gradient(145deg,#071426 0%,#030916 68%,#050b15 100%)!important;
}
html[data-theme="light"] body.rz-order-entry-page.rz-unified-web{
  background:
    radial-gradient(circle at 8% 4%,rgba(75,140,255,.16),transparent 31rem),
    radial-gradient(circle at 93% 92%,rgba(79,214,255,.09),transparent 29rem),
    #f2f6fb!important;
}
body.rz-order-entry-page .form-wrap{
  min-height:100vh!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(18px,4vw,54px) max(16px,env(safe-area-inset-right)) clamp(88px,8vw,118px)!important;
}
body.rz-order-entry-page .rz-critical-form-card.rzv3-order-studio{
  display:block!important;
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  min-height:680px;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--rzv3-border)!important;
  border-radius:var(--rzv3-radius-lg)!important;
  background:linear-gradient(145deg,var(--rzv3-surface),color-mix(in srgb,var(--rzv3-surface-soft) 94%,transparent))!important;
  box-shadow:var(--rzv3-shadow)!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  contain:layout paint;
}
.rzv3-studio-topbar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  min-height:62px;padding:12px clamp(16px,3vw,28px);border-bottom:1px solid var(--rzv3-border);
  background:color-mix(in srgb,var(--rzv3-surface) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.rzv3-studio-back,.rzv3-studio-secure{
  display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid var(--rzv3-border);border-radius:999px;
  color:var(--rzux-text,#f5f8fd);background:rgba(255,255,255,.035);text-decoration:none;font-size:12px;font-weight:900;
}
.rzv3-studio-back::before{content:"←";font-size:16px}.rzv3-studio-secure::before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:rgba(34,216,155,.16);color:var(--rzv3-green)}
.rzv3-studio-progress{display:flex;align-items:center;gap:8px;padding:16px clamp(16px,3vw,28px) 0}
.rzv3-studio-progress-step{display:flex;align-items:center;gap:8px;min-width:0;color:var(--rzux-muted,#9db0c8);font-size:11px;font-weight:900;white-space:nowrap}
.rzv3-studio-progress-step i{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;border:1px solid var(--rzv3-border);background:rgba(255,255,255,.025);font-style:normal}
.rzv3-studio-progress-step.is-active{color:var(--rzux-text,#f5f8fd)}.rzv3-studio-progress-step.is-active i{border-color:rgba(75,140,255,.55);background:rgba(75,140,255,.17);color:#bcd4ff;box-shadow:0 0 0 5px rgba(75,140,255,.07)}
.rzv3-studio-progress-line{height:1px;flex:1;min-width:22px;background:linear-gradient(90deg,rgba(75,140,255,.6),var(--rzv3-border))}
.rzv3-studio-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);min-height:588px}
.rzv3-studio-intro{position:relative;overflow:hidden;padding:clamp(28px,5vw,58px);border-right:1px solid var(--rzv3-border);background:
  radial-gradient(circle at 15% 12%,rgba(75,140,255,.23),transparent 33%),
  radial-gradient(circle at 95% 85%,rgba(79,214,255,.09),transparent 36%),
  linear-gradient(145deg,rgba(7,21,40,.72),rgba(4,12,24,.44));
}
.rzv3-studio-intro::after{content:"";position:absolute;right:-92px;bottom:-105px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(75,140,255,.14),transparent 67%);pointer-events:none}
.rzv3-studio-intro .brand{display:inline-flex!important;margin:0 0 38px!important}.rzv3-studio-intro h1{max-width:650px;margin:0!important;font-size:clamp(34px,5.2vw,64px)!important;line-height:.98!important;letter-spacing:-.055em!important}
.rzv3-studio-intro .desc{max-width:590px;margin:18px 0 0!important;color:var(--rzux-muted,#9db0c8)!important;font-size:14px!important;line-height:1.72!important}
.rzv3-studio-intro .price{display:inline-flex!important;align-items:center;min-height:44px;margin:24px 0 0!important;padding:10px 14px;border:1px solid rgba(34,216,155,.34);border-radius:14px;background:rgba(34,216,155,.10);color:#55efb8!important;font-size:20px!important;font-weight:950!important;letter-spacing:-.025em}
.rzv3-studio-kicker{display:inline-flex;margin:0 0 14px;padding:7px 10px;border:1px solid rgba(75,140,255,.30);border-radius:999px;background:rgba(75,140,255,.11);color:#a9caff;font-size:10px;font-weight:950;letter-spacing:.13em}
.rzv3-studio-benefits{position:relative;z-index:1;display:grid;gap:10px;margin:32px 0 0;padding:0;list-style:none}
.rzv3-studio-benefits li{display:flex;align-items:flex-start;gap:10px;color:var(--rzux-muted,#9db0c8);font-size:13px;line-height:1.5}.rzv3-studio-benefits li::before{content:"✓";display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:8px;background:rgba(34,216,155,.13);color:var(--rzv3-green);font-size:11px;font-weight:950}
.rzv3-studio-panel{padding:clamp(24px,4vw,46px);background:linear-gradient(145deg,rgba(255,255,255,.018),transparent)}
.rzv3-studio-panel-head{margin-bottom:22px}.rzv3-studio-panel-head span{display:block;color:#9cc1ff;font-size:10px;font-weight:950;letter-spacing:.13em}.rzv3-studio-panel-head h2{margin:7px 0 6px;font-size:clamp(25px,3vw,34px);letter-spacing:-.04em}.rzv3-studio-panel-head p{margin:0;color:var(--rzux-muted,#9db0c8);font-size:13px;line-height:1.55}
.rzv3-studio-fields{display:grid;gap:14px}.rzv3-studio-panel .field{margin:0!important;padding:0!important}.rzv3-studio-panel .field>label{display:block;margin-bottom:8px!important;color:var(--rzux-muted,#9db0c8);font-size:11px;font-weight:950;letter-spacing:.03em}
.rzv3-studio-panel :where(input,select,textarea){width:100%;min-height:52px!important;padding:12px 14px!important;border:1px solid var(--rzv3-border)!important;border-radius:15px!important;background:rgba(3,13,25,.46)!important;color:var(--rzux-text,#f5f8fd)!important}
html[data-theme="light"] .rzv3-studio-panel :where(input,select,textarea){background:rgba(240,246,254,.86)!important}
.rzv3-studio-panel small.muted{display:block;margin-top:7px;color:var(--rzux-muted,#9db0c8);font-size:11px;line-height:1.5}
.rzv3-quantity{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:8px;align-items:center}.rzv3-quantity button{min-height:48px;border:1px solid var(--rzv3-border);border-radius:14px;background:rgba(75,140,255,.09);color:var(--rzux-text,#f5f8fd);font-size:21px;font-weight:900;cursor:pointer}.rzv3-quantity input{text-align:center;font-size:19px;font-weight:950;font-variant-numeric:tabular-nums}
.rzv3-payment-native{position:absolute!important;width:1px!important;height:1px!important;opacity:.001!important;pointer-events:none!important;overflow:hidden!important}
.rzv3-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rzv3-payment-option{position:relative;display:flex;align-items:center;gap:10px;min-height:70px;padding:13px;border:1px solid var(--rzv3-border);border-radius:17px;background:rgba(255,255,255,.025);color:var(--rzux-text,#f5f8fd);text-align:left;cursor:pointer;transition:transform 180ms var(--rzv3-ease),border-color 180ms ease,background 180ms ease,box-shadow 180ms ease}.rzv3-payment-option:hover{transform:translateY(-2px);border-color:rgba(75,140,255,.38)}.rzv3-payment-option.is-active{border-color:rgba(75,140,255,.66);background:rgba(75,140,255,.12);box-shadow:0 0 0 4px rgba(75,140,255,.07)}
.rzv3-payment-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:12px;background:rgba(75,140,255,.13);font-size:16px}.rzv3-payment-copy b{display:block;font-size:13px}.rzv3-payment-copy span{display:block;margin-top:3px;color:var(--rzux-muted,#9db0c8);font-size:10px;line-height:1.35}.rzv3-payment-check{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;border:1px solid var(--rzv3-border);font-size:10px;color:transparent}.rzv3-payment-option.is-active .rzv3-payment-check{border-color:var(--rzv3-blue);background:var(--rzv3-blue);color:#fff}
.rzv3-live-summary{margin:15px 0;padding:15px;border:1px solid var(--rzv3-border);border-radius:19px;background:linear-gradient(145deg,rgba(75,140,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.rzv3-live-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.rzv3-live-summary-head b{font-size:13px}.rzv3-live-summary-head span{padding:5px 8px;border-radius:999px;background:rgba(34,216,155,.11);color:#72eabc;font-size:9px;font-weight:950;letter-spacing:.08em}
.rzv3-live-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;color:var(--rzux-muted,#9db0c8);font-size:12px}.rzv3-live-row b{color:var(--rzux-text,#f5f8fd);text-align:right}.rzv3-live-row.is-total{margin-top:6px;padding-top:12px;border-top:1px solid var(--rzv3-border);font-size:14px}.rzv3-live-row.is-total b{color:#9fc3ff;font-size:21px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.rzv3-studio-panel .rz-notice,.rzv3-studio-panel .rzx-otp-hint{margin:12px 0!important;border:1px solid var(--rzv3-border)!important;border-radius:16px!important;background:rgba(75,140,255,.075)!important;color:var(--rzux-muted,#9db0c8)!important;font-size:11px!important;line-height:1.55!important}
.rzv3-studio-action{position:sticky;bottom:0;z-index:6;margin:16px -4px -4px;padding:10px 4px 4px;background:linear-gradient(transparent 0%,var(--rzv3-surface) 28%)}.rzv3-studio-action .rz-critical-submit{min-height:54px!important;border-radius:16px!important;font-size:14px!important;box-shadow:0 16px 34px rgba(75,140,255,.24)!important}.rzv3-action-helper{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;color:var(--rzux-muted,#9db0c8);font-size:10px}.rzv3-action-helper::before{content:"🔒";font-size:10px}
.rzv3-price-pop{animation:rzv3PricePop 310ms var(--rzv3-ease)}@keyframes rzv3PricePop{0%{transform:scale(.97);opacity:.6}60%{transform:scale(1.025)}100%{transform:none;opacity:1}}

/* Keep the existing Topup calculator, but make it part of the same studio. */
.rz-balance-topup-page .rzv3-studio-grid{grid-template-columns:minmax(0,.78fr) minmax(480px,1.22fr)}
.rz-balance-topup-page .rzx-topup-layout{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.rz-balance-topup-page .rzx-topup-summary{margin:0!important;border:1px solid var(--rzv3-border)!important;border-radius:19px!important;background:linear-gradient(145deg,rgba(75,140,255,.08),rgba(255,255,255,.02))!important}.rz-balance-topup-page .rzx-quick-amounts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.rz-balance-topup-page .rzx-quick-amounts button{min-height:39px;border-radius:11px;border:1px solid var(--rzv3-border);background:rgba(255,255,255,.025);color:var(--rzux-text,#f5f8fd);font-weight:900}.rz-balance-topup-page .rzx-auth-links{display:flex;justify-content:center;gap:12px;margin-top:10px;font-size:11px}

/* ===== Rizzi Transaction Room ===== */
body.rz-track-page.rz-unified-web{background:
  radial-gradient(circle at 10% 0%,rgba(75,140,255,.18),transparent 34rem),
  radial-gradient(circle at 98% 88%,rgba(34,216,155,.07),transparent 28rem),
  var(--rzux-bg,#06101d)!important;
}
.rz-track-page .form-wrap{padding-top:clamp(18px,4vw,44px)!important}.rz-track-page .track-box.rzv3-transaction-room{width:min(1240px,100%)!important;max-width:1240px!important;padding:0!important;overflow:hidden!important;border-radius:32px!important;border:1px solid var(--rzv3-border)!important;background:linear-gradient(150deg,var(--rzv3-surface),var(--rzv3-surface-soft))!important;box-shadow:var(--rzv3-shadow)!important}
.rzv3-room-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(16px,3vw,28px);border-bottom:1px solid var(--rzv3-border);background:color-mix(in srgb,var(--rzv3-surface) 90%,transparent);backdrop-filter:blur(18px)}
.rzv3-room-topbar-left,.rzv3-room-topbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rzv3-room-topbar .brand{margin:0!important}.rzv3-room-tool{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 11px;border:1px solid var(--rzv3-border);border-radius:12px;background:rgba(255,255,255,.025);color:var(--rzux-text,#f5f8fd);text-decoration:none;font-size:11px;font-weight:900;cursor:pointer}
.rzv3-room-intro{padding:clamp(18px,3vw,30px) clamp(18px,3.2vw,34px) 0}.rzv3-room-intro h1{margin:0;font-size:clamp(26px,4vw,42px);letter-spacing:-.045em}.rzv3-room-intro p{margin:8px 0 0;color:var(--rzux-muted,#9db0c8);font-size:13px;line-height:1.55}.rzv3-room-search{margin:15px 0 0!important;padding:12px!important;border:1px solid var(--rzv3-border);border-radius:17px;background:rgba(255,255,255,.02)}.rzv3-room-search .field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:0!important}.rzv3-room-search label{font-size:11px!important}.rzv3-room-search input{min-height:42px!important}.rzv3-room-search .btn{min-height:42px!important}
.rz-track-page .track-status-hero{margin:18px clamp(18px,3.2vw,34px)!important;padding:clamp(22px,4vw,36px)!important;border-radius:28px!important}.rz-track-page .track-status-title h2{font-size:clamp(31px,5vw,58px)!important}.rz-track-page .track-status-total{background:rgba(1,10,21,.28)!important;border-color:rgba(255,255,255,.10)!important}.rz-track-page .track-status-total b{font-size:clamp(22px,3vw,30px)!important}.rz-track-page .track-timeline{margin-top:24px!important}.rz-track-page .track-step{min-height:126px!important;padding:15px!important}.rz-track-page .track-step.done{background:linear-gradient(145deg,rgba(34,216,155,.10),rgba(255,255,255,.018))!important}.rz-track-page .track-step.current{background:linear-gradient(145deg,rgba(75,140,255,.13),rgba(255,255,255,.02))!important}
.rzv3-room-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);gap:18px;padding:0 clamp(18px,3.2vw,34px) clamp(28px,4vw,44px)}.rzv3-room-main,.rzv3-room-aside{min-width:0}.rzv3-room-main{display:flex;flex-direction:column;gap:14px}.rzv3-room-aside{display:flex;flex-direction:column;gap:14px}.rzv3-room-aside-inner{position:sticky;top:18px;display:flex;flex-direction:column;gap:14px}
.rzv3-room-section-label{display:flex;align-items:center;gap:9px;margin:7px 0 -2px;color:#a9caff;font-size:10px;font-weight:950;letter-spacing:.14em}.rzv3-room-section-label::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(75,140,255,.34),transparent)}
.rz-track-page .rz-track-action-card{margin:0!important;padding:18px!important;border-radius:22px!important}.rz-track-page .rz-track-action-card .btn{min-width:132px}
.rzv3-result-zone{position:relative;overflow:hidden!important;margin:0!important;padding:clamp(18px,3vw,26px)!important;border-radius:24px!important;box-shadow:var(--rzv3-shadow-soft)!important}.rzv3-result-zone::after{content:"";position:absolute;right:-100px;top:-120px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(34,216,155,.11),transparent 68%);pointer-events:none}.rzv3-result-zone .product-data-head{position:relative;z-index:1}.rzv3-result-zone .product-data-head h3{font-size:clamp(21px,3vw,29px);letter-spacing:-.035em}.rzv3-result-zone .web-account-item,.rzv3-result-zone .product-data-item{position:relative;z-index:1;padding:15px!important;border-radius:18px!important}.rzv3-result-zone .web-account-row{grid-template-columns:105px minmax(0,1fr) auto;padding:9px 0}.rzv3-result-zone .web-account-value{font-size:14px!important}.rzv3-result-zone .web-account-actions button,.rzv3-result-zone .copy-mini{min-height:34px;padding:7px 10px!important;border-radius:11px!important}
.rz-track-page .product-note-card{margin:0!important;padding:20px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(75,140,255,.09),var(--rzv3-surface-soft))!important}.rz-track-page .product-note-pre{font-size:13px!important;line-height:1.72!important}.rz-track-page .replacement-box,.rz-track-page .track-warranty,.rz-track-page .notice{margin:0!important}.rz-track-page .replacement-box,.rz-track-page .track-warranty{padding:18px!important}
.rzv3-room-aside :where(.track-quick-actions,.actions,.rz-order-details){margin:0!important}.rzv3-room-aside .track-quick-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.rzv3-room-aside .track-quick-card{padding:14px!important}.rzv3-room-aside .actions{display:grid!important;grid-template-columns:1fr!important}.rzv3-room-aside .actions>*{width:100%}.rzv3-room-aside .actions .btn,.rzv3-room-aside .actions button{width:100%;justify-content:center}.rzv3-room-aside .rz-order-details{padding:16px!important;border:1px solid var(--rzv3-border)!important;border-radius:20px!important;background:var(--rzv3-surface-soft)!important}.rzv3-room-aside .rz-order-details summary{font-weight:950}.rzv3-room-aside .order-detail{margin:12px 0 0!important}.rzv3-room-aside .detail-row{display:grid!important;gap:5px;padding:11px 0!important;border:0!important;border-bottom:1px solid var(--rzv3-border)!important;border-radius:0!important;background:transparent!important}.rzv3-room-aside .detail-row:last-child{border-bottom:0!important}.rzv3-room-aside .detail-row b{text-align:left!important}
.rzv3-support-box{padding:16px;border:1px solid var(--rzv3-border);border-radius:20px;background:linear-gradient(145deg,rgba(75,140,255,.07),var(--rzv3-surface-soft))}.rzv3-support-box b{display:block;font-size:14px}.rzv3-support-box p{margin:6px 0 12px;color:var(--rzux-muted,#9db0c8);font-size:11px;line-height:1.5}.rzv3-support-box .btn{width:100%}
.rzv3-mobile-action{display:none;position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:1600;padding:9px;border:1px solid var(--rzv3-border);border-radius:18px;background:color-mix(in srgb,var(--rzv3-surface) 94%,transparent);box-shadow:0 20px 50px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.rzv3-mobile-action .btn{width:100%;min-height:50px}

/* Print-safe invoice view: secrets and supplier notes are intentionally excluded. */
@media print{
  body.rz-track-page{background:#fff!important;color:#111!important}.rz-track-page .form-wrap{padding:0!important}.rz-track-page .track-box.rzv3-transaction-room{box-shadow:none!important;border:0!important;background:#fff!important}.rzv3-room-topbar-actions,.rzv3-room-search,.rzv3-result-zone,.product-note-card,.track-quick-actions,.actions,.replacement-box,.track-warranty,.rzv3-support-box,.rzv3-mobile-action,.store-bottom-nav,.bottom-nav{display:none!important}.rzv3-room-grid{grid-template-columns:1fr!important;padding:0!important}.rzv3-room-aside-inner{position:static!important}.track-status-hero{color:#111!important;background:#f4f7fb!important;box-shadow:none!important}.track-step,.rz-order-details{color:#111!important;background:#fff!important}.status-pill{border:1px solid #ccc!important;color:#111!important}.detail-row span,.detail-row b,.track-status-title p,.track-step p{color:#333!important}
}

/* ===== History and balance finishing polish ===== */
.rz-history-page-modern .rz-history-stack{display:grid;gap:12px}.rz-history-page-modern .rz-order-history-card{padding:17px!important}.rz-history-page-modern .rz-history-icon{width:50px!important;height:50px!important;border-radius:17px!important}.rz-history-page-modern .rz-history-main{min-width:0}.rz-history-page-modern .rz-history-title-row h2{font-size:16px!important}.rz-history-page-modern .rz-history-description{max-width:760px}.rz-history-page-modern .rz-pagination,.rz-balance-history-page .rz-pagination{padding:8px;border:1px solid var(--rzv3-border);border-radius:18px;background:var(--rzv3-surface-soft);box-shadow:var(--rzv3-shadow-soft)}
.rz-history-page-modern.rzv3-history-ready .rz-order-history-card{animation:rzv3HistoryIn 420ms var(--rzv3-ease) both;animation-delay:var(--rzv3-item-delay,0ms)}@keyframes rzv3HistoryIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ===== Module identity polish (visual-only) ===== */
body[data-rz-area="reseller"] :where(.rs-page-intro,.rs-dashboard-hero,.rs-order-detail-head){border-radius:28px!important;background:radial-gradient(circle at 92% -20%,rgba(75,140,255,.21),transparent 38%),linear-gradient(145deg,var(--rzv3-surface),var(--rzv3-surface-soft))!important;box-shadow:var(--rzv3-shadow-soft)!important}
body[data-rz-area="reseller"] :where(.rs-detail-card,.rs-account-card,.rs-process-card){border-radius:21px!important;box-shadow:var(--rzv3-shadow-soft)!important}
body[data-rz-area="jb"] :where(.jbo-hero,.worker-hero-card,.seller-overview-card){border-radius:28px!important;background:radial-gradient(circle at 92% -15%,rgba(167,137,255,.20),transparent 38%),linear-gradient(145deg,var(--rzv3-surface),var(--rzv3-surface-soft))!important}
body[data-rz-area="jb"] :where(.jb-action-card,.worker-action-card,.seller-action-card){border-left:4px solid var(--rzv3-purple)!important;box-shadow:var(--rzv3-shadow-soft)!important}
body[data-rz-area="ft"] :where(.ft-featured-card,.ft-wallet-card,.ft-action-card){border-radius:28px!important;background:radial-gradient(circle at 92% -15%,rgba(255,197,92,.18),transparent 38%),linear-gradient(145deg,var(--rzv3-surface),var(--rzv3-surface-soft))!important}
body[data-rz-area="admin"] :where(.table-wrap,.admin-card,.stat-card){border-radius:20px!important}body[data-rz-area="admin"] :where(.table-wrap,.admin-table-wrap){box-shadow:var(--rzv3-shadow-soft)!important}

/* ===== Motion ===== */
.rzv3-enter{animation:rzv3Enter 520ms var(--rzv3-ease) both;animation-delay:var(--rzv3-delay,0ms)}@keyframes rzv3Enter{from{opacity:0;transform:translate3d(0,14px,0) scale(.993)}to{opacity:1;transform:none}}
html[data-rz-motion="low"] .rzv3-enter,html[data-rz-motion="off"] .rzv3-enter{animation:none!important}
html[data-rz-motion="off"] :where(.rzv3-price-pop,.rzv3-payment-option,.rzv3-order-studio,.rzv3-transaction-room){transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.rzv3-enter,.rzv3-price-pop{animation:none!important}.rzv3-payment-option{transition:none!important}}

/* ===== Responsive ===== */
@media(max-width:980px){
  .rzv3-studio-grid,.rz-balance-topup-page .rzv3-studio-grid{grid-template-columns:1fr}.rzv3-studio-intro{border-right:0;border-bottom:1px solid var(--rzv3-border);padding:30px}.rzv3-studio-intro .brand{margin-bottom:25px!important}.rzv3-studio-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.rzv3-studio-panel{padding:28px}
  .rzv3-room-grid{grid-template-columns:1fr}.rzv3-room-aside-inner{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.rzv3-room-aside .rz-order-details,.rzv3-room-aside .actions,.rzv3-room-aside .track-quick-actions,.rzv3-support-box{grid-column:auto}
}
@media(max-width:720px){
  body.rz-order-entry-page .form-wrap{padding:10px 10px 100px!important;align-items:flex-start!important}.rz-critical-form-card.rzv3-order-studio{min-height:0!important;border-radius:24px!important}.rzv3-studio-topbar{padding:10px 12px}.rzv3-studio-secure{font-size:0}.rzv3-studio-secure::after{content:"Checkout Aman";font-size:10px}.rzv3-studio-progress{overflow:auto;padding:13px 14px 0;scrollbar-width:none}.rzv3-studio-progress::-webkit-scrollbar{display:none}.rzv3-studio-progress-step span{display:none}.rzv3-studio-progress-line{min-width:34px}.rzv3-studio-intro{padding:24px 20px 27px}.rzv3-studio-intro h1{font-size:36px!important}.rzv3-studio-intro .desc{font-size:12px!important;line-height:1.62!important}.rzv3-studio-benefits{grid-template-columns:1fr;margin-top:22px}.rzv3-studio-panel{padding:23px 18px 20px}.rzv3-payment-grid{grid-template-columns:1fr}.rzv3-studio-action{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 3px);margin-top:14px}.rz-balance-topup-page .rzx-quick-amounts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rz-track-page .form-wrap{padding:10px 9px 120px!important}.rz-track-page .track-box.rzv3-transaction-room{border-radius:24px!important}.rzv3-room-topbar{padding:10px 12px}.rzv3-room-topbar .brand span{display:none}.rzv3-room-tool[data-rzv3-print]{display:none}.rzv3-room-intro{padding:20px 16px 0}.rzv3-room-search .field{grid-template-columns:1fr}.rz-track-page .track-status-hero{margin:14px 12px!important;padding:20px!important}.rz-track-page .track-status-title h2{font-size:35px!important}.rz-track-page .track-timeline{display:flex!important;overflow:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.rz-track-page .track-timeline::-webkit-scrollbar{display:none}.rz-track-page .track-step{min-width:235px!important;scroll-snap-align:start}.rzv3-room-grid{padding:0 12px 26px;gap:13px}.rzv3-room-aside-inner{display:flex}.rzv3-result-zone .web-account-row{grid-template-columns:1fr!important}.rzv3-result-zone .web-account-actions{margin-top:4px}.rz-track-page .rz-track-action-card{display:grid!important;grid-template-columns:auto 1fr}.rz-track-page .rz-track-action-card .btn{grid-column:1/-1;width:100%}.rzv3-mobile-action{display:block}.rz-track-page:has(.rzv3-mobile-action) .store-bottom-nav,.rz-track-page:has(.rzv3-mobile-action) .bottom-nav{display:none!important}
}
@media(max-width:420px){.rzv3-studio-back span{display:none}.rzv3-studio-intro h1{font-size:32px!important}.rzv3-studio-panel{padding-inline:14px}.rzv3-room-topbar-actions{gap:5px}.rzv3-room-tool{padding-inline:9px}.rz-track-page .track-status-title h2{font-size:31px!important}}

/* ======================================================================
   Rizzi Transaction v3.1 — payment option breathing room
   Keep Saldo Akun / QRIS cards visually separated from the field label,
   live summary, notices and checkout action on AM and Panel order pages.
   ====================================================================== */
body.rz-order-entry-page .rzv3-studio-panel .field[data-rz-critical-field="payment-method"]{
  margin-top:clamp(8px,1.5vw,14px)!important;
  padding-top:clamp(6px,1vw,10px)!important;
}
body.rz-order-entry-page .rzv3-studio-panel .field[data-rz-critical-field="payment-method"]>label{
  margin-bottom:12px!important;
}
body.rz-order-entry-page .rzv3-studio-panel .rzv3-payment-grid{
  margin-top:8px!important;
  margin-bottom:8px!important;
  gap:12px!important;
}
body.rz-order-entry-page .rzv3-studio-panel .rzv3-payment-option{
  min-height:76px!important;
  padding:15px!important;
}
body.rz-order-entry-page .rzv3-studio-panel .rzv3-live-summary + .field[data-rz-critical-field="payment-method"]{
  margin-top:18px!important;
}
body.rz-order-entry-page .rzv3-studio-panel .field[data-rz-critical-field="payment-method"] + .rz-notice,
body.rz-order-entry-page .rzv3-studio-panel .field[data-rz-critical-field="payment-method"] + .rz-critical-notice{
  margin-top:16px!important;
}
@media(max-width:620px){
  body.rz-order-entry-page .rzv3-studio-panel .rzv3-payment-grid{grid-template-columns:1fr!important;gap:10px!important}
  body.rz-order-entry-page .rzv3-studio-panel .rzv3-payment-option{min-height:68px!important;padding:13px!important}
}