/* RPay Minimal 2026
   Visual-only layer: premium graphite surfaces + emerald/teal accent.
   This file intentionally does not change application logic or layout behavior. */

:root{
  --rp-bg:#071310;
  --rp-bg-soft:#0b1915;
  --rp-sidebar:#091612;
  --rp-surface:#0f1f1a;
  --rp-surface-2:#132720;
  --rp-surface-3:#183229;
  --rp-line:rgba(153,246,228,.09);
  --rp-line-strong:rgba(94,234,212,.19);
  --rp-text:#f3fbf8;
  --rp-muted:#9db6ad;
  --rp-muted-2:#718e84;
  --rp-primary:#14b8a6;
  --rp-primary-2:#5eead4;
  --rp-cyan:#5eead4;
  --rp-green:#22c55e;
  --rp-yellow:#f59e0b;
  --rp-red:#ef4444;
  --rp-purple:#8b5cf6;
  --rp-radius:14px;
  --rp-radius-sm:10px;
  --rp-shadow:0 18px 42px rgba(0,0,0,.22);
  --rp-shadow-soft:0 8px 24px rgba(0,0,0,.14);

  --u40-bg:#071310;
  --u40-side:#091612;
  --u40-card:#0f1f1a;
  --u40-card2:#0b1915;
  --u40-line:rgba(153,246,228,.09);
  --u40-text:#f3fbf8;
  --u40-muted:#9db6ad;
  --u40-blue:#14b8a6;
  --u40-cyan:#5eead4;
  --u40-green:#22c55e;
  --u40-red:#ef4444;

  --bo-bg:#071310;
  --bo-side:#091612;
  --bo-card:#0f1f1a;
  --bo-card-2:#0b1915;
  --bo-line:rgba(153,246,228,.09);
  --bo-line-strong:rgba(20,184,166,.42);
  --bo-text:#f3fbf8;
  --bo-muted:#9db6ad;
  --bo-blue:#14b8a6;
  --bo-cyan:#5eead4;
  --bo-green:#22c55e;
  --bo-red:#ef4444;
  --bo-amber:#f59e0b;

  /* pages that use short variable names */
  --bg:#071310;
  --side:#091612;
  --card:#0f1f1a;
  --line:rgba(153,246,228,.09);
  --text:#f3fbf8;
  --muted:#9db6ad;
  --blue:#14b8a6;
  --green:#22c55e;
  --red:#ef4444;
}

html[data-theme-mode="light"],
body.rpay-auth:not(.dark-mode),
body:not(.dark):not(.dark-mode).minimal-light{
  --rp-bg:#f4faf7;
  --rp-bg-soft:#edf6f2;
  --rp-sidebar:#ffffff;
  --rp-surface:#ffffff;
  --rp-surface-2:#f4faf7;
  --rp-surface-3:#edf6f2;
  --rp-line:rgba(15,23,42,.08);
  --rp-line-strong:rgba(15,23,42,.14);
  --rp-text:#10211c;
  --rp-muted:#607a70;
  --rp-muted-2:#8ba39a;
  --rp-shadow:0 16px 38px rgba(15,23,42,.08);
  --rp-shadow-soft:0 7px 20px rgba(15,23,42,.06);
}

body{
  background:var(--rp-bg)!important;
  color:var(--rp-text)!important;
}
body::before{
  opacity:0!important;
  background:none!important;
}

