/* =========================================================================
   ZexosPay — painel de usuário, lojista e agente
   Mesma linguagem da home: preto, verde-limão #C6FF1A, Anton nos títulos,
   Archivo no texto, JetBrains Mono nos rótulos, linhas finas e cantos retos.
   Esta folha vem depois das folhas do sistema (já convertidas para o tema
   escuro) e cuida das estruturas, da tipografia e dos detalhes de marca.
   ========================================================================= */

:root,
[data-theme="light"],
[data-theme="dark"] {
    --zx-bg: #0b0b0b;
    --zx-bg-2: #0f0f0f;
    --zx-surface: #131313;
    --zx-raised: #1a1a1a;
    --zx-raised-2: #212121;
    --zx-line: rgba(255, 255, 255, 0.08);
    --zx-line-2: rgba(255, 255, 255, 0.14);
    --zx-ink: #f2f2ee;
    --zx-ink-2: #c9c9c2;
    --zx-muted: #8f8f88;
    --zx-lime: #c6ff1a;
    --zx-lime-rgb: 198, 255, 26;
    --zx-lime-soft: rgba(198, 255, 26, 0.08);
    --zx-lime-line: rgba(198, 255, 26, 0.32);
    --zx-red: #ff5a4f;
    --zx-amber: #ffb020;
    --zx-display: 'Anton', 'Archivo', sans-serif;
    --zx-body: 'Archivo', system-ui, sans-serif;
    --zx-mono: 'JetBrains Mono', ui-monospace, monospace;
    --zx-r: 4px;
    --zx-brush: polygon(1.5% 8%, 7% 0, 30% 5%, 58% 0, 86% 4%, 99% 0, 100% 46%, 98% 100%, 72% 95%, 44% 100%, 16% 96%, 0 100%, 1% 54%);
    --zx-icon-accent: var(--zx-lime);

    /* papéis: usuário, lojista e agente usam a mesma marca */
    --role-user-primary: #c6ff1a;
    --role-user-primary-rgb: 198, 255, 26;
    --role-user-primary-hover: #d4ff52;
    --role-user-primary-deep: #9fd400;
    --role-user-primary-soft: #1d230d;
    --role-user-accent: #c6ff1a;
    --role-user-accent-rgb: 198, 255, 26;
    --role-merchant-primary: #c6ff1a;
    --role-merchant-primary-rgb: 198, 255, 26;
    --role-merchant-primary-hover: #d4ff52;
    --role-merchant-primary-deep: #9fd400;
    --role-merchant-primary-soft: #1d230d;
    --role-merchant-accent: #c6ff1a;
    --role-merchant-accent-rgb: 198, 255, 26;
    --role-agent-primary: #c6ff1a;
    --role-agent-primary-rgb: 198, 255, 26;
    --role-agent-primary-hover: #d4ff52;
    --role-agent-primary-deep: #9fd400;
    --role-agent-primary-soft: #1d230d;
    --role-agent-accent: #c6ff1a;
    --role-agent-accent-rgb: 198, 255, 26;

    --front-font-primary: 'Archivo', system-ui, sans-serif;
    --front-font-mono: 'JetBrains Mono', ui-monospace, monospace;
    --front-gradient-user: linear-gradient(135deg, #1c1c1c 0%, #111 100%);
    --front-gradient-merchant: linear-gradient(135deg, #1c1c1c 0%, #111 100%);
    --front-gradient-agent: linear-gradient(135deg, #1c1c1c 0%, #111 100%);
    --front-shadow-user: none;
    --front-shadow-merchant: none;
    --front-shadow-agent: none;
    --main-color: #c6ff1a;
    --hover-color: #d4ff52;
    color-scheme: dark;
}

/* ---------- base ---------------------------------------------------------- */
html,
body.dashboard-user-layout,
body.frontend-auth-layout {
    background: var(--zx-bg) !important;
}

body.dashboard-user-layout,
body.frontend-auth-layout {
    color: var(--zx-ink);
    font-family: var(--zx-body);
    -webkit-font-smoothing: antialiased;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px) !important;
    background-size: 72px 72px !important;
    background-attachment: fixed !important;
}

body.dashboard-user-layout ::selection,
body.frontend-auth-layout ::selection {
    background: var(--zx-lime);
    color: #0b0b0b;
}

body.dashboard-user-layout * {
    scrollbar-color: #2a2a2a transparent;
    scrollbar-width: thin;
}

/* títulos e números em Anton, rótulos em mono */
body.dashboard-user-layout :is(h1, h2, .ph-page-title, .ud-hero__title, .dk-section__title, .ud-chart-card__heading,
    .ud-transactions__title, .user-feature-header__title, .card-title, .single-card-box h3, .dk-sheet__title,
    .quick-function-menu__heading, .site-card-title, .page-title),
body.frontend-auth-layout :is(.auth-title, h1, h2) {
    font-family: var(--zx-display) !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase;
    color: var(--zx-ink) !important;
}

body.dashboard-user-layout :is(.sidebar-wallet-card__amount, .dk-wc__amount, .dk-stat-card__val, .single-amount-card h6,
    .single-amount-card .media-body h6, .ud-chart-card__total, .dk-insight__num, .amount, .quick-function-menu__wallet-balance) {
    font-family: var(--zx-display) !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
}

body.dashboard-user-layout :is(.ud-hero__eyebrow, .ph-breadcrumb, .sidebar-wallet-card__balance-label, .sidebar-wallet-card__id-label,
    .ud-chart-card__period, .dk-greet__hi, .kyc-notice-card__step, .notification-dropdown__eyebrow, .dk-wc__id-label,
    .form-label, label.form-label, .ph-brand__tag, .dk-stat-card__lb, .ud-trx-chip, .dk-trx-group__title, .table thead th, th) {
    font-family: var(--zx-mono) !important;
    text-transform: uppercase;
    letter-spacing: 0.1em !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: var(--zx-muted) !important;
}

body.dashboard-user-layout a { color: inherit; }
body.dashboard-user-layout a:is(:hover, :focus-visible) { color: var(--zx-lime); }

/* ---------- superfícies e linhas ----------------------------------------- */
/* cartões: grafite, linha fina, canto marcado em verde (marca de registro) */
body.dashboard-user-layout :is(.single-card-box, .ud-chart-card, .ud-transactions, .ud-hero, .single-amount-card,
    .card, .site-card, .dk-section, .dk-insight, .dk-stat-card, .user-feature-header, .settings-card, .dashboard-card,
    .common-card, .form-card, .custom-card) {
    background-color: var(--zx-surface) !important;
    background-image:
        linear-gradient(var(--zx-lime), var(--zx-lime)),
        linear-gradient(var(--zx-lime), var(--zx-lime)) !important;
    background-size: 14px 2px, 2px 14px !important;
    background-position: -1px -1px, -1px -1px !important;
    background-repeat: no-repeat !important;
    border: 1px solid var(--zx-line) !important;
    border-radius: var(--zx-r) !important;
    box-shadow: none !important;
}

body.dashboard-user-layout .card :is(.card, .single-card-box),
body.dashboard-user-layout .single-card-box :is(.card, .single-card-box, .single-amount-card) {
    background-image: none !important;
}

body.dashboard-user-layout :is(hr, .dropdown-divider) { border-color: var(--zx-line) !important; opacity: 1; }

body.dashboard-user-layout :is(.table, table) {
    --bs-table-bg: transparent;
    --bs-table-color: var(--zx-ink-2);
    --bs-table-border-color: var(--zx-line);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.02);
    --bs-table-hover-bg: rgba(198, 255, 26, 0.04);
    color: var(--zx-ink-2);
}
body.dashboard-user-layout :is(.table, table) > :not(caption) > * > * { border-bottom-color: var(--zx-line) !important; }

/* ---------- botões -------------------------------------------------------- */
/* ação principal = pincelada verde (igual aos botões da home) */
body.dashboard-user-layout :is(.btn-primary, .ud-hero__btn--primary, .sidebar-wallet-card__action--primary, .kyc-notice-card__btn,
    .site-btn, .primary-btn, .btn-success, .dk-kyc__cta, .theme-btn, .btn-base, .submit-btn, .vc-btn--primary, .btn-agent, .btn-merchant, .dk-rmt__btn--primary, .ms-btn--primary),
body.frontend-auth-layout :is(.btn-primary, .btn-submit-auth) {
    position: relative;
    background: var(--zx-lime) !important;
    border: 0 !important;
    color: #0b0b0b !important;
    font-family: var(--zx-display) !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.04em !important;
    border-radius: 0 !important;
    clip-path: var(--zx-brush);
    box-shadow: none !important;
    --zx-icon-accent: #0b0b0b;
    transition: transform 0.18s ease, background-color 0.18s ease, filter 0.18s ease;
}
body.dashboard-user-layout :is(.btn-primary, .ud-hero__btn--primary, .sidebar-wallet-card__action--primary, .kyc-notice-card__btn,
    .site-btn, .primary-btn, .btn-success, .dk-kyc__cta, .theme-btn, .btn-base, .submit-btn, .vc-btn--primary, .btn-agent, .btn-merchant, .dk-rmt__btn--primary, .ms-btn--primary) :is(i, svg, span),
body.frontend-auth-layout :is(.btn-primary, .btn-submit-auth) :is(i, svg, span) { color: #0b0b0b !important; }
body.dashboard-user-layout :is(.btn-primary, .ud-hero__btn--primary, .sidebar-wallet-card__action--primary, .kyc-notice-card__btn,
    .site-btn, .primary-btn, .btn-success, .dk-kyc__cta, .theme-btn, .btn-base, .submit-btn, .vc-btn--primary, .btn-agent, .btn-merchant, .dk-rmt__btn--primary, .ms-btn--primary):is(:hover, :focus-visible),
body.frontend-auth-layout :is(.btn-primary, .btn-submit-auth):is(:hover, :focus-visible) {
    background: #d6ff5c !important;
    color: #0b0b0b !important;
    transform: translateY(-1px) rotate(-0.4deg);
}

body.dashboard-user-layout :is(.btn-outline-primary, .btn-secondary, .btn-light, .btn-outline-secondary, .ud-hero__btn--ghost,
    .sidebar-wallet-card__action--secondary, .btn-outline-light, .btn-dark, .btn-light-primary, .btn-light-success, .btn-light-secondary,
    .btn-light-merchant, .btn-light-agent, .btn-light-warning, .vc-btn--secondary, .vc-btn--ghost, .p2p-btn-xs, .api-copy-btn, .api-nav-btn) {
    background: transparent !important;
    border: 1px solid var(--zx-line-2) !important;
    color: var(--zx-ink) !important;
    border-radius: var(--zx-r) !important;
    box-shadow: none !important;
}
body.dashboard-user-layout :is(.btn-outline-primary, .btn-secondary, .btn-light, .btn-outline-secondary, .ud-hero__btn--ghost,
    .sidebar-wallet-card__action--secondary, .btn-outline-light, .btn-dark, .btn-light-primary, .btn-light-success, .btn-light-secondary,
    .btn-light-merchant, .btn-light-agent, .btn-light-warning, .vc-btn--secondary, .vc-btn--ghost, .p2p-btn-xs, .api-copy-btn, .api-nav-btn):is(:hover, :focus-visible) {
    border-color: var(--zx-lime) !important;
    color: var(--zx-lime) !important;
    background: var(--zx-lime-soft) !important;
}
body.dashboard-user-layout :is(.btn-danger, .btn-light-danger) { background: var(--zx-red) !important; border-color: var(--zx-red) !important; color: #0b0b0b !important; border-radius: var(--zx-r) !important; }

/* ---------- formulários --------------------------------------------------- */
body.dashboard-user-layout :is(.form-control, .form-select, select, textarea, .input-group-text, .nice-select),
body.frontend-auth-layout :is(.form-control, .form-select, select, textarea, .input-group-text) {
    background-color: var(--zx-bg-2) !important;
    border: 1px solid var(--zx-line-2) !important;
    border-radius: var(--zx-r) !important;
    color: var(--zx-ink) !important;
    box-shadow: none !important;
    font-family: var(--zx-body);
}
body.dashboard-user-layout :is(.form-control, .form-select, select, textarea)::placeholder,
body.frontend-auth-layout :is(.form-control, textarea)::placeholder { color: #5f5f59 !important; }
body.dashboard-user-layout :is(.form-control, .form-select, select, textarea):focus,
body.frontend-auth-layout :is(.form-control, .form-select, select, textarea):focus {
    border-color: var(--zx-lime) !important;
    box-shadow: 0 0 0 3px rgba(198, 255, 26, 0.12) !important;
    outline: none !important;
}
body.dashboard-user-layout .input-group:focus-within .input-group-text,
body.frontend-auth-layout .input-group:focus-within .input-group-text { border-color: var(--zx-lime) !important; color: var(--zx-lime) !important; }
body.dashboard-user-layout .form-check-input,
body.frontend-auth-layout .form-check-input { background-color: var(--zx-bg-2); border-color: var(--zx-line-2); border-radius: 2px !important; }
body.dashboard-user-layout .form-check-input:checked,
body.frontend-auth-layout .form-check-input:checked { background-color: var(--zx-lime) !important; border-color: var(--zx-lime) !important; }
body.dashboard-user-layout .form-switch .form-check-input { border-radius: 2em !important; }

/* ---------- selos e status ----------------------------------------------- */
body.dashboard-user-layout :is(.badge, .ud-trx-chip, .status-badge, .pill) {
    border-radius: 2px !important;
    font-family: var(--zx-mono) !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em;
}
body.dashboard-user-layout :is(.bg-success, .badge.bg-success, .ud-trx-chip--status.bg-success, .badge-success) { background: var(--zx-lime) !important; color: #0b0b0b !important; }
body.dashboard-user-layout :is(.bg-warning, .badge-warning) { background: var(--zx-amber) !important; color: #0b0b0b !important; }
body.dashboard-user-layout :is(.bg-danger, .badge-danger) { background: var(--zx-red) !important; color: #0b0b0b !important; }
body.dashboard-user-layout .text-success { color: var(--zx-lime) !important; }
body.dashboard-user-layout .text-danger { color: var(--zx-red) !important; }
body.dashboard-user-layout .text-primary { color: var(--zx-lime) !important; }
body.dashboard-user-layout .text-muted { color: var(--zx-muted) !important; }

/* ---------- ícones -------------------------------------------------------- */
body.dashboard-user-layout svg.zx-icon { flex: none; }
/* quadrados em vez de círculos/bolhas */
body.dashboard-user-layout :is(.icon-container, .media-left.icon-container, .dk-action-card__icon, .dk-qa-tile__ic, .dk-stat-card__ic,
    .ud-trx-item__icon, .dk-trx-row__ic, .kyc-notice-card__icon-box, .quick-function-menu__icon, .ph-profile__menu-icon,
    .dk-kyc__ic, .user-notification-card__icon, .notification-dropdown__icon, .ud-chart-card__trend, .dk-notif-item__icon,
    .quick-function-menu__footer-icon, .dk-icon-btn, .ph-icon-btn, .ph-quick, .dashboard-sidebar-referral-card__action) {
    border-radius: 3px !important;
    background: var(--zx-raised) !important;
    border: 1px solid var(--zx-line) !important;
    color: var(--zx-ink) !important;
    box-shadow: none !important;
}
body.dashboard-user-layout :is(.ph-icon-btn--primary, .dashboard-sidebar-referral-card__action) {
    background: var(--zx-lime) !important;
    color: #0b0b0b !important;
    border-color: var(--zx-lime) !important;
    --zx-icon-accent: #0b0b0b;
}

/* ícones do FontAwesome trocados pela família ZexosPay */
body.dashboard-user-layout :is(.fa, .fas, .far, .fa-solid, .fa-regular, .fa-light, .fa-duotone)[class*="fa-"]::after { display: none; }
body.dashboard-user-layout :is(.fa-wallet, .fa-check, .fa-lock, .fa-angle-right, .fa-chevron-right, .fa-paper-plane, .fa-store,
    .fa-arrow-right, .fa-receipt, .fa-circle-info, .fa-info-circle, .fa-clock, .fa-circle-check, .fa-check-circle, .fa-xmark,
    .fa-times, .fa-star, .fa-plus, .fa-plus-circle, .fa-layer-group, .fa-list, .fa-envelope, .fa-triangle-exclamation,
    .fa-exclamation-triangle, .fa-credit-card, .fa-chart-line, .fa-eye, .fa-eye-slash, .fa-bolt, .fa-qrcode, .fa-copy, .fa-user,
    .fa-shield-alt, .fa-shield-halved, .fa-coins, .fa-arrow-left, .fa-key, .fa-gift, .fa-arrow-up, .fa-arrow-down, .fa-id-card,
    .fa-exchange-alt, .fa-right-left, .fa-trophy, .fa-clock-rotate-left, .fa-history, .fa-chevron-down, .fa-angle-down,
    .fa-angle-left, .fa-chevron-left, .fa-chevron-up, .fa-user-tie, .fa-user-plus, .fa-ticket-alt, .fa-ticket, .fa-link,
    .fa-mobile-screen-button, .fa-mobile-alt, .fa-tag, .fa-magnifying-glass, .fa-search, .fa-globe, .fa-building-columns,
    .fa-home, .fa-house, .fa-bell, .fa-cog, .fa-gear, .fa-headset, .fa-sign-out-alt, .fa-right-from-bracket, .fa-download,
    .fa-upload, .fa-sliders, .fa-sliders-h, .fa-calendar, .fa-calendar-day, .fa-calendar-alt, .fa-hourglass-half, .fa-location-dot,
    .fa-trash, .fa-trash-alt, .fa-pen, .fa-edit, .fa-pen-to-square, .fa-filter, .fa-rotate-left, .fa-sync-alt, .fa-rotate,
    .fa-print, .fa-share-alt, .fa-share-nodes, .fa-bars, .fa-camera, .fa-play, .fa-terminal, .fa-building, .fa-bullhorn,
    .fa-grip, .fa-crown, .fa-arrow-trend-up, .fa-arrow-trend-down, .fa-check-double, .fa-exclamation, .fa-circle-exclamation,
    .fa-scan, .fa-money-bill, .fa-money-bill-wave, .fa-users, .fa-shop, .fa-piggy-bank, .fa-hand-holding-dollar,
    .fa-right-to-bracket, .fa-sign-in-alt, .fa-code, .fa-percent, .fa-file-invoice, .fa-file-invoice-dollar)::before {
    content: "" !important;
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask: var(--zx-fa) center / contain no-repeat;
    mask: var(--zx-fa) center / contain no-repeat;
}
body.dashboard-user-layout .fa-wallet { --zx-fa: url(icons/wallet.svg); }
body.dashboard-user-layout :is(.fa-check, .fa-check-double) { --zx-fa: url(icons/check.svg); }
body.dashboard-user-layout .fa-lock { --zx-fa: url(icons/lock.svg); }
body.dashboard-user-layout :is(.fa-angle-right, .fa-chevron-right) { --zx-fa: url(icons/angle-right.svg); }
body.dashboard-user-layout :is(.fa-angle-left, .fa-chevron-left) { --zx-fa: url(icons/angle-right.svg); transform: scaleX(-1); }
body.dashboard-user-layout :is(.fa-angle-down, .fa-chevron-down) { --zx-fa: url(icons/angle-down.svg); }
body.dashboard-user-layout .fa-chevron-up { --zx-fa: url(icons/angle-down.svg); transform: scaleY(-1); }
body.dashboard-user-layout .fa-paper-plane { --zx-fa: url(icons/send.svg); }
body.dashboard-user-layout :is(.fa-store, .fa-shop) { --zx-fa: url(icons/shop.svg); }
body.dashboard-user-layout .fa-arrow-right { --zx-fa: url(icons/arrow-right.svg); }
body.dashboard-user-layout :is(.fa-receipt, .fa-file-invoice, .fa-file-invoice-dollar) { --zx-fa: url(icons/transactions.svg); }
body.dashboard-user-layout :is(.fa-circle-info, .fa-info-circle) { --zx-fa: url(icons/info.svg); }
body.dashboard-user-layout .fa-clock { --zx-fa: url(icons/clock.svg); }
body.dashboard-user-layout :is(.fa-circle-check, .fa-check-circle) { --zx-fa: url(icons/check-circle.svg); }
body.dashboard-user-layout :is(.fa-xmark, .fa-times) { --zx-fa: url(icons/x.svg); }
body.dashboard-user-layout :is(.fa-star, .fa-crown) { --zx-fa: url(icons/star.svg); }
body.dashboard-user-layout :is(.fa-plus, .fa-plus-circle) { --zx-fa: url(icons/plus.svg); }
body.dashboard-user-layout .fa-layer-group { --zx-fa: url(icons/layers.svg); }
body.dashboard-user-layout .fa-list { --zx-fa: url(icons/list.svg); }
body.dashboard-user-layout .fa-envelope { --zx-fa: url(icons/mail.svg); }
body.dashboard-user-layout :is(.fa-triangle-exclamation, .fa-exclamation-triangle) { --zx-fa: url(icons/warning.svg); }
body.dashboard-user-layout :is(.fa-exclamation, .fa-circle-exclamation) { --zx-fa: url(icons/alert-circle.svg); }
body.dashboard-user-layout .fa-credit-card { --zx-fa: url(icons/card.svg); }
body.dashboard-user-layout :is(.fa-chart-line, .fa-arrow-trend-up) { --zx-fa: url(icons/trending.svg); }
body.dashboard-user-layout .fa-arrow-trend-down { --zx-fa: url(icons/trending.svg); transform: scaleY(-1); }
body.dashboard-user-layout .fa-eye { --zx-fa: url(icons/eye.svg); }
body.dashboard-user-layout .fa-eye-slash { --zx-fa: url(icons/eye-off.svg); }
body.dashboard-user-layout .fa-bolt { --zx-fa: url(icons/bolt.svg); }
body.dashboard-user-layout .fa-qrcode { --zx-fa: url(icons/qrcode.svg); }
body.dashboard-user-layout .fa-scan { --zx-fa: url(icons/scan.svg); }
body.dashboard-user-layout .fa-copy { --zx-fa: url(icons/copy.svg); }
body.dashboard-user-layout .fa-user { --zx-fa: url(icons/user.svg); }
body.dashboard-user-layout .fa-users { --zx-fa: url(icons/users.svg); }
body.dashboard-user-layout :is(.fa-shield-alt, .fa-shield-halved) { --zx-fa: url(icons/shield.svg); }
body.dashboard-user-layout :is(.fa-coins, .fa-piggy-bank, .fa-hand-holding-dollar) { --zx-fa: url(icons/coins.svg); }
body.dashboard-user-layout :is(.fa-money-bill, .fa-money-bill-wave) { --zx-fa: url(icons/money.svg); }
body.dashboard-user-layout .fa-arrow-left { --zx-fa: url(icons/arrow-left.svg); }
body.dashboard-user-layout .fa-key { --zx-fa: url(icons/key.svg); }
body.dashboard-user-layout .fa-gift { --zx-fa: url(icons/gift.svg); }
body.dashboard-user-layout .fa-arrow-up { --zx-fa: url(icons/arrow-up.svg); }
body.dashboard-user-layout .fa-arrow-down { --zx-fa: url(icons/arrow-down.svg); }
body.dashboard-user-layout .fa-id-card { --zx-fa: url(icons/id-card.svg); }
body.dashboard-user-layout :is(.fa-exchange-alt, .fa-right-left) { --zx-fa: url(icons/exchange.svg); }
body.dashboard-user-layout .fa-trophy { --zx-fa: url(icons/reward.svg); }
body.dashboard-user-layout :is(.fa-clock-rotate-left, .fa-history) { --zx-fa: url(icons/history.svg); }
body.dashboard-user-layout .fa-user-tie { --zx-fa: url(icons/agent.svg); }
body.dashboard-user-layout .fa-user-plus { --zx-fa: url(icons/referral.svg); }
body.dashboard-user-layout :is(.fa-ticket-alt, .fa-ticket) { --zx-fa: url(icons/voucher.svg); }
body.dashboard-user-layout .fa-link { --zx-fa: url(icons/link.svg); }
body.dashboard-user-layout :is(.fa-mobile-screen-button, .fa-mobile-alt) { --zx-fa: url(icons/mobile.svg); }
body.dashboard-user-layout .fa-tag { --zx-fa: url(icons/tag.svg); }
body.dashboard-user-layout :is(.fa-magnifying-glass, .fa-search) { --zx-fa: url(icons/search.svg); }
body.dashboard-user-layout .fa-globe { --zx-fa: url(icons/globe.svg); }
body.dashboard-user-layout .fa-building-columns { --zx-fa: url(icons/bank.svg); }
body.dashboard-user-layout .fa-building { --zx-fa: url(icons/building.svg); }
body.dashboard-user-layout :is(.fa-home, .fa-house) { --zx-fa: url(icons/home.svg); }
body.dashboard-user-layout .fa-bell { --zx-fa: url(icons/bell.svg); }
body.dashboard-user-layout :is(.fa-cog, .fa-gear) { --zx-fa: url(icons/settings.svg); }
body.dashboard-user-layout .fa-headset { --zx-fa: url(icons/support.svg); }
body.dashboard-user-layout :is(.fa-sign-out-alt, .fa-right-from-bracket) { --zx-fa: url(icons/logout.svg); }
body.dashboard-user-layout :is(.fa-right-to-bracket, .fa-sign-in-alt) { --zx-fa: url(icons/login.svg); }
body.dashboard-user-layout .fa-download { --zx-fa: url(icons/download.svg); }
body.dashboard-user-layout .fa-upload { --zx-fa: url(icons/upload.svg); }
body.dashboard-user-layout :is(.fa-sliders, .fa-sliders-h, .fa-filter) { --zx-fa: url(icons/sliders.svg); }
body.dashboard-user-layout :is(.fa-calendar, .fa-calendar-day, .fa-calendar-alt) { --zx-fa: url(icons/calendar.svg); }
body.dashboard-user-layout .fa-hourglass-half { --zx-fa: url(icons/hourglass.svg); }
body.dashboard-user-layout .fa-location-dot { --zx-fa: url(icons/location.svg); }
body.dashboard-user-layout :is(.fa-trash, .fa-trash-alt) { --zx-fa: url(icons/trash.svg); }
body.dashboard-user-layout :is(.fa-pen, .fa-edit, .fa-pen-to-square) { --zx-fa: url(icons/edit.svg); }
body.dashboard-user-layout :is(.fa-rotate-left, .fa-sync-alt, .fa-rotate) { --zx-fa: url(icons/refresh.svg); }
body.dashboard-user-layout .fa-print { --zx-fa: url(icons/printer.svg); }
body.dashboard-user-layout :is(.fa-share-alt, .fa-share-nodes) { --zx-fa: url(icons/share.svg); }
body.dashboard-user-layout .fa-bars { --zx-fa: url(icons/menu.svg); }
body.dashboard-user-layout .fa-camera { --zx-fa: url(icons/camera.svg); }
body.dashboard-user-layout .fa-play { --zx-fa: url(icons/play.svg); }
body.dashboard-user-layout :is(.fa-terminal, .fa-code) { --zx-fa: url(icons/terminal.svg); }
body.dashboard-user-layout .fa-bullhorn { --zx-fa: url(icons/megaphone.svg); }
body.dashboard-user-layout .fa-grip { --zx-fa: url(icons/apps.svg); }
body.dashboard-user-layout .fa-percent { --zx-fa: url(icons/fee.svg); }

/* ---------- topo (desktop) ----------------------------------------------- */
body.dashboard-user-layout .premium-header,
body.dashboard-user-layout .navbar-area {
    background: rgba(11, 11, 11, 0.86) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--zx-line) !important;
    box-shadow: none !important;
}
body.dashboard-user-layout .ph-brand { gap: 0 !important; }
body.dashboard-user-layout .ph-brand__mark,
body.dashboard-user-layout .ph-brand__text { display: none !important; }
body.dashboard-user-layout .ph-brand::before {
    content: "";
    display: block;
    width: 170px;
    height: 42px;
    background: url(zexospay-logo.svg) left center / contain no-repeat;
}
body.dashboard-user-layout .ph-breadcrumb { color: var(--zx-muted) !important; }
body.dashboard-user-layout .ph-breadcrumb .current { color: var(--zx-lime) !important; }
body.dashboard-user-layout .ph-page-title { font-size: 26px !important; line-height: 1 !important; margin-top: 4px !important; }
body.dashboard-user-layout .ph-divider { background: var(--zx-line) !important; }
body.dashboard-user-layout :is(.ph-profile__btn, .ph-lang .dropdown-toggle) {
    background: var(--zx-surface) !important;
    border: 1px solid var(--zx-line) !important;
    border-radius: var(--zx-r) !important;
    box-shadow: none !important;
    color: var(--zx-ink) !important;
}
body.dashboard-user-layout .ph-profile__name { color: var(--zx-ink) !important; font-weight: 700 !important; }
body.dashboard-user-layout :is(.ph-avatar, .ud-hero__avatar, .dk-avatar) { border-radius: 3px !important; overflow: hidden; }
body.dashboard-user-layout .ud-hero__avatar {
    background: var(--zx-lime) !important;
    color: #0b0b0b !important;
    font-family: var(--zx-display) !important;
    font-weight: 400 !important;
    clip-path: polygon(0 4%, 100% 0, 96% 100%, 3% 96%);
}
body.dashboard-user-layout .ph-profile__verification--unverified { background: rgba(255, 176, 32, 0.12) !important; color: var(--zx-amber) !important; border-radius: 2px !important; }

/* menus suspensos */
body.dashboard-user-layout :is(.dropdown-menu, .ph-profile__menu, .quick-function-menu, .notification-dropdown, .dk-sheet, .dk-notif-panel, .modal-content, .daterangepicker) {
    background: #111 !important;
    border: 1px solid var(--zx-line-2) !important;
    border-radius: var(--zx-r) !important;
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.8) !important;
    color: var(--zx-ink);
}
body.dashboard-user-layout :is(.dropdown-item, .ph-profile__menu-item) { color: var(--zx-ink-2) !important; border-radius: 2px !important; }
body.dashboard-user-layout :is(.dropdown-item, .ph-profile__menu-item):hover { background: var(--zx-lime-soft) !important; color: var(--zx-lime) !important; }
body.dashboard-user-layout .modal-backdrop.show { opacity: 0.72; }

/* ---------- coluna esquerda ---------------------------------------------- */
/* cartão da carteira: metal grafite com o cartão Z da home */
body.dashboard-user-layout :is(.sidebar-wallet-card, .dk-wallet-card, .walet-inner) {
    position: relative;
    overflow: hidden;
    background: linear-gradient(140deg, #1d1d1d 0%, #121212 55%, #0d0d0d 100%) !important;
    border: 1px solid var(--zx-line-2) !important;
    border-radius: var(--zx-r) !important;
    box-shadow: none !important;
    color: var(--zx-ink) !important;
}
body.dashboard-user-layout :is(.sidebar-wallet-card, .dk-wallet-card)::before,
body.dashboard-user-layout :is(.sidebar-wallet-card, .dk-wallet-card)::after { border-radius: 0 !important; }
body.dashboard-user-layout :is(.sidebar-wallet-card, .dk-wallet-card)::after {
    content: "" !important;
    position: absolute !important;
    inset: 8% -30% auto auto !important;
    width: 78% !important;
    aspect-ratio: 1.58;
    height: auto !important;
    background: url(card-z.webp) center / contain no-repeat !important;
    opacity: 0.22 !important;
    transform: rotate(-16deg);
    filter: grayscale(0.2) contrast(1.1);
    pointer-events: none;
    border: 0 !important;
    z-index: 0;
}
body.dashboard-user-layout :is(.sidebar-wallet-card, .dk-wallet-card) > * { position: relative; z-index: 1; }
body.dashboard-user-layout .single-card-box-slider,
body.dashboard-user-layout .sidebar-wallet-panel { background: transparent !important; background-image: none !important; border: 0 !important; padding: 0 !important; }
body.dashboard-user-layout :is(.sidebar-wallet-card__badge, .dk-wc__badge) {
    background: var(--zx-lime) !important;
    color: #0b0b0b !important;
    border: 0 !important;
    border-radius: 2px !important;
    font-family: var(--zx-mono) !important;
    font-weight: 700 !important;
    --zx-icon-accent: #0b0b0b;
}
body.dashboard-user-layout :is(.sidebar-wallet-card__badge, .dk-wc__badge) * { color: #0b0b0b !important; background: transparent !important; border: 0 !important; }
body.dashboard-user-layout :is(.sidebar-wallet-card__amount, .dk-wc__amount) { color: var(--zx-ink) !important; font-size: 34px !important; line-height: 1 !important; }
body.dashboard-user-layout :is(.sidebar-wallet-card__id-text, .dk-wc__id-text) { font-family: var(--zx-mono) !important; color: var(--zx-ink-2) !important; }
body.dashboard-user-layout :is(.owl-dot span, .dk-dots span, .dk-dots button) { border-radius: 0 !important; background: #2b2b2b !important; }
body.dashboard-user-layout :is(.owl-dot.active span, .dk-dots .is-active, .dk-dots .active) { background: var(--zx-lime) !important; }
body.dashboard-user-layout .owl-nav button { border-radius: 2px !important; background: var(--zx-raised) !important; border: 1px solid var(--zx-line) !important; color: var(--zx-ink) !important; }

/* menu lateral: lista com linhas finas, item ativo com barra verde */
body.dashboard-user-layout .dashboard-sidebar-menu-card { padding: 6px !important; }
body.dashboard-user-layout .left-menu-box { gap: 0 !important; }
body.dashboard-user-layout .left-menu-box > li { margin: 0 !important; border-bottom: 1px solid var(--zx-line); }
body.dashboard-user-layout .left-menu-box > li:last-child { border-bottom: 0; }
body.dashboard-user-layout .left-menu-box li > a,
body.dashboard-user-layout .left-menu-box .group-toggle {
    position: relative;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--zx-ink-2) !important;
    font-family: var(--zx-body) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    min-height: 48px;
    padding-left: 16px !important;
    transition: color 0.16s ease, background-color 0.16s ease, padding 0.16s ease;
}
body.dashboard-user-layout .left-menu-box li > a .icon,
body.dashboard-user-layout .left-menu-box .group-toggle .icon { width: 20px !important; height: 20px !important; color: var(--zx-muted); }
body.dashboard-user-layout .left-menu-box li > a:hover,
body.dashboard-user-layout .left-menu-box .group-toggle:hover {
    color: var(--zx-ink) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    padding-left: 20px !important;
}
body.dashboard-user-layout .left-menu-box li > a:hover .icon { color: var(--zx-lime); }
body.dashboard-user-layout .left-menu-box li > a.active,
body.dashboard-user-layout .left-menu-box .group-toggle:not(.collapsed)[aria-expanded="true"],
body.dashboard-user-layout .left-menu-box li.active > a {
    color: var(--zx-lime) !important;
    background: linear-gradient(90deg, rgba(198, 255, 26, 0.1), rgba(198, 255, 26, 0) 70%) !important;
}
body.dashboard-user-layout .left-menu-box li > a.active::before,
body.dashboard-user-layout .left-menu-box li.active > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 3px;
    background: var(--zx-lime);
}
body.dashboard-user-layout .left-menu-box li > a.active .icon { color: var(--zx-lime) !important; }
body.dashboard-user-layout .left-menu-box .submenu { border-left: 1px solid var(--zx-line); margin-left: 26px !important; padding-left: 0 !important; }
body.dashboard-user-layout .left-menu-box .submenu li { border: 0 !important; }
body.dashboard-user-layout .left-menu-box .submenu a { min-height: 38px; font-size: 14px !important; font-weight: 500 !important; color: var(--zx-muted) !important; }
body.dashboard-user-layout .left-menu-box .submenu a.active { color: var(--zx-lime) !important; }
body.dashboard-user-layout .left-menu-box .arrow { color: var(--zx-muted) !important; font-size: 12px !important; }

/* card de indicação: adesivo verde */
body.dashboard-user-layout .dashboard-sidebar-referral-card {
    background: var(--zx-lime) !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: polygon(0 3%, 100% 0, 99% 97%, 1% 100%);
    color: #0b0b0b !important;
    box-shadow: none !important;
}
body.dashboard-user-layout .dashboard-sidebar-referral-card * { color: #0b0b0b !important; }
body.dashboard-user-layout .dashboard-sidebar-referral-card__title { font-family: var(--zx-display) !important; font-weight: 400 !important; text-transform: uppercase; font-size: 20px !important; line-height: 1.02 !important; }
body.dashboard-user-layout .dashboard-sidebar-referral-card__badge { background: #0b0b0b !important; color: var(--zx-lime) !important; border: 0 !important; border-radius: 2px !important; font-family: var(--zx-mono) !important; }
body.dashboard-user-layout .dashboard-sidebar-referral-card__badge * { color: var(--zx-lime) !important; }
body.dashboard-user-layout .dashboard-sidebar-referral-card__action { background: #0b0b0b !important; color: var(--zx-lime) !important; border-color: #0b0b0b !important; }
body.dashboard-user-layout .dashboard-sidebar-referral-card__action * { color: var(--zx-lime) !important; }

/* ---------- painel inicial ----------------------------------------------- */
body.dashboard-user-layout .ud-hero { padding: 22px 24px !important; }
body.dashboard-user-layout .ud-hero__title { font-size: clamp(22px, 2.6vw, 34px) !important; line-height: 1 !important; }
body.dashboard-user-layout .ud-hero__eyebrow { color: var(--zx-lime) !important; }
body.dashboard-user-layout .ud-hero__subtitle { color: var(--zx-muted) !important; }
body.dashboard-user-layout .ud-hero__date { background: transparent !important; border: 1px solid var(--zx-line) !important; border-radius: 2px !important; color: var(--zx-ink-2) !important; font-family: var(--zx-mono) !important; font-size: 12px !important; }

body.dashboard-user-layout .kyc-notice-card {
    background: repeating-linear-gradient(-45deg, rgba(255, 176, 32, 0.06) 0 10px, transparent 10px 20px), var(--zx-surface) !important;
    border: 1px solid rgba(255, 176, 32, 0.35) !important;
    border-left: 3px solid var(--zx-amber) !important;
}
body.dashboard-user-layout .kyc-notice-card__title { font-family: var(--zx-display) !important; font-weight: 400 !important; text-transform: uppercase; letter-spacing: 0.02em; font-size: 18px !important; color: var(--zx-ink) !important; }
body.dashboard-user-layout .kyc-notice-card__icon-box { color: var(--zx-amber) !important; }
body.dashboard-user-layout .kyc-notice-card__track { background: #262626 !important; border-radius: 0 !important; }
body.dashboard-user-layout .kyc-notice-card__bar { background: var(--zx-amber) !important; border-radius: 0 !important; }

/* blocos de números */
body.dashboard-user-layout .single-amount-card { padding: 16px 18px !important; transition: border-color 0.18s ease, transform 0.18s ease; }
body.dashboard-user-layout .single-amount-card:hover { border-color: var(--zx-lime-line) !important; transform: translateY(-2px); }
body.dashboard-user-layout .single-amount-card h6,
body.dashboard-user-layout .single-amount-card .media-body h6 { font-size: 24px !important; color: var(--zx-ink) !important; line-height: 1 !important; }
body.dashboard-user-layout .single-amount-card p,
body.dashboard-user-layout .single-amount-card .media-body p { font-family: var(--zx-mono) !important; text-transform: uppercase; letter-spacing: 0.08em; font-size: 11px !important; color: var(--zx-muted) !important; }
body.dashboard-user-layout .single-amount-card .icon-container { width: 44px !important; height: 44px !important; }
body.dashboard-user-layout .single-amount-card .icon-container svg { width: 22px !important; height: 22px !important; }
body.dashboard-user-layout .single-amount-card .icon-container.withdraw { color: var(--zx-red) !important; }

/* gráficos */
body.dashboard-user-layout .ud-chart-card__total--in { color: var(--zx-lime) !important; }
body.dashboard-user-layout .ud-chart-card__total--out { color: var(--zx-red) !important; }
body.dashboard-user-layout .ud-chart-card__head { border-bottom: 1px dashed var(--zx-line-2) !important; }
body.dashboard-user-layout .apexcharts-tooltip { background: #111 !important; border: 1px solid var(--zx-line-2) !important; color: var(--zx-ink) !important; border-radius: 2px !important; box-shadow: none !important; }
body.dashboard-user-layout .apexcharts-tooltip-title { background: #181818 !important; border-bottom: 1px solid var(--zx-line) !important; font-family: var(--zx-mono) !important; }
body.dashboard-user-layout .apexcharts-text { fill: var(--zx-muted) !important; font-family: var(--zx-mono) !important; }

/* transações */
body.dashboard-user-layout :is(.ud-trx-item, .dk-trx-row) {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--zx-line) !important;
    border-radius: 0 !important;
}
body.dashboard-user-layout .ud-trx-item:hover { background: rgba(255, 255, 255, 0.02) !important; }
body.dashboard-user-layout .ud-trx-item__title { color: var(--zx-ink) !important; font-weight: 600 !important; }
body.dashboard-user-layout .ud-trx-item__amount { font-family: var(--zx-mono) !important; font-weight: 700 !important; }
body.dashboard-user-layout .ud-trx-chip--type { background: transparent !important; color: var(--zx-ink-2) !important; border: 1px solid var(--zx-line-2) !important; }
body.dashboard-user-layout :is(.ud-transactions__link, .dk-section__link) { color: var(--zx-lime) !important; background: transparent !important; border: 1px solid var(--zx-lime-line) !important; border-radius: 2px !important; font-family: var(--zx-mono) !important; text-transform: uppercase; font-size: 11px !important; letter-spacing: 0.08em; }

/* cabeçalhos das páginas internas */
body.dashboard-user-layout .user-feature-header {
    border-left: 3px solid var(--zx-lime) !important;
    background-image: none !important;
}
body.dashboard-user-layout .user-feature-header::after { display: none !important; }

/* paginação */
body.dashboard-user-layout .pagination .page-link { background: var(--zx-surface) !important; border-color: var(--zx-line) !important; color: var(--zx-ink-2) !important; border-radius: 2px !important; margin: 0 2px; }
body.dashboard-user-layout .pagination .active .page-link { background: var(--zx-lime) !important; border-color: var(--zx-lime) !important; color: #0b0b0b !important; }

/* abas */
body.dashboard-user-layout .nav-tabs, body.dashboard-user-layout .nav-pills { border-color: var(--zx-line) !important; }
body.dashboard-user-layout :is(.nav-tabs .nav-link, .nav-pills .nav-link) { border-radius: 2px !important; color: var(--zx-muted) !important; font-weight: 600; }
body.dashboard-user-layout :is(.nav-tabs .nav-link.active, .nav-pills .nav-link.active) { background: var(--zx-lime) !important; color: #0b0b0b !important; border-color: var(--zx-lime) !important; }

/* alertas */
body.dashboard-user-layout .alert { border-radius: 2px !important; border: 1px solid var(--zx-line-2) !important; background: var(--zx-raised) !important; color: var(--zx-ink-2) !important; }
body.dashboard-user-layout .alert-success { border-left: 3px solid var(--zx-lime) !important; }
body.dashboard-user-layout .alert-warning { border-left: 3px solid var(--zx-amber) !important; }
body.dashboard-user-layout .alert-danger { border-left: 3px solid var(--zx-red) !important; }

/* ---------- celular ------------------------------------------------------- */
body.dashboard-user-layout .dk-mobile-header {
    background: rgba(11, 11, 11, 0.9) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--zx-line) !important;
    box-shadow: none !important;
}
body.dashboard-user-layout .dk-greet__name { font-family: var(--zx-display) !important; font-weight: 400 !important; text-transform: uppercase; letter-spacing: 0.02em; font-size: 22px !important; }
body.dashboard-user-layout .dk-rank-chip { border-radius: 2px !important; background: var(--zx-lime) !important; color: #0b0b0b !important; border: 0 !important; font-family: var(--zx-mono) !important; }
body.dashboard-user-layout .dk-rank-chip * { color: #0b0b0b !important; }
body.dashboard-user-layout .dk-icon-btn .badge-num { background: var(--zx-red) !important; color: #0b0b0b !important; border-radius: 2px !important; }
body.dashboard-user-layout .dk-wc__act { background: rgba(255, 255, 255, 0.06) !important; border: 1px solid var(--zx-line-2) !important; border-radius: 2px !important; color: var(--zx-ink) !important; }
body.dashboard-user-layout .dk-wc__action--primary,
body.dashboard-user-layout .dk-wallet-card .sidebar-wallet-card__action--primary { min-height: 46px; }

body.dashboard-user-layout .dk-kyc {
    background: repeating-linear-gradient(-45deg, rgba(255, 176, 32, 0.06) 0 10px, transparent 10px 20px), var(--zx-surface) !important;
    border: 1px solid rgba(255, 176, 32, 0.35) !important;
    border-left: 3px solid var(--zx-amber) !important;
    border-radius: var(--zx-r) !important;
}
body.dashboard-user-layout .dk-kyc__title { color: var(--zx-ink) !important; font-weight: 700 !important; }
body.dashboard-user-layout .dk-kyc__cta { padding: 9px 16px !important; font-size: 13px !important; }

/* ações da carteira: blocos com linha fina entre si */
body.dashboard-user-layout .dk-action-hub__primary { background: transparent !important; border: 1px solid var(--zx-line) !important; border-radius: var(--zx-r) !important; gap: 0 !important; overflow: hidden; }
body.dashboard-user-layout .dk-action-card { background: transparent !important; border: 0 !important; border-right: 1px solid var(--zx-line) !important; border-radius: 0 !important; }
body.dashboard-user-layout .dk-action-card:last-child { border-right: 0 !important; }
body.dashboard-user-layout .dk-action-card__icon { width: 52px !important; height: 52px !important; background: var(--zx-raised) !important; }
body.dashboard-user-layout .dk-action-card:first-child .dk-action-card__icon { background: var(--zx-lime) !important; color: #0b0b0b !important; border-color: var(--zx-lime) !important; --zx-icon-accent: #0b0b0b; }
body.dashboard-user-layout .dk-action-card__icon svg { width: 26px !important; height: 26px !important; }
body.dashboard-user-layout :is(.dk-action-card__copy, .dk-qa-tile__lb) { color: var(--zx-ink) !important; font-weight: 600 !important; }
body.dashboard-user-layout .dk-qa-tile { background: var(--zx-bg-2) !important; border: 1px solid var(--zx-line) !important; border-radius: var(--zx-r) !important; box-shadow: none !important; }
body.dashboard-user-layout .dk-qa-tile:active { border-color: var(--zx-lime) !important; }
body.dashboard-user-layout .dk-qa-tile__ic { width: 46px !important; height: 46px !important; }
body.dashboard-user-layout .dk-qa-tile__ic svg { width: 24px !important; height: 24px !important; }
body.dashboard-user-layout :is(.dk-seg, .dk-seg__btn) { border-radius: 2px !important; }
body.dashboard-user-layout .dk-seg__btn.is-active, body.dashboard-user-layout .dk-seg__btn.active { background: var(--zx-lime) !important; color: #0b0b0b !important; }

/* barra inferior: botão Início em pincelada verde */
body.dashboard-user-layout :is(.dk-bottom-nav, .mobile-bottom-nav, .bottom-nav, .dk-tabbar) {
    background: rgba(11, 11, 11, 0.94) !important;
    border-top: 1px solid var(--zx-line) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: none !important;
}
body.dashboard-user-layout .dk-fab {
    background: var(--zx-lime) !important;
    color: #0b0b0b !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: polygon(6% 10%, 30% 2%, 62% 6%, 92% 0, 100% 40%, 96% 88%, 70% 100%, 38% 94%, 8% 100%, 0 58%);
    box-shadow: none !important;
    --zx-icon-accent: #0b0b0b;
}
body.dashboard-user-layout .dk-fab * { color: #0b0b0b !important; }

/* ---------- login e cadastro: tela dividida ------------------------------ */
body.frontend-auth-layout { min-height: 100vh; }
.zx-auth { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 100vh; }
.zx-auth__art {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    padding: 44px 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background:
        radial-gradient(120% 70% at 85% 100%, rgba(198, 255, 26, 0.16), transparent 60%),
        url(bg-graffiti.webp) center / cover no-repeat,
        #0b0b0b;
    border-right: 1px solid var(--zx-line);
}
.zx-auth__art::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11, 11, 11, 0.55), rgba(11, 11, 11, 0.2) 40%, rgba(11, 11, 11, 0.85));
    pointer-events: none;
}
.zx-auth__art > * { position: relative; z-index: 1; }
.zx-auth__logo img { width: 190px; height: auto; display: block; }
.zx-auth__kicker {
    display: inline-block;
    font: 600 11px/1 var(--zx-mono);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #0b0b0b;
    background: var(--zx-lime);
    padding: 7px 10px;
    transform: rotate(-2deg);
}
.zx-auth__title {
    margin: 22px 0 14px;
    font-family: var(--zx-display) !important;
    font-weight: 400 !important;
    font-size: clamp(44px, 5.2vw, 84px) !important;
    line-height: 0.92 !important;
    text-transform: uppercase;
    color: var(--zx-ink) !important;
    letter-spacing: 0.005em !important;
}
.zx-auth__title em { font-style: normal; color: var(--zx-lime); }
.zx-auth__lead { max-width: 420px; color: var(--zx-ink-2); font-size: 17px; line-height: 1.5; margin: 0 0 20px; }
.zx-auth__rails { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; }
.zx-auth__rails li { font: 600 11px/1 var(--zx-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--zx-ink); border: 1px solid var(--zx-line-2); padding: 8px 10px; background: rgba(11, 11, 11, 0.6); }
.zx-auth__mascot { position: absolute; right: -4%; bottom: 0; width: min(46%, 380px); height: auto; z-index: 1; filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.6)); pointer-events: none; }
.zx-auth__card { position: absolute; right: 36%; bottom: 6%; width: min(24%, 180px); transform: rotate(-12deg); z-index: 1; opacity: 0.95; pointer-events: none; }
.zx-auth__copy { position: relative; z-index: 2 !important; max-width: 58%; padding-bottom: 30vh; text-shadow: 0 2px 18px rgba(0, 0, 0, 0.7); }
.zx-auth__form.auth-content { background: transparent !important; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 48px 32px !important; }

body.frontend-auth-layout :is(.auth-card, .auth-shell) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    max-width: 460px;
    width: 100%;
}
body.frontend-auth-layout .auth-logo { display: none !important; }
body.frontend-auth-layout .auth-title { font-size: 40px !important; line-height: 1 !important; margin-bottom: 8px !important; }
body.frontend-auth-layout .auth-subtitle { color: var(--zx-muted) !important; }
body.frontend-auth-layout .auth-role-badge { background: var(--zx-lime-soft) !important; color: var(--zx-lime) !important; border: 1px solid var(--zx-lime-line) !important; border-radius: 2px !important; font-family: var(--zx-mono) !important; text-transform: uppercase; letter-spacing: 0.08em; }
body.frontend-auth-layout .form-label { font-family: var(--zx-mono) !important; text-transform: uppercase; letter-spacing: 0.1em; font-size: 11px !important; color: var(--zx-muted) !important; font-weight: 500 !important; }
body.frontend-auth-layout :is(.form-control, .input-group-text) { min-height: 50px; }
body.frontend-auth-layout .btn-submit-auth { width: 100%; min-height: 56px; font-size: 20px !important; }
body.frontend-auth-layout a:not(.btn):not(.zx-auth__logo) { color: var(--zx-lime) !important; }
body.frontend-auth-layout .text-primary { color: var(--zx-lime) !important; }
body.frontend-auth-layout :is(.text-muted, p, .form-check-label) { color: var(--zx-ink-2); }

@media (max-width: 991.98px) {
    .zx-auth { grid-template-columns: 1fr; }
    .zx-auth__art { position: relative; height: auto; min-height: 280px; padding: 24px 20px 0; border-right: 0; border-bottom: 1px solid var(--zx-line); }
    .zx-auth__copy { padding-bottom: 150px; }
    .zx-auth__title { font-size: 48px !important; margin-top: 16px; }
    .zx-auth__lead, .zx-auth__rails { display: none; }
    .zx-auth__mascot { width: 200px; right: -10px; }
    .zx-auth__card { width: 110px; right: 52%; bottom: 14px; }
    .zx-auth__form.auth-content { min-height: auto; padding: 28px 20px 48px !important; align-items: flex-start; }
}

/* movimento reduzido */
@media (prefers-reduced-motion: reduce) {
    body.dashboard-user-layout *, body.frontend-auth-layout * { transition: none !important; animation: none !important; }
}

/* ---------- ajustes finos ----------------------------------------------- */
body.dashboard-user-layout .dk-greet__name { font-size: 18px !important; }
body.dashboard-user-layout .dk-action-hub__subhead span,
body.dashboard-user-layout .dk-action-hub__subhead h3 { font-family: var(--zx-display) !important; font-weight: 400 !important; text-transform: uppercase; letter-spacing: 0.01em; }
body.dashboard-user-layout :is(.sidebar-wallet-card__id-icon, .sidebar-wallet-card__symbol + *, .dk-wc__id-icon) { opacity: 0.6; }
body.frontend-auth-layout :is(.auth-portal-switch, .auth-switch, .portal-switch, [class*="portal"]) { border-radius: 2px !important; }
body.frontend-auth-layout [class*="portal"] a { border-radius: 2px !important; }
/* resumo do topo das páginas (cards de 7 dias) */
body.dashboard-user-layout :is(.feature-summary, .summary-statistics, .feature-summary-statistics, .fss) { background-color: var(--zx-surface) !important; }
body.dashboard-user-layout .feature-summary-widget__panel {
    background: var(--zx-surface) !important;
    border: 1px solid var(--zx-line) !important;
    border-radius: var(--zx-r) !important;
    box-shadow: none !important;
}
body.dashboard-user-layout .feature-summary-widget__title { font-family: var(--zx-display) !important; font-weight: 400 !important; text-transform: uppercase; letter-spacing: 0.01em; font-size: 24px !important; color: var(--zx-ink) !important; }
body.dashboard-user-layout .feature-summary-widget__subtitle { color: var(--zx-muted) !important; }
body.dashboard-user-layout .feature-summary-widget__panel :is([class*="__card"], [class*="__item"], [class*="__stat"]) {
    background: var(--zx-bg-2) !important;
    border: 1px solid var(--zx-line) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
}
body.dashboard-user-layout .feature-summary-widget__panel :is([class*="__value"], [class*="__amount"]) { font-family: var(--zx-display) !important; font-weight: 400 !important; letter-spacing: 0.02em; }
body.dashboard-user-layout .feature-summary-widget__brand { background: var(--zx-lime) !important; color: #0b0b0b !important; border-radius: 2px !important; --zx-icon-accent: #0b0b0b; }
body.frontend-auth-layout .auth-portal-switch { background: transparent !important; border: 1px solid var(--zx-line) !important; border-radius: 2px !important; padding: 4px !important; }
body.frontend-auth-layout .portal-tile { border-radius: 2px !important; color: var(--zx-ink-2) !important; }
body.frontend-auth-layout .portal-tile.is-active { background: var(--zx-lime) !important; color: #0b0b0b !important; }
body.frontend-auth-layout .portal-tile.is-active * { color: #0b0b0b !important; }
@media (max-width: 991.98px) {
    .zx-auth__art { min-height: 0; }
    .zx-auth__copy { padding-bottom: 96px; max-width: 64%; }
    .zx-auth__kicker { margin-top: 14px; font-size: 10px; }
    .zx-auth__title { font-size: 42px !important; }
    .zx-auth__mascot { width: 168px; }
    .zx-auth__card { width: 92px; right: 46%; bottom: 10px; }
}
/* carteiras: um acento só (verde-limão) em vez de uma cor por moeda */
body.dashboard-user-layout [style*="--wallet-accent-hue"] { --wallet-accent-hue: 76 !important; }
body.dashboard-user-layout [style*="--wallet-monogram-hue"] { --wallet-monogram-hue: 76 !important; }
body.dashboard-user-layout .wallet-btn-icon--primary { background: var(--zx-lime) !important; color: #0b0b0b !important; border-color: var(--zx-lime) !important; --zx-icon-accent: #0b0b0b; }
body.dashboard-user-layout .wallet-btn-icon--primary * { color: #0b0b0b !important; }
body.dashboard-user-layout .wallet-btn-icon--secondary { background: transparent !important; border: 1px solid var(--zx-line-2) !important; color: var(--zx-ink) !important; }
/* heróis de páginas no celular: adesivo verde com texto preto */
body.dashboard-user-layout :is(.dk-history-hero, [class*="-hero"]:not(.ud-hero):not(.ud-hero__left):not(.ud-hero__copy):not([class*="__"])) { color: var(--zx-ink); }
body.dashboard-user-layout .dk-history-hero {
    background: var(--zx-lime) !important;
    color: #0b0b0b !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: polygon(0 2%, 100% 0, 99.5% 98%, 0.5% 100%);
    --zx-icon-accent: #0b0b0b;
}
body.dashboard-user-layout .dk-history-hero * { color: #0b0b0b !important; }
body.dashboard-user-layout .dk-history-hero h1, body.dashboard-user-layout .dk-history-hero h2 { font-family: var(--zx-display) !important; font-weight: 400 !important; text-transform: uppercase; }
body.dashboard-user-layout .dk-history-hero [class*="stat"], body.dashboard-user-layout .dk-history-hero [class*="metric"] { background: rgba(11, 11, 11, 0.08) !important; border: 1px solid rgba(11, 11, 11, 0.2) !important; border-radius: 2px !important; }
body.dashboard-user-layout .dk-history-hero__eyebrow { background: #0b0b0b !important; color: var(--zx-lime) !important; border-radius: 2px !important; font-family: var(--zx-mono) !important; }
body.dashboard-user-layout .dk-history-hero__eyebrow * { color: var(--zx-lime) !important; }
body.dashboard-user-layout .dk-history-hero :is(h1, h2, h3, .dk-history-hero__title) { color: #0b0b0b !important; }