/* ---------- Main dashboard / admin shell ---------- */
.dashboard-sidebar{
  background:var(--rp-sidebar)!important;
  border-color:var(--rp-line)!important;
}
.sidebar-menu .menu-item,
.sidebar-menu .submenu-item{
  border-radius:9px!important;
  color:var(--rp-muted)!important;
}
.sidebar-menu .menu-item:hover,
.sidebar-menu .submenu-item:hover{
  background:var(--rp-surface-2)!important;
  border-color:transparent!important;
}
.sidebar-menu .menu-item.active,
.sidebar-menu .submenu-item.active,
.sidebar-menu a[data-rpay-active="1"]{
  background:var(--rp-primary)!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.dashboard-title::before{color:var(--rp-primary-2)!important}
.floating-header{
  background:color-mix(in srgb,var(--rp-surface) 96%,transparent)!important;
  border-color:var(--rp-line)!important;
  border-radius:12px!important;
  box-shadow:0 6px 22px rgba(0,0,0,.10)!important;
}

/* cards, panels and tables used throughout RPay */
.card,
.dashboard-card,
.balance-card,
.transaction-card,
.pix-card,
.withdraw-card,
.settings-card,
.profile-card,
.payment-card,
.provider-card,
.webhook-card,
.stat-card,
.stats-card,
.content-card,
.panel{
  background:var(--rp-surface)!important;
  border-color:var(--rp-line)!important;
  box-shadow:none!important;
}

[class*="card"]:not(.register-card):not(.login-card){
  border-color:var(--rp-line);
}

/* remove decorative gradients from the core interface */
.balance-card,
.dashboard-card,
.provider-card,
.webhook-card,
.u40-card,
.u40-feature,
.bo-top,
.bo-side,
.u40-side{
  background-image:none!important;
}

/* buttons */
.btn-primary,
.primary-btn,
.action-primary,
.bo-btn,
.u40-btn.primary,
button.primary,
a.primary{
  background:var(--rp-primary)!important;
  border-color:var(--rp-primary)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.btn-primary:hover,
.primary-btn:hover,
.action-primary:hover,
.bo-btn:hover,
.u40-btn.primary:hover,
button.primary:hover,
a.primary:hover{
  background:#0f766e!important;
  border-color:#0f766e!important;
  filter:none!important;
  transform:translateY(-1px);
}
.btn-secondary,
.secondary-btn,
.bo-btn.secondary,
.u40-btn{
  background:var(--rp-surface-2)!important;
  border:1px solid var(--rp-line)!important;
  color:var(--rp-text)!important;
  box-shadow:none!important;
}

/* inputs */
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.form-control,
.provider-input{
  background:var(--rp-surface-2)!important;
  border-color:var(--rp-line)!important;
  color:var(--rp-text)!important;
  box-shadow:none!important;
}
input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.provider-input:focus{
  border-color:rgba(20,184,166,.72)!important;
  box-shadow:0 0 0 3px rgba(20,184,166,.12)!important;
  outline:none!important;
}
input::placeholder,textarea::placeholder{color:var(--rp-muted-2)!important}

/* status pills */
.badge,
.status-badge,
.provider-badge,
.u40-status,
.bo-active{
  box-shadow:none!important;
}

/* ---------- Legacy user settings ---------- */
.u40-side{background:var(--u40-side)!important}
.u40-nav a:hover,.u40-nav a.active{
  background:rgba(20,184,166,.14)!important;
  color:#fff!important;
}
.u40-card{background:var(--u40-card)!important}
.u40-icon{
  background:var(--u40-card2)!important;
  color:#99f6e4!important;
}
.u40-avatar{
  background:var(--u40-blue)!important;
}
.u40-btn{background:var(--u40-card2)!important}
.u40-api-box{background:var(--u40-card2)!important}
.u40-method{background:rgba(20,184,166,.14)!important;color:#99f6e4!important}
.u40-mobile{background:var(--u40-card)!important}

/* ---------- Backoffice pages ---------- */
.bo-side{background:var(--bo-side)!important}
.bo-nav a:hover,.bo-nav a.active{
  background:rgba(20,184,166,.14)!important;
  color:#fff!important;
}
.bo-top,
.provider-card,
.webhook-card{background:var(--bo-card)!important}
.provider-logo{background:var(--bo-card-2)!important;color:#99f6e4!important}
.provider-card.active{border-color:rgba(20,184,166,.55)!important;box-shadow:none!important}
.provider-input,.webhook-item code{background:var(--bo-card-2)!important}
.bo-mobile-toggle{background:var(--bo-card)!important}

/* ---------- Authentication ---------- */
body.rpay-auth{
  background:#f7f7f8!important;
}
body.rpay-auth.dark-mode{
  background:#0a0a0b!important;
}
.login-container,
.register-container{
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.10)!important;
}
body.rpay-auth.dark-mode .login-container,
body.rpay-auth.dark-mode .register-container{
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
}
.login-container::before,
.register-container::before,
body.rpay-register .register-showcase{
  background:#111827!important;
  background-image:none!important;
}
.login-card,
.register-card,
body.rpay-register .register-card{
  background:#fff!important;
  box-shadow:none!important;
}
body.rpay-auth.dark-mode .login-card,
body.rpay-auth.dark-mode .register-card,
body.rpay-register.dark-mode .register-card{
  background:#111113!important;
}
.btn-login,
.btn-register,
body.rpay-register .btn-register{
  background:#14b8a6!important;
  border-color:#14b8a6!important;
  box-shadow:none!important;
}
.btn-login:hover,
.btn-register:hover,
body.rpay-register .btn-register:hover{background:#0f766e!important}
body.rpay-register{background:#f7f7f8!important}
body.rpay-register.dark-mode{background:#0a0a0b!important}
body.rpay-register .register-container{border-radius:20px!important;box-shadow:0 22px 64px rgba(15,23,42,.10)!important}
body.rpay-register.dark-mode .register-container{background:#111113!important}
body.rpay-register .register-showcase::before{display:none!important}
body.rpay-register .register-showcase-media{background:#0f172a!important;border-color:rgba(255,255,255,.08)!important}
body.rpay-register .register-consent-input:checked + .register-consent-box{background:#14b8a6!important;border-color:#14b8a6!important;box-shadow:0 0 0 3px rgba(20,184,166,.12)!important}

/* ---------- Biometric / one-off pages using short vars ---------- */
.shell .side,
aside.side{background:var(--side)!important;border-color:var(--line)!important}
.shell .card,
.shell .stat,
.shell .panel,
.wrap .card,
.wrap .panel{background:var(--card)!important;border-color:var(--line)!important;box-shadow:none!important}
.nav a.active,.nav a:hover{background:rgba(20,184,166,.14)!important}
.eyebrow{color:#5eead4!important}
.filters a.active{background:#14b8a6!important}
.photo,.check,.review input,.code{background:#111113!important}

/* landing/public sections: keep structure, simplify surfaces */
body .dashboard-card,
body .feature-card,
body .pricing-card,
body .faq-item{
  box-shadow:none!important;
}

/* Tables */
table,
.table{--bs-table-bg:transparent!important;--bs-table-color:var(--rp-text)!important}
thead th{
  color:var(--rp-muted)!important;
  border-color:var(--rp-line)!important;
}
tbody td{border-color:var(--rp-line)!important}
tbody tr:hover{background:rgba(255,255,255,.025)!important}

/* Scrollbar */
*{scrollbar-color:#3f3f46 transparent;scrollbar-width:thin}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:999px}

/* Light theme refinements */
html[data-theme-mode="light"] .dashboard-sidebar{
  background:#fff!important;
}
html[data-theme-mode="light"] .sidebar-menu .menu-item.active,
html[data-theme-mode="light"] .sidebar-menu .submenu-item.active,
html[data-theme-mode="light"] .sidebar-menu a[data-rpay-active="1"]{color:#fff!important}
html[data-theme-mode="light"] .card,
html[data-theme-mode="light"] .dashboard-card,
html[data-theme-mode="light"] .panel{background:#fff!important}
html[data-theme-mode="light"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme-mode="light"] select,
html[data-theme-mode="light"] textarea,
html[data-theme-mode="light"] .form-control{background:#f8fafc!important;color:#0f172a!important}

@media(max-width:760px){
  .floating-header{border-radius:10px!important}
  .dashboard-sidebar,.bo-side,.u40-side{box-shadow:14px 0 38px rgba(0,0,0,.22)!important}
}

/* V7.2.2 - Admin login proportions */
@media (min-width: 901px) {
  body.rpay-admin-login {
    padding: 24px !important;
  }

  body.rpay-admin-login .login-container:has(.login-step) {
    width: min(calc(100% - 48px), 1080px) !important;
    max-width: 1080px !important;
    min-height: min(680px, calc(100vh - 48px)) !important;
    grid-template-columns: minmax(380px, .94fr) minmax(470px, 1.06fr) !important;
    grid-template-rows: auto 1fr !important;
    border-radius: 22px !important;
  }

  body.rpay-admin-login .login-container:has(.login-step)::before {
    content: "Infraestrutura de pagamentos\Apara uma operação mais simples,\Arápida e segura." !important;
    padding: 44px 46px !important;
    font-size: clamp(23px, 2vw, 27px) !important;
    line-height: 1.18 !important;
    letter-spacing: -.035em !important;
    font-weight: 730 !important;
    text-wrap: balance;
  }

  body.rpay-admin-login .login-container:has(.login-step)::after {
    left: 46px !important;
    top: 44px !important;
    font-size: 9px !important;
    letter-spacing: .16em !important;
  }

  body.rpay-admin-login .admin-login-hero-logo {
    top: 25% !important;
    width: 47% !important;
    height: 26% !important;
    padding: 18px 48px !important;
  }

  body.rpay-admin-login .admin-login-hero-logo img {
    width: min(66%, 230px) !important;
    max-width: 230px !important;
    max-height: 108px !important;
    filter: drop-shadow(0 14px 28px rgba(0,0,0,.20)) !important;
  }

  body.rpay-admin-login .login-container:has(.login-step) .login-header,
  body.rpay-admin-login .login-container:has(.login-step) .login-step {
    width: min(100%, 460px) !important;
    justify-self: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.rpay-admin-login .login-container:has(.login-step) .login-header {
    align-self: end !important;
    padding-top: 88px !important;
    padding-bottom: 18px !important;
  }

  body.rpay-admin-login .login-container:has(.login-step) .login-step {
    align-self: start !important;
    padding-top: 0 !important;
    padding-bottom: 72px !important;
  }

  body.rpay-admin-login .login-header .logo {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 128px !important;
    max-height: 34px !important;
    margin: 0 0 20px 0 !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body.rpay-admin-login .login-title {
    font-size: 23px !important;
    line-height: 1.18 !important;
    font-weight: 720 !important;
    letter-spacing: -.03em !important;
    margin: 0 0 7px !important;
  }

  body.rpay-admin-login .login-subtitle {
    max-width: 430px !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }

  body.rpay-admin-login .form-group {
    margin-bottom: 15px !important;
  }

  body.rpay-admin-login .form-label {
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    margin-bottom: 7px !important;
  }

  body.rpay-admin-login .form-input {
    height: 44px !important;
    padding: 0 13px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
  }

  body.rpay-admin-login .login-button {
    height: 44px !important;
    margin-top: 7px !important;
    border-radius: 9px !important;
    font-size: 12.5px !important;
  }
}

@media (max-width: 900px) {
  body.rpay-admin-login .login-title {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  body.rpay-admin-login .login-subtitle {
    font-size: 12.5px !important;
    line-height: 1.5 !important;
  }

  body.rpay-admin-login .login-header .logo {
    width: auto !important;
    height: auto !important;
    max-width: 126px !important;
    max-height: 34px !important;
    margin: 0 0 18px 0 !important;
    object-position: left center !important;
  }
}


/* V7.3.2 - Admin login: cards Pix / Segurança / API sem texto cortado */
body.rpay-admin-login .admin-login-trust{
  display:none;
}
@media (min-width:901px){
  body.rpay-admin-login .admin-login-trust{
    position:absolute!important;
    z-index:5!important;
    left:38px!important;
    bottom:154px!important;
    width:calc(47% - 64px)!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    pointer-events:none!important;
  }
  body.rpay-admin-login .admin-login-trust-item{
    min-width:0!important;
    min-height:68px!important;
    padding:10px 11px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    overflow:visible!important;
    border:1px solid rgba(94,234,212,.22)!important;
    border-radius:12px!important;
    background:rgba(5,18,36,.34)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.10)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
  }
  body.rpay-admin-login .admin-login-trust-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#99f6e4!important;
    background:rgba(20,184,166,.16)!important;
    border:1px solid rgba(153,246,228,.16)!important;
    font-size:12px!important;
  }
  body.rpay-admin-login .admin-login-trust-item>span:last-child{
    min-width:0!important;
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
    overflow:visible!important;
  }
  body.rpay-admin-login .admin-login-trust-item strong{
    color:#fff!important;
    font-size:11px!important;
    line-height:1.15!important;
    font-weight:750!important;
    letter-spacing:-.01em!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  body.rpay-admin-login .admin-login-trust-item small{
    display:block!important;
    color:rgba(226,232,240,.72)!important;
    font-size:8.5px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }
}
@media (min-width:901px) and (max-width:1040px){
  body.rpay-admin-login .admin-login-trust{
    left:28px!important;
    width:calc(47% - 48px)!important;
    gap:6px!important;
  }
  body.rpay-admin-login .admin-login-trust-item{
    min-height:62px!important;
    padding:8px 7px!important;
    gap:6px!important;
  }
  body.rpay-admin-login .admin-login-trust-icon{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
  }
  body.rpay-admin-login .admin-login-trust-item strong{font-size:9.5px!important}
  body.rpay-admin-login .admin-login-trust-item small{font-size:7.5px!important; line-height:1.15!important}
}


/* V7.4.0 — identidade premium grafite + esmeralda */
:root{
  --dashboard-blue:#14b8a6;
  --dashboard-cyan:#2dd4bf;
  --primary-rgb:20,184,166;
  --secondary-rgb:45,212,191;
}
html[data-theme-mode="dark"]{
  --bg-primary:#071310;
  --bg-secondary:#0b1915;
  --bg-card:#0f1f1a;
  --text-primary:#f3fbf8;
  --text-muted:#9db6ad;
  --border-color:rgba(153,246,228,.10);
}
html[data-theme-mode="light"]{
  --bg-primary:#f4faf7;
  --bg-secondary:rgba(255,255,255,.96);
  --bg-card:#ffffff;
  --text-primary:#10211c;
  --text-muted:#607a70;
  --border-color:rgba(15,118,110,.12);
}
body.rpay-auth{--primary:#14b8a6;--primary-2:#2dd4bf;--primary-soft:#e6fffb;}
body.rpay-auth.dark-mode{
  --bg:#071310;--surface:#0e201a;--surface-2:#132821;--text:#f3fbf8;--muted:#9db6ad;--line:#214238;--field:#0b1c17;--primary-soft:#11362f;
}
body.rpay-auth:not(.dark-mode){--bg:#f4faf7;--surface:#fff;--surface-2:#f1f8f5;--text:#10211c;--muted:#607a70;--line:#d8e8e1;--field:#f5faf8;}
body.rpay-auth .submit-btn,
body.rpay-register .btn-register,
body.rpay-admin-login .login-button{
  background:linear-gradient(135deg,#14b8a6,#0f766e)!important;
  box-shadow:0 12px 28px rgba(20,184,166,.22)!important;
}
body.rpay-auth .input-shell:focus-within,
body.rpay-admin-login .form-input:focus{
  border-color:rgba(20,184,166,.78)!important;
  box-shadow:0 0 0 4px rgba(20,184,166,.11)!important;
}
body.rpay-admin-login .theme-toggle:hover{background:linear-gradient(135deg,#14b8a6,#2dd4bf)!important;}
body.rpay-admin-login .admin-login-trust-item{border-color:rgba(94,234,212,.18)!important;background:rgba(20,184,166,.065)!important;}
body.rpay-admin-login .admin-login-trust-icon{background:linear-gradient(135deg,rgba(20,184,166,.23),rgba(45,212,191,.12))!important;color:#99f6e4!important;}
body.rpay-register .register-showcase-feature{border-color:rgba(94,234,212,.15)!important;background:rgba(9,30,25,.62)!important;}
body.rpay-register .register-showcase-feature-icon{background:rgba(20,184,166,.14)!important;color:#99f6e4!important;border-color:rgba(94,234,212,.18)!important;}
.dashboard-sidebar .sidebar-menu .menu-item.active,
.dashboard-sidebar .sidebar-menu .submenu-item.active,
.sidebar-menu .menu-item.active,
.sidebar-menu .submenu-item.active{box-shadow:0 8px 20px rgba(20,184,166,.16)!important;}
.floating-header{box-shadow:0 8px 28px rgba(4,22,17,.18)!important;}
.card,.dashboard-card,.balance-card,.transaction-card,.pix-card,.withdraw-card,.settings-card,.profile-card,.payment-card,.provider-card,.webhook-card,.stat-card,.stats-card,.content-card,.panel{border-color:rgba(153,246,228,.09)!important;}


/* ======================================================================
   V7.5.0 — Identidade inspirada no Mercado Livre
   Visual only: amarelo de marca + azul de ação + superfícies neutras.
   ====================================================================== */
:root{
  --rp-bg:#171717;
  --rp-bg-soft:#202020;
  --rp-sidebar:#1d1d1d;
  --rp-surface:#242424;
  --rp-surface-2:#2b2b2b;
  --rp-surface-3:#323232;
  --rp-line:rgba(255,255,255,.075);
  --rp-line-strong:rgba(255,230,0,.30);
  --rp-text:#f5f5f5;
  --rp-muted:#b3b3b3;
  --rp-muted-2:#858585;
  --rp-primary:#3483fa;
  --rp-primary-2:#ffe600;
  --rp-cyan:#ffe600;
  --rp-green:#00a650;
  --rp-yellow:#ffe600;
  --rp-red:#f23d4f;
  --dashboard-blue:#3483fa;
  --dashboard-cyan:#ffe600;
  --primary-rgb:52,131,250;
  --secondary-rgb:255,230,0;

  --u40-bg:#171717;
  --u40-side:#1d1d1d;
  --u40-card:#242424;
  --u40-card2:#2b2b2b;
  --u40-line:rgba(255,255,255,.075);
  --u40-text:#f5f5f5;
  --u40-muted:#b3b3b3;
  --u40-blue:#3483fa;
  --u40-cyan:#ffe600;
  --u40-green:#00a650;

  --bo-bg:#171717;
  --bo-side:#1d1d1d;
  --bo-card:#242424;
  --bo-card-2:#2b2b2b;
  --bo-line:rgba(255,255,255,.075);
  --bo-line-strong:rgba(255,230,0,.30);
  --bo-text:#f5f5f5;
  --bo-muted:#b3b3b3;
  --bo-blue:#3483fa;
  --bo-cyan:#ffe600;
  --bo-green:#00a650;
  --bo-amber:#ffe600;

  --bg:#171717;
  --side:#1d1d1d;
  --card:#242424;
  --line:rgba(255,255,255,.075);
  --text:#f5f5f5;
  --muted:#b3b3b3;
  --blue:#3483fa;
  --green:#00a650;
  --red:#f23d4f;
}
html[data-theme-mode="dark"]{
  --bg-primary:#171717;
  --bg-secondary:#202020;
  --bg-card:#242424;
  --text-primary:#f5f5f5;
  --text-muted:#b3b3b3;
  --border-color:rgba(255,255,255,.08);
}
html[data-theme-mode="light"]{
  --rp-bg:#ebebeb;
  --rp-bg-soft:#f5f5f5;
  --rp-sidebar:#ffffff;
  --rp-surface:#ffffff;
  --rp-surface-2:#f5f5f5;
  --rp-surface-3:#eeeeee;
  --rp-line:rgba(0,0,0,.09);
  --rp-line-strong:rgba(52,131,250,.30);
  --rp-text:#333333;
  --rp-muted:#666666;
  --rp-muted-2:#888888;
  --bg-primary:#ebebeb;
  --bg-secondary:#ffffff;
  --bg-card:#ffffff;
  --text-primary:#333333;
  --text-muted:#666666;
  --border-color:rgba(0,0,0,.10);

  --u40-bg:#ebebeb;
  --u40-side:#ffffff;
  --u40-card:#ffffff;
  --u40-card2:#f5f5f5;
  --u40-line:rgba(0,0,0,.09);
  --u40-text:#333333;
  --u40-muted:#666666;

  --bo-bg:#ebebeb;
  --bo-side:#ffffff;
  --bo-card:#ffffff;
  --bo-card-2:#f5f5f5;
  --bo-line:rgba(0,0,0,.09);
  --bo-text:#333333;
  --bo-muted:#666666;

  --bg:#ebebeb;
  --side:#ffffff;
  --card:#ffffff;
  --line:rgba(0,0,0,.09);
  --text:#333333;
  --muted:#666666;
}

/* Marca e navegação */
.dashboard-sidebar,
.bo-side,
.u40-side{
  border-top:4px solid #ffe600!important;
  border-right-color:var(--rp-line)!important;
}
.sidebar-menu .menu-item.active,
.sidebar-menu .submenu-item.active,
.sidebar-menu a[data-rpay-active="1"],
.bo-nav a.active,
.u40-nav a.active,
.nav a.active{
  background:#3483fa!important;
  color:#fff!important;
  border-color:#3483fa!important;
  box-shadow:0 8px 20px rgba(52,131,250,.18)!important;
}
.sidebar-menu .menu-item:hover,
.sidebar-menu .submenu-item:hover,
.bo-nav a:hover,
.u40-nav a:hover{
  background:rgba(52,131,250,.09)!important;
  color:var(--rp-text)!important;
}
.dashboard-title::before,
.eyebrow,
.kicker{color:#3483fa!important}
.floating-header{
  border-top:3px solid #ffe600!important;
  border-color:rgba(255,230,0,.38) var(--rp-line) var(--rp-line)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.10)!important;
}

/* Botões e ações */
.btn-primary,.primary-btn,.action-primary,.bo-btn,.u40-btn.primary,
button.primary,a.primary,.submit-btn,.btn-login,.btn-register,
body.rpay-register .btn-register,body.rpay-admin-login .login-button{
  background:#3483fa!important;
  border-color:#3483fa!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(52,131,250,.20)!important;
}
.btn-primary:hover,.primary-btn:hover,.action-primary:hover,.bo-btn:hover,
.u40-btn.primary:hover,button.primary:hover,a.primary:hover,.submit-btn:hover,
.btn-login:hover,.btn-register:hover,body.rpay-register .btn-register:hover,
body.rpay-admin-login .login-button:hover{
  background:#2968c8!important;
  border-color:#2968c8!important;
  box-shadow:0 12px 28px rgba(52,131,250,.24)!important;
}
.header-btn:hover,.theme-toggle:hover{
  border-color:#ffe600!important;
  box-shadow:0 0 0 3px rgba(255,230,0,.16)!important;
}

/* Campos */
input:focus,select:focus,textarea:focus,.form-control:focus,.provider-input:focus,
body.rpay-auth .input-shell:focus-within,body.rpay-admin-login .form-input:focus{
  border-color:rgba(52,131,250,.78)!important;
  box-shadow:0 0 0 4px rgba(52,131,250,.12)!important;
}
body.rpay-register .register-consent-input:checked + .register-consent-box{
  background:#3483fa!important;
  border-color:#3483fa!important;
  box-shadow:0 0 0 3px rgba(52,131,250,.12)!important;
}

/* Cards e detalhes de marca */
.card,.dashboard-card,.balance-card,.transaction-card,.pix-card,.withdraw-card,
.settings-card,.profile-card,.payment-card,.provider-card,.webhook-card,.stat-card,
.stats-card,.content-card,.panel{
  border-color:var(--rp-line)!important;
}
.provider-card.active{border-color:rgba(52,131,250,.55)!important}
.u40-method,.admin-login-trust-icon,.register-showcase-feature-icon{
  color:#333!important;
  background:#ffe600!important;
  border-color:rgba(0,0,0,.08)!important;
}
body.rpay-admin-login .admin-login-trust-item{
  border-color:rgba(255,230,0,.28)!important;
  background:rgba(255,230,0,.065)!important;
}
body.rpay-register .register-showcase-feature{
  border-color:rgba(255,230,0,.20)!important;
  background:rgba(255,230,0,.055)!important;
}
.badge.pending,.pending{color:#7a6900!important;background:rgba(255,230,0,.18)!important}

/* Autenticação: claro no padrão Mercado Livre, escuro preservado */
body.rpay-auth:not(.dark-mode),
body.rpay-register:not(.dark-mode),
body.rpay-admin-login:not(.dark-mode){
  --bg:#ebebeb;
  --surface:#ffffff;
  --surface-2:#f5f5f5;
  --text:#333333;
  --muted:#666666;
  --line:#dedede;
  --field:#f5f5f5;
  --primary:#3483fa;
  --primary-2:#2968c8;
  --primary-soft:#e8f1ff;
  background:#ebebeb!important;
}
body.rpay-auth.dark-mode,
body.rpay-register.dark-mode,
body.rpay-admin-login.dark-mode{
  --bg:#171717;
  --surface:#242424;
  --surface-2:#2b2b2b;
  --text:#f5f5f5;
  --muted:#b3b3b3;
  --line:#3a3a3a;
  --field:#2b2b2b;
  --primary:#3483fa;
  --primary-2:#2968c8;
  --primary-soft:#1d3354;
  background:#171717!important;
}
body.rpay-auth:not(.dark-mode) .login-card,
body.rpay-register:not(.dark-mode) .register-card,
body.rpay-admin-login:not(.dark-mode) .login-container{
  background:#fff!important;
  border-color:rgba(0,0,0,.10)!important;
}
body.rpay-admin-login .admin-login-hero-logo img{
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.28))!important;
}

/* Página pública / landing: visual claro inspirado no Mercado Livre */
body.rpay-landing{
  --bg:#ebebeb;
  --surface:#ffffff;
  --surface2:#f5f5f5;
  --line:rgba(0,0,0,.10);
  --text:#333333;
  --muted:#666666;
  --blue:#3483fa;
  --blue2:#2968c8;
  --green:#00a650;
  background:#ebebeb!important;
  color:#333!important;
}
body.rpay-landing .nav{
  background:#ffe600!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.08)!important;
  backdrop-filter:none!important;
}
body.rpay-landing .links,
body.rpay-landing .brand-fallback{color:#333!important}
body.rpay-landing .links a:hover{color:#2968c8!important}
body.rpay-landing .btn{border-color:rgba(0,0,0,.12)!important;color:#333!important}
body.rpay-landing .btn.primary{
  background:#3483fa!important;
  color:#fff!important;
  border-color:#3483fa!important;
  box-shadow:0 8px 20px rgba(52,131,250,.20)!important;
}
body.rpay-landing .btn.primary:hover{background:#2968c8!important;border-color:#2968c8!important}
body.rpay-landing .hero{background:linear-gradient(180deg,#fff159 0,#ffe600 58%,#ebebeb 58%)!important}
body.rpay-landing .hero-copy{color:#333!important}
body.rpay-landing .hero p{color:#555!important}
body.rpay-landing .badge{
  color:#2968c8!important;
  background:#fff!important;
  border-color:rgba(52,131,250,.22)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.06)!important;
}
body.rpay-landing .badge:before{background:#00a650!important;box-shadow:0 0 0 5px rgba(0,166,80,.10)!important}
body.rpay-landing .hero-note{color:#555!important}
body.rpay-landing .hero-note span:before{color:#00a650!important}
body.rpay-landing .visual:before{
  background:radial-gradient(circle,rgba(52,131,250,.18),rgba(255,230,0,.10) 45%,transparent 72%)!important;
}
body.rpay-landing .dashboard-card{
  background:linear-gradient(#fff,#fff) padding-box,
             linear-gradient(135deg,#3483fa 0 52%,#ffe600 52% 100%) border-box!important;
  border:2px solid transparent!important;
  box-shadow:0 24px 60px rgba(0,0,0,.18),0 0 30px rgba(52,131,250,.10)!important;
}
body.rpay-landing .dashboard-card::before{border-color:rgba(0,0,0,.06)!important;box-shadow:none!important}
body.rpay-landing .dashboard-card::after{
  background:linear-gradient(90deg,transparent,#ffe600,#3483fa,transparent)!important;
  box-shadow:0 0 14px rgba(52,131,250,.24)!important;
}
body.rpay-landing .hero-photo{background:#fff!important}
body.rpay-landing .section{background:#ebebeb!important}
body.rpay-landing .section-head p,
body.rpay-landing .security p{color:#666!important}
body.rpay-landing .feature,
body.rpay-landing .security,
body.rpay-landing .developer-card{
  background:#fff!important;
  border-color:rgba(0,0,0,.09)!important;
  color:#333!important;
  box-shadow:0 6px 18px rgba(0,0,0,.05)!important;
}
body.rpay-landing .feature-icon{
  background:#fff8bf!important;
  color:#2968c8!important;
  border:1px solid rgba(255,230,0,.55)!important;
}
body.rpay-landing .feature p,
body.rpay-landing .developer-copy p{color:#666!important}
body.rpay-landing .mini{
  background:#f5f5f5!important;
  border-color:rgba(0,0,0,.08)!important;
  color:#333!important;
}
body.rpay-landing .mini span{color:#666!important}
body.rpay-landing .cta-card{
  background:#ffe600!important;
  border-color:#e6cf00!important;
  color:#333!important;
  box-shadow:0 10px 28px rgba(0,0,0,.08)!important;
}
body.rpay-landing .cta-card p{color:#555!important}
body.rpay-landing .dev-pill{
  background:#f5f5f5!important;
  color:#555!important;
  border-color:rgba(0,0,0,.08)!important;
}
body.rpay-landing .site-footer{
  background:#fff!important;
  border-color:rgba(0,0,0,.08)!important;
  color:#666!important;
}
body.rpay-landing .site-footer:before{
  background:linear-gradient(90deg,transparent,#ffe600,#3483fa,transparent)!important;
}
body.rpay-landing .footer-brand-name,
body.rpay-landing .footer-col h3{color:#333!important}
body.rpay-landing .footer-description,
body.rpay-landing .footer-list a,
body.rpay-landing .footer-list span,
body.rpay-landing .footer-contact-item,
body.rpay-landing .footer-legal-btn{color:#666!important}
body.rpay-landing .footer-socials a{
  background:#f5f5f5!important;
  border-color:rgba(0,0,0,.08)!important;
  color:#3483fa!important;
}
body.rpay-landing .footer-bottom{border-color:rgba(0,0,0,.08)!important;color:#777!important}

/* Modo claro: acabamento geral */
html[data-theme-mode="light"] .dashboard-sidebar,
html[data-theme-mode="light"] .bo-side,
html[data-theme-mode="light"] .u40-side{background:#fff!important}
html[data-theme-mode="light"] .floating-header,
html[data-theme-mode="light"] .card,
html[data-theme-mode="light"] .dashboard-card,
html[data-theme-mode="light"] .panel{background:#fff!important}
html[data-theme-mode="light"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme-mode="light"] select,
html[data-theme-mode="light"] textarea,
html[data-theme-mode="light"] .form-control{
  background:#f5f5f5!important;
  color:#333!important;
  border-color:rgba(0,0,0,.10)!important;
}

@media(max-width:760px){
  body.rpay-landing .hero{background:linear-gradient(180deg,#fff159 0,#ffe600 46%,#ebebeb 46%)!important}
  .dashboard-sidebar,.bo-side,.u40-side{border-top-width:3px!important}
}

/* ======================================================================
   V7.6.0 — Azul + dourado premium (inspirado, sem copiar visual literal)
   Base neutra, azul de ação, amarelo/dourado apenas como acento.
   Também corrige overflow do login administrativo em notebooks.
   ====================================================================== */
:root{
  --rp-bg:#0b1017;
  --rp-bg-soft:#101720;
  --rp-sidebar:#0f1620;
  --rp-surface:#141c26;
  --rp-surface-2:#192330;
  --rp-surface-3:#202c3a;
  --rp-line:rgba(148,163,184,.12);
  --rp-line-strong:rgba(59,130,246,.30);
  --rp-text:#f7f9fc;
  --rp-muted:#a3afbd;
  --rp-muted-2:#758293;
  --rp-primary:#3b82f6;
  --rp-primary-2:#2868d7;
  --rp-cyan:#60a5fa;
  --rp-green:#22c783;
  --rp-yellow:#e7c84b;
  --rp-red:#ef5b68;
  --dashboard-blue:#3b82f6;
  --dashboard-cyan:#e7c84b;
  --primary-rgb:59,130,246;
  --secondary-rgb:231,200,75;

  --u40-bg:#0b1017;
  --u40-side:#0f1620;
  --u40-card:#141c26;
  --u40-card2:#192330;
  --u40-line:rgba(148,163,184,.12);
  --u40-text:#f7f9fc;
  --u40-muted:#a3afbd;
  --u40-blue:#3b82f6;
  --u40-cyan:#e7c84b;
  --u40-green:#22c783;

  --bo-bg:#0b1017;
  --bo-side:#0f1620;
  --bo-card:#141c26;
  --bo-card-2:#192330;
  --bo-line:rgba(148,163,184,.12);
  --bo-line-strong:rgba(59,130,246,.30);
  --bo-text:#f7f9fc;
  --bo-muted:#a3afbd;
  --bo-blue:#3b82f6;
  --bo-cyan:#e7c84b;
  --bo-green:#22c783;
  --bo-amber:#e7c84b;

  --bg:#0b1017;
  --side:#0f1620;
  --card:#141c26;
  --line:rgba(148,163,184,.12);
  --text:#f7f9fc;
  --muted:#a3afbd;
  --blue:#3b82f6;
  --green:#22c783;
  --red:#ef5b68;
}
html[data-theme-mode="dark"]{
  --bg-primary:#0b1017;
  --bg-secondary:#101720;
  --bg-card:#141c26;
  --text-primary:#f7f9fc;
  --text-muted:#a3afbd;
  --border-color:rgba(148,163,184,.12);
}
html[data-theme-mode="light"]{
  --rp-bg:#f3f5f8;
  --rp-bg-soft:#f7f8fa;
  --rp-sidebar:#ffffff;
  --rp-surface:#ffffff;
  --rp-surface-2:#f7f8fa;
  --rp-surface-3:#eef1f5;
  --rp-line:rgba(31,41,55,.10);
  --rp-line-strong:rgba(59,130,246,.26);
  --rp-text:#202938;
  --rp-muted:#667085;
  --rp-muted-2:#8791a1;
  --bg-primary:#f3f5f8;
  --bg-secondary:#ffffff;
  --bg-card:#ffffff;
  --text-primary:#202938;
  --text-muted:#667085;
  --border-color:rgba(31,41,55,.10);

  --u40-bg:#f3f5f8;
  --u40-side:#ffffff;
  --u40-card:#ffffff;
  --u40-card2:#f7f8fa;
  --u40-line:rgba(31,41,55,.10);
  --u40-text:#202938;
  --u40-muted:#667085;

  --bo-bg:#f3f5f8;
  --bo-side:#ffffff;
  --bo-card:#ffffff;
  --bo-card-2:#f7f8fa;
  --bo-line:rgba(31,41,55,.10);
  --bo-text:#202938;
  --bo-muted:#667085;

  --bg:#f3f5f8;
  --side:#ffffff;
  --card:#ffffff;
  --line:rgba(31,41,55,.10);
  --text:#202938;
  --muted:#667085;
}

/* Navegação: nada de faixas amarelas grandes */
.dashboard-sidebar,.bo-side,.u40-side{
  border-top:0!important;
  border-right-color:var(--rp-line)!important;
  box-shadow:none!important;
}
.sidebar-menu .menu-item.active,
.sidebar-menu .submenu-item.active,
.sidebar-menu a[data-rpay-active="1"],
.bo-nav a.active,.u40-nav a.active,.nav a.active{
  position:relative!important;
  background:rgba(59,130,246,.14)!important;
  color:#fff!important;
  border-color:rgba(59,130,246,.22)!important;
  box-shadow:none!important;
}
.sidebar-menu .menu-item.active::before,
.sidebar-menu .submenu-item.active::before,
.bo-nav a.active::before,.u40-nav a.active::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  bottom:8px;
  width:3px;
  border-radius:0 4px 4px 0;
  background:#e7c84b;
}
.sidebar-menu .menu-item:hover,
.sidebar-menu .submenu-item:hover,
.bo-nav a:hover,.u40-nav a:hover{
  background:rgba(59,130,246,.08)!important;
  color:var(--rp-text)!important;
}
.dashboard-title::before,.eyebrow,.kicker{color:#72a8ff!important}
.floating-header{
  border-top:1px solid var(--rp-line)!important;
  border-color:var(--rp-line)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.12)!important;
}

/* Botões: azul limpo; dourado apenas como detalhe */
.btn-primary,.primary-btn,.action-primary,.bo-btn,.u40-btn.primary,
button.primary,a.primary,.submit-btn,.btn-login,.btn-register,
body.rpay-register .btn-register,body.rpay-admin-login .login-button{
  background:linear-gradient(135deg,#3b82f6,#2868d7)!important;
  border-color:#3b82f6!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(59,130,246,.18)!important;
}
.btn-primary:hover,.primary-btn:hover,.action-primary:hover,.bo-btn:hover,
.u40-btn.primary:hover,button.primary:hover,a.primary:hover,.submit-btn:hover,
.btn-login:hover,.btn-register:hover,body.rpay-register .btn-register:hover,
body.rpay-admin-login .login-button:hover{
  background:linear-gradient(135deg,#3377e4,#245cc1)!important;
  border-color:#3377e4!important;
  box-shadow:0 12px 28px rgba(59,130,246,.22)!important;
}
.header-btn:hover,.theme-toggle:hover{
  border-color:rgba(231,200,75,.62)!important;
  box-shadow:0 0 0 3px rgba(231,200,75,.10)!important;
}
input:focus,select:focus,textarea:focus,.form-control:focus,.provider-input:focus,
body.rpay-auth .input-shell:focus-within,body.rpay-admin-login .form-input:focus{
  border-color:rgba(59,130,246,.72)!important;
  box-shadow:0 0 0 4px rgba(59,130,246,.10)!important;
}
body.rpay-register .register-consent-input:checked + .register-consent-box{
  background:#3b82f6!important;
  border-color:#3b82f6!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.10)!important;
}

/* Cards e pequenos acentos */
.card,.dashboard-card,.balance-card,.transaction-card,.pix-card,.withdraw-card,
.settings-card,.profile-card,.payment-card,.provider-card,.webhook-card,.stat-card,
.stats-card,.content-card,.panel{
  border-color:var(--rp-line)!important;
}
.provider-card.active{border-color:rgba(59,130,246,.46)!important}
.u40-method,.admin-login-trust-icon,.register-showcase-feature-icon{
  color:#9cc1ff!important;
  background:rgba(59,130,246,.12)!important;
  border-color:rgba(59,130,246,.18)!important;
}
body.rpay-admin-login .admin-login-trust-item{
  border-color:rgba(148,163,184,.15)!important;
  background:rgba(255,255,255,.035)!important;
}
body.rpay-register .register-showcase-feature{
  border-color:rgba(148,163,184,.14)!important;
  background:rgba(255,255,255,.035)!important;
}
.badge.pending,.pending{color:#ead678!important;background:rgba(231,200,75,.10)!important}

/* Autenticação premium */
body.rpay-auth:not(.dark-mode),
body.rpay-register:not(.dark-mode),
body.rpay-admin-login:not(.dark-mode){
  --bg:#f3f5f8;
  --surface:#ffffff;
  --surface-2:#f7f8fa;
  --text:#202938;
  --muted:#667085;
  --line:#dde2e8;
  --field:#f7f8fa;
  --primary:#3b82f6;
  --primary-2:#2868d7;
  --primary-soft:#edf4ff;
  background:#f3f5f8!important;
}
body.rpay-auth.dark-mode,
body.rpay-register.dark-mode,
body.rpay-admin-login.dark-mode{
  --bg:#0b1017;
  --surface:#141c26;
  --surface-2:#192330;
  --text:#f7f9fc;
  --muted:#a3afbd;
  --line:#273445;
  --field:#111923;
  --primary:#3b82f6;
  --primary-2:#2868d7;
  --primary-soft:#172d4b;
  background:#0b1017!important;
}
body.rpay-auth:not(.dark-mode) .login-card,
body.rpay-register:not(.dark-mode) .register-card,
body.rpay-admin-login:not(.dark-mode) .login-container{
  background:#fff!important;
  border-color:rgba(31,41,55,.10)!important;
}
body.rpay-auth.dark-mode .login-card,
body.rpay-register.dark-mode .register-card,
body.rpay-admin-login.dark-mode .login-container{
  background:#141c26!important;
  border-color:rgba(148,163,184,.12)!important;
}
.login-container::before,.register-container::before,
body.rpay-register .register-showcase{
  background:
    radial-gradient(circle at 74% 22%,rgba(59,130,246,.22),transparent 26%),
    radial-gradient(circle at 12% 90%,rgba(231,200,75,.08),transparent 28%),
    linear-gradient(145deg,#111a27,#0a111b 70%)!important;
}
.login-container::after,.register-container::after{
  color:rgba(226,232,240,.62)!important;
}
body.rpay-admin-login .admin-login-hero-logo img{
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.24))!important;
}

/* Login admin: conteúdo sempre dentro da coluna esquerda */
@media (min-width:901px){
  body.rpay-admin-login .login-container:has(.login-step){
    min-height:min(650px,calc(100vh - 40px))!important;
    max-height:calc(100vh - 40px)!important;
  }
  body.rpay-admin-login .login-container:has(.login-step)::before{
    padding:36px 38px 34px!important;
    padding-top:360px!important;
    font-size:clamp(19px,1.65vw,23px)!important;
    line-height:1.16!important;
    letter-spacing:-.03em!important;
    justify-content:flex-end!important;
    overflow:hidden!important;
    content:"Infraestrutura de pagamentos\Apara uma operação mais simples,\Arápida e segura."!important;
  }
  body.rpay-admin-login .login-container:has(.login-step)::after{
    left:38px!important;
    top:34px!important;
    font-size:8px!important;
    letter-spacing:.14em!important;
  }
  body.rpay-admin-login .admin-login-hero-logo{
    top:19%!important;
    height:24%!important;
    padding:12px 40px!important;
  }
  body.rpay-admin-login .admin-login-hero-logo img{
    width:min(64%,220px)!important;
    max-width:220px!important;
    max-height:100px!important;
  }
  body.rpay-admin-login .admin-login-trust{
    left:38px!important;
    bottom:150px!important;
    width:calc(47% - 64px)!important;
    gap:8px!important;
  }
  body.rpay-admin-login .admin-login-trust-item{
    min-height:58px!important;
    padding:8px 9px!important;
    gap:7px!important;
  }
  body.rpay-admin-login .admin-login-trust-icon{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    font-size:11px!important;
  }
  body.rpay-admin-login .admin-login-trust-item strong{
    font-size:10px!important;
    line-height:1.1!important;
  }
  body.rpay-admin-login .admin-login-trust-item small{
    font-size:7.5px!important;
    line-height:1.15!important;
  }
}
@media (min-width:901px) and (max-height:720px){
  body.rpay-admin-login{padding:14px!important;}
  body.rpay-admin-login .login-container:has(.login-step){
    min-height:calc(100vh - 28px)!important;
    max-height:calc(100vh - 28px)!important;
  }
  body.rpay-admin-login .admin-login-hero-logo{top:14%!important;height:22%!important}
  body.rpay-admin-login .admin-login-trust{bottom:132px!important}
  body.rpay-admin-login .login-container:has(.login-step)::before{
    padding:30px 34px 28px!important;
    padding-top:315px!important;
    font-size:18px!important;
    line-height:1.14!important;
  }
  body.rpay-admin-login .login-container:has(.login-step)::after{left:34px!important;top:28px!important}
  body.rpay-admin-login .login-container:has(.login-step) .login-header{padding-top:58px!important;padding-bottom:12px!important}
  body.rpay-admin-login .login-container:has(.login-step) .login-step{padding-bottom:36px!important}
}
@media (min-width:901px) and (max-width:1040px){
  body.rpay-admin-login .admin-login-trust{
    left:28px!important;
    width:calc(47% - 46px)!important;
    gap:5px!important;
  }
  body.rpay-admin-login .admin-login-trust-item{
    padding:7px 6px!important;
    gap:5px!important;
  }
  body.rpay-admin-login .admin-login-trust-item small{display:none!important}
  body.rpay-admin-login .login-container:has(.login-step)::before{
    padding-left:30px!important;
    padding-right:30px!important;
    font-size:18px!important;
  }
}

/* Landing: premium escuro, sem bloco amarelo gigante */
body.rpay-landing{
  --bg:#0b1017;
  --surface:#121a24;
  --surface2:#17212d;
  --line:rgba(148,163,184,.12);
  --text:#f7f9fc;
  --muted:#a3afbd;
  --blue:#3b82f6;
  --blue2:#2868d7;
  --green:#22c783;
  background:#0b1017!important;
  color:#f7f9fc!important;
}
body.rpay-landing .nav{
  background:rgba(11,16,23,.92)!important;
  border-bottom:1px solid rgba(148,163,184,.10)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(16px)!important;
}
body.rpay-landing .links,
body.rpay-landing .brand-fallback{color:#e8eef7!important}
body.rpay-landing .links a:hover{color:#78aaff!important}
body.rpay-landing .btn{border-color:rgba(148,163,184,.18)!important;color:#e8eef7!important}
body.rpay-landing .btn.primary{
  background:linear-gradient(135deg,#3b82f6,#2868d7)!important;
  color:#fff!important;
  border-color:#3b82f6!important;
  box-shadow:0 12px 28px rgba(59,130,246,.20)!important;
}
body.rpay-landing .btn.primary:hover{background:linear-gradient(135deg,#3377e4,#245cc1)!important;border-color:#3377e4!important}
body.rpay-landing .hero{
  background:
    radial-gradient(circle at 78% 32%,rgba(59,130,246,.15),transparent 28%),
    radial-gradient(circle at 12% 18%,rgba(231,200,75,.055),transparent 22%),
    linear-gradient(180deg,#0c131d,#0b1017)!important;
}
body.rpay-landing .hero-copy{color:#f8fafc!important}
body.rpay-landing .hero p{color:#aab6c4!important}
body.rpay-landing .badge{
  color:#c8d9f7!important;
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(148,163,184,.15)!important;
  box-shadow:none!important;
}
body.rpay-landing .badge:before{background:#e7c84b!important;box-shadow:0 0 0 5px rgba(231,200,75,.08)!important}
body.rpay-landing .hero-note{color:#96a4b5!important}
body.rpay-landing .hero-note span:before{color:#22c783!important}
body.rpay-landing .visual:before{
  background:radial-gradient(circle,rgba(59,130,246,.14),rgba(231,200,75,.035) 45%,transparent 72%)!important;
}
body.rpay-landing .dashboard-card{
  background:linear-gradient(#111a25,#111a25) padding-box,
             linear-gradient(135deg,rgba(59,130,246,.82),rgba(231,200,75,.42)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 26px 70px rgba(0,0,0,.30),0 0 24px rgba(59,130,246,.07)!important;
}
body.rpay-landing .dashboard-card::before{border-color:rgba(148,163,184,.10)!important;box-shadow:none!important}
body.rpay-landing .dashboard-card::after{
  background:linear-gradient(90deg,transparent,#3b82f6,#e7c84b,transparent)!important;
  opacity:.55!important;
  box-shadow:none!important;
}
body.rpay-landing .hero-photo{background:#111a25!important}
body.rpay-landing .section{background:#0b1017!important}
body.rpay-landing .section-head p,
body.rpay-landing .security p{color:#a3afbd!important}
body.rpay-landing .feature,
body.rpay-landing .security,
body.rpay-landing .developer-card{
  background:#121a24!important;
  border-color:rgba(148,163,184,.11)!important;
  color:#f7f9fc!important;
  box-shadow:none!important;
}
body.rpay-landing .feature-icon{
  background:rgba(59,130,246,.10)!important;
  color:#8db6ff!important;
  border:1px solid rgba(59,130,246,.16)!important;
}
body.rpay-landing .feature p,
body.rpay-landing .developer-copy p{color:#a3afbd!important}
body.rpay-landing .mini{
  background:#17212d!important;
  border-color:rgba(148,163,184,.10)!important;
  color:#f2f5f9!important;
}
body.rpay-landing .mini span{color:#9ca9b8!important}
body.rpay-landing .cta-card{
  background:linear-gradient(135deg,#141d29,#101720)!important;
  border-color:rgba(231,200,75,.20)!important;
  color:#f7f9fc!important;
  box-shadow:none!important;
}
body.rpay-landing .cta-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:#e7c84b;
  border-radius:inherit;
}
body.rpay-landing .cta-card p{color:#a3afbd!important}
body.rpay-landing .dev-pill{
  background:#17212d!important;
  color:#aeb9c6!important;
  border-color:rgba(148,163,184,.10)!important;
}
body.rpay-landing .site-footer{
  background:#0d141d!important;
  border-color:rgba(148,163,184,.10)!important;
  color:#9eaaba!important;
}
body.rpay-landing .site-footer:before{
  background:linear-gradient(90deg,transparent,#3b82f6,#e7c84b,transparent)!important;
  opacity:.45!important;
}
body.rpay-landing .footer-brand-name,
body.rpay-landing .footer-col h3{color:#f5f7fb!important}
body.rpay-landing .footer-description,
body.rpay-landing .footer-list a,
body.rpay-landing .footer-list span,
body.rpay-landing .footer-contact-item,
body.rpay-landing .footer-legal-btn{color:#9eaaba!important}
body.rpay-landing .footer-socials a{
  background:#151e29!important;
  border-color:rgba(148,163,184,.10)!important;
  color:#78aaff!important;
}
body.rpay-landing .footer-bottom{border-color:rgba(148,163,184,.10)!important;color:#7f8b9b!important}

/* Light theme general */
html[data-theme-mode="light"] .dashboard-sidebar,
html[data-theme-mode="light"] .bo-side,
html[data-theme-mode="light"] .u40-side{background:#fff!important}
html[data-theme-mode="light"] .floating-header,
html[data-theme-mode="light"] .card,
html[data-theme-mode="light"] .dashboard-card,
html[data-theme-mode="light"] .panel{background:#fff!important}
html[data-theme-mode="light"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme-mode="light"] select,
html[data-theme-mode="light"] textarea,
html[data-theme-mode="light"] .form-control{
  background:#f7f8fa!important;
  color:#202938!important;
  border-color:rgba(31,41,55,.10)!important;
}
@media(max-width:760px){
  body.rpay-landing .hero{background:linear-gradient(180deg,#0c131d,#0b1017)!important}
}
body.rpay-landing .cta-card{position:relative!important;overflow:hidden!important}

/* ======================================================================
   V7.7.0 — Mercado Livre Clean
   Referência visual: header amarelo, superfícies claras, cards brancos,
   ações azuis e tipografia grafite. Sem hero inteiro amarelo.
   ====================================================================== */
:root{
  --ml-yellow:#ffe600;
  --ml-yellow-soft:#fff159;
  --ml-blue:#3483fa;
  --ml-blue-hover:#2968c8;
  --ml-green:#00a650;
  --ml-bg:#ebebeb;
  --ml-surface:#ffffff;
  --ml-surface-soft:#f5f5f5;
  --ml-text:#333333;
  --ml-muted:#666666;
  --ml-line:#e0e0e0;

  /* default = light Mercado Livre visual */
  --rp-bg:#ebebeb;
  --rp-bg-soft:#f5f5f5;
  --rp-sidebar:#ffffff;
  --rp-surface:#ffffff;
  --rp-surface-2:#f5f5f5;
  --rp-surface-3:#eeeeee;
  --rp-line:rgba(0,0,0,.10);
  --rp-line-strong:rgba(52,131,250,.26);
  --rp-text:#333333;
  --rp-muted:#666666;
  --rp-muted-2:#8a8a8a;
  --rp-primary:#3483fa;
  --rp-primary-2:#2968c8;
  --rp-cyan:#3483fa;
  --rp-green:#00a650;
  --rp-yellow:#ffe600;
  --rp-red:#f04449;

  --u40-bg:#ebebeb;
  --u40-side:#ffffff;
  --u40-card:#ffffff;
  --u40-card2:#f5f5f5;
  --u40-line:rgba(0,0,0,.10);
  --u40-text:#333333;
  --u40-muted:#666666;
  --u40-blue:#3483fa;
  --u40-cyan:#ffe600;
  --u40-green:#00a650;

  --bo-bg:#ebebeb;
  --bo-side:#ffffff;
  --bo-card:#ffffff;
  --bo-card-2:#f5f5f5;
  --bo-line:rgba(0,0,0,.10);
  --bo-line-strong:rgba(52,131,250,.26);
  --bo-text:#333333;
  --bo-muted:#666666;
  --bo-blue:#3483fa;
  --bo-cyan:#ffe600;
  --bo-green:#00a650;
  --bo-amber:#ffe600;

  --bg:#ebebeb;
  --side:#ffffff;
  --card:#ffffff;
  --line:rgba(0,0,0,.10);
  --text:#333333;
  --muted:#666666;
  --blue:#3483fa;
  --green:#00a650;
  --red:#f04449;
}

/* Dark mode remains available, but keeps ML blue/yellow accents. */
html[data-theme-mode="dark"],
body.dark,
body.dark-mode{
  --rp-bg:#202020;
  --rp-bg-soft:#262626;
  --rp-sidebar:#242424;
  --rp-surface:#2b2b2b;
  --rp-surface-2:#323232;
  --rp-surface-3:#383838;
  --rp-line:rgba(255,255,255,.10);
  --rp-line-strong:rgba(52,131,250,.34);
  --rp-text:#f5f5f5;
  --rp-muted:#b7b7b7;
  --rp-muted-2:#909090;

  --u40-bg:#202020;
  --u40-side:#242424;
  --u40-card:#2b2b2b;
  --u40-card2:#323232;
  --u40-line:rgba(255,255,255,.10);
  --u40-text:#f5f5f5;
  --u40-muted:#b7b7b7;

  --bo-bg:#202020;
  --bo-side:#242424;
  --bo-card:#2b2b2b;
  --bo-card-2:#323232;
  --bo-line:rgba(255,255,255,.10);
  --bo-text:#f5f5f5;
  --bo-muted:#b7b7b7;

  --bg:#202020;
  --side:#242424;
  --card:#2b2b2b;
  --line:rgba(255,255,255,.10);
  --text:#f5f5f5;
  --muted:#b7b7b7;
}
html[data-theme-mode="light"]{
  --bg-primary:#ebebeb;
  --bg-secondary:#ffffff;
  --bg-card:#ffffff;
  --text-primary:#333333;
  --text-muted:#666666;
  --border-color:rgba(0,0,0,.10);
}
html[data-theme-mode="dark"]{
  --bg-primary:#202020;
  --bg-secondary:#242424;
  --bg-card:#2b2b2b;
  --text-primary:#f5f5f5;
  --text-muted:#b7b7b7;
  --border-color:rgba(255,255,255,.10);
}

/* Main interface: ML-style light shell */
html[data-theme-mode="light"] body,
body:not(.dark):not(.dark-mode):not(.rpay-landing){
  background:#ebebeb!important;
  color:#333!important;
}
html[data-theme-mode="light"] .dashboard-sidebar,
html[data-theme-mode="light"] .bo-side,
html[data-theme-mode="light"] .u40-side,
html[data-theme-mode="light"] .side{
  background:#fff!important;
  border-color:#e0e0e0!important;
}
html[data-theme-mode="light"] .floating-header,
html[data-theme-mode="light"] .bo-top,
html[data-theme-mode="light"] .card,
html[data-theme-mode="light"] .dashboard-card,
html[data-theme-mode="light"] .panel,
html[data-theme-mode="light"] .stat,
html[data-theme-mode="light"] .provider-card,
html[data-theme-mode="light"] .webhook-card{
  background:#fff!important;
  border-color:#e0e0e0!important;
  color:#333!important;
  box-shadow:0 1px 2px rgba(0,0,0,.05),0 6px 18px rgba(0,0,0,.04)!important;
}
html[data-theme-mode="light"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme-mode="light"] select,
html[data-theme-mode="light"] textarea,
html[data-theme-mode="light"] .form-control,
html[data-theme-mode="light"] .provider-input{
  background:#fff!important;
  border-color:#d8d8d8!important;
  color:#333!important;
}

/* Yellow brand bar on admin/user sidebars, like ML identity without flooding content */
html[data-theme-mode="light"] .dashboard-sidebar::before,
html[data-theme-mode="light"] .bo-side::before,
html[data-theme-mode="light"] .u40-side::before{
  content:"";
  display:block;
  position:absolute;
  left:0;right:0;top:0;
  height:5px;
  background:#ffe600;
  z-index:2;
}
.dashboard-sidebar,.bo-side,.u40-side{position:relative!important}

.sidebar-menu .menu-item.active,
.sidebar-menu .submenu-item.active,
.sidebar-menu a[data-rpay-active="1"],
.bo-nav a.active,
.u40-nav a.active,
.nav a.active{
  background:#eaf2ff!important;
  color:#2968c8!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-theme-mode="dark"] .sidebar-menu .menu-item.active,
html[data-theme-mode="dark"] .sidebar-menu .submenu-item.active,
html[data-theme-mode="dark"] .bo-nav a.active,
html[data-theme-mode="dark"] .u40-nav a.active{
  background:rgba(52,131,250,.16)!important;
  color:#fff!important;
}
.sidebar-menu .menu-item.active::before,
.sidebar-menu .submenu-item.active::before,
.bo-nav a.active::before,
.u40-nav a.active::before{
  background:#3483fa!important;
}

.dashboard-title::before,.eyebrow,.kicker{color:#3483fa!important}

/* buttons */
.btn-primary,.primary-btn,.action-primary,.bo-btn,.u40-btn.primary,
button.primary,a.primary,.submit-btn,.btn-login,.btn-register,
body.rpay-register .btn-register,body.rpay-admin-login .login-button{
  background:#3483fa!important;
  border-color:#3483fa!important;
  color:#fff!important;
  box-shadow:none!important;
  background-image:none!important;
}
.btn-primary:hover,.primary-btn:hover,.action-primary:hover,.bo-btn:hover,
.u40-btn.primary:hover,button.primary:hover,a.primary:hover,.submit-btn:hover,
.btn-login:hover,.btn-register:hover,body.rpay-register .btn-register:hover,
body.rpay-admin-login .login-button:hover{
  background:#2968c8!important;
  border-color:#2968c8!important;
  box-shadow:none!important;
}

/* Login / registration: light ML product feel */
body.rpay-auth:not(.dark-mode),
body.rpay-register:not(.dark-mode),
body.rpay-admin-login:not(.dark-mode){
  --bg:#ebebeb;
  --surface:#ffffff;
  --surface-2:#f5f5f5;
  --text:#333333;
  --muted:#666666;
  --line:#dedede;
  --field:#ffffff;
  --primary:#3483fa;
  --primary-2:#2968c8;
  --primary-soft:#eaf2ff;
  background:#ebebeb!important;
}
body.rpay-auth:not(.dark-mode) .login-card,
body.rpay-register:not(.dark-mode) .register-card,
body.rpay-admin-login:not(.dark-mode) .login-container{
  background:#fff!important;
  border:1px solid #e0e0e0!important;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 32px rgba(0,0,0,.06)!important;
}
/* left showcase remains dark/neutral, but ML accents are obvious */
body.rpay-admin-login:not(.dark-mode) .login-container::before,
body.rpay-register:not(.dark-mode) .register-showcase,
body.rpay-auth:not(.dark-mode) .login-showcase{
  background:
    linear-gradient(180deg,rgba(255,230,0,.98) 0 5px,transparent 5px),
    linear-gradient(145deg,#252525,#151515)!important;
}
body.rpay-admin-login .admin-login-trust-icon,
body.rpay-register .register-showcase-feature-icon{
  background:#ffe600!important;
  color:#333!important;
  border-color:#e2cc00!important;
}
body.rpay-admin-login .admin-login-trust-item,
body.rpay-register .register-showcase-feature{
  border-color:rgba(255,230,0,.22)!important;
  background:rgba(255,255,255,.045)!important;
}
body.rpay-auth:not(.dark-mode) .theme-toggle,
body.rpay-admin-login:not(.dark-mode) .theme-toggle{
  background:#fff!important;
  color:#333!important;
  border-color:#dedede!important;
}

/* LANDING — actual ML color logic: yellow header, gray page, white cards, blue actions */
body.rpay-landing{
  --bg:#ebebeb;
  --surface:#ffffff;
  --surface2:#f5f5f5;
  --line:rgba(0,0,0,.10);
  --text:#333333;
  --muted:#666666;
  --blue:#3483fa;
  --blue2:#2968c8;
  --green:#00a650;
  background:#ebebeb!important;
  color:#333!important;
}
body.rpay-landing .nav{
  background:#ffe600!important;
  border-bottom:1px solid #e5cf00!important;
  box-shadow:0 2px 8px rgba(0,0,0,.08)!important;
  backdrop-filter:none!important;
}
body.rpay-landing .nav-in{height:72px!important}
body.rpay-landing .links,
body.rpay-landing .brand-fallback{color:#333!important}
body.rpay-landing .links a{color:#333!important}
body.rpay-landing .links a:hover{color:#2968c8!important}
body.rpay-landing .actions .btn:not(.primary){
  background:transparent!important;
  border-color:rgba(0,0,0,.18)!important;
  color:#333!important;
}
body.rpay-landing .btn.primary{
  background:#3483fa!important;
  color:#fff!important;
  border-color:#3483fa!important;
  box-shadow:none!important;
}
body.rpay-landing .btn.primary:hover{background:#2968c8!important;border-color:#2968c8!important}

/* Hero: no huge yellow block; content breathes like ML product/home cards */
body.rpay-landing .hero{
  background:#ebebeb!important;
  padding:54px 0 64px!important;
  overflow:visible!important;
}
body.rpay-landing .hero-grid{
  align-items:center!important;
  gap:44px!important;
}
body.rpay-landing .hero-copy{
  color:#333!important;
  padding-top:0!important;
  min-width:0!important;
}
body.rpay-landing h1{
  color:#333!important;
  font-size:clamp(38px,4.65vw,62px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  margin:20px 0 18px!important;
  max-width:680px!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body.rpay-landing .hero p{color:#666!important;font-size:16px!important;line-height:1.65!important}
body.rpay-landing .badge{
  color:#333!important;
  background:#fff!important;
  border:1px solid #dedede!important;
  box-shadow:0 1px 2px rgba(0,0,0,.04)!important;
}
body.rpay-landing .badge:before{background:#00a650!important;box-shadow:0 0 0 4px rgba(0,166,80,.10)!important}
body.rpay-landing .hero-note{color:#666!important}
body.rpay-landing .hero-note span:before{color:#00a650!important}
body.rpay-landing .visual:before{display:none!important}
body.rpay-landing .dashboard-card{
  background:#fff!important;
  border:1px solid #d8d8d8!important;
  border-radius:18px!important;
  padding:7px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.06),0 12px 32px rgba(0,0,0,.08)!important;
}
body.rpay-landing .dashboard-card::before{border-color:transparent!important;box-shadow:none!important}
body.rpay-landing .dashboard-card::after{
  left:12%!important;right:12%!important;top:-2px!important;height:3px!important;
  background:#ffe600!important;
  box-shadow:none!important;
}
body.rpay-landing .hero-photo{background:#fff!important;border-radius:13px!important}
body.rpay-landing .hero-photo img{border-radius:12px!important}

body.rpay-landing .section{background:#ebebeb!important;padding:70px 0!important}
body.rpay-landing .section h2{color:#333!important}
body.rpay-landing .section-head p,
body.rpay-landing .security p{color:#666!important}
body.rpay-landing .feature,
body.rpay-landing .security,
body.rpay-landing .developer-card{
  background:#fff!important;
  border:1px solid #e0e0e0!important;
  color:#333!important;
  border-radius:12px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.04)!important;
}
body.rpay-landing .feature-icon{
  background:#eaf2ff!important;
  color:#3483fa!important;
  border:0!important;
}
body.rpay-landing .feature p,
body.rpay-landing .developer-copy p{color:#666!important}
body.rpay-landing .mini{
  background:#f5f5f5!important;
  border:1px solid #e0e0e0!important;
  color:#333!important;
}
body.rpay-landing .mini span{color:#666!important}

/* CTA: yellow brand panel is appropriate here, not across the whole hero */
body.rpay-landing .cta-card{
  background:#ffe600!important;
  color:#333!important;
  border:1px solid #e3cc00!important;
  border-radius:14px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.05)!important;
}
body.rpay-landing .cta-card::before{display:none!important}
body.rpay-landing .cta-card h2{color:#333!important}
body.rpay-landing .cta-card p{color:#555!important}
body.rpay-landing .cta-card .btn.primary{background:#3483fa!important;color:#fff!important}

body.rpay-landing .dev-pill{
  background:#f5f5f5!important;
  color:#666!important;
  border-color:#e0e0e0!important;
}
body.rpay-landing .site-footer{
  background:#fff!important;
  border-color:#ddd!important;
  color:#666!important;
}
body.rpay-landing .site-footer:before{background:#ffe600!important;height:3px!important;width:100%!important}
body.rpay-landing .footer-brand-name,
body.rpay-landing .footer-col h3{color:#333!important}
body.rpay-landing .footer-description,
body.rpay-landing .footer-list a,
body.rpay-landing .footer-list span,
body.rpay-landing .footer-contact-item,
body.rpay-landing .footer-legal-btn{color:#666!important}
body.rpay-landing .footer-socials a{
  background:#f5f5f5!important;
  border-color:#e0e0e0!important;
  color:#3483fa!important;
}
body.rpay-landing .footer-bottom{border-color:#e0e0e0!important;color:#777!important}

/* Admin login: keep all left-side content inside the visible card. */
@media (min-width:901px){
  body.rpay-admin-login .login-container:has(.login-step){
    min-height:min(620px,calc(100vh - 36px))!important;
    max-height:calc(100vh - 36px)!important;
  }
  body.rpay-admin-login .admin-login-trust{
    bottom:138px!important;
  }
  body.rpay-admin-login .login-container:has(.login-step)::before{
    padding-top:330px!important;
    padding-bottom:28px!important;
    font-size:clamp(18px,1.45vw,21px)!important;
    line-height:1.14!important;
    overflow:hidden!important;
  }
}
@media (min-width:901px) and (max-height:720px){
  body.rpay-admin-login .admin-login-trust{bottom:120px!important}
  body.rpay-admin-login .login-container:has(.login-step)::before{
    padding-top:292px!important;
    font-size:17px!important;
    line-height:1.12!important;
  }
}

@media(max-width:900px){
  body.rpay-landing .hero{padding:42px 0 52px!important}
  body.rpay-landing .hero-grid{gap:30px!important}
  body.rpay-landing h1{font-size:clamp(34px,8vw,50px)!important;max-width:none!important}
}
@media(max-width:600px){
  body.rpay-landing .nav-in{height:64px!important}
  body.rpay-landing .hero{padding:34px 0 44px!important}
  body.rpay-landing h1{font-size:clamp(32px,10vw,43px)!important;line-height:1.04!important}
}

/* V7.7.0 final polish */
html:not([data-theme-mode="dark"]) body:not(.dark):not(.dark-mode):not(.rpay-landing){
  background:#ebebeb!important;
  color:#333!important;
}
html[data-theme-mode="dark"] body:not(.rpay-landing){
  background:#202020!important;
  color:#f5f5f5!important;
}
html[data-theme-mode="light"] .floating-header,
html[data-theme-mode="light"] .bo-top{
  border-top:4px solid #ffe600!important;
  border-right-color:#e0e0e0!important;
  border-bottom-color:#e0e0e0!important;
  border-left-color:#e0e0e0!important;
}
body.rpay-auth:not(.dark-mode) .login-card,
body.rpay-register:not(.dark-mode) .register-card,
body.rpay-admin-login:not(.dark-mode) .login-container{
  border-top:5px solid #ffe600!important;
}