/* ============================================
   RESUTI V4 THEME — Tree Payments
   AB Holding · Resuti ecosystem
   ============================================ */

:root {
  --r-bg: #000;
  --r-card: #0a0a0a;
  --r-accent: #1de9b6;
  --r-text: #fff;
  --r-text-muted: rgba(255,255,255,0.7);
  --r-border: rgba(29,233,182,0.08);
}

/* ---- Base ---- */
body, html {
  background: var(--r-bg) !important;
  color: var(--r-text) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ---- Preloader ---- */
.preloader {
  background: var(--r-bg) !important;
}
.preloader-container span.animated-preloader {
  border-color: var(--r-accent) transparent var(--r-accent) transparent !important;
}

/* ---- Hero / Banner section ---- */
.hero, .banner, section.hero {
  background-color: #000 !important;
  background-image: none !important;
}
.hero::after, .banner::after {
  background: rgba(0,0,0,0.75) !important;
}
.bg_img {
  background-image: none !important;
  background-color: #000 !important;
}

/* ---- Header ---- */
.header, .header.menu-fixed .header__bottom, .header__top, .header__bottom {
  background-color: #050505 !important;
  border-bottom: 1px solid var(--r-border) !important;
}
.header.menu-fixed .header__bottom {
  background-color: #050505 !important;
}
.header__top {
  background-color: #050505 !important;
  backdrop-filter: none !important;
}
.header__bottom {
  background-color: #050505 !important;
  backdrop-filter: none !important;
}
.navbar, .top-bar, header, .auth-header, .merchant-topbar, .agent-dashboard__topbar {
  background: #050505 !important;
  border-bottom: 1px solid var(--r-border) !important;
}
.navbar a, header a, .header a, .main-menu li a {
  color: var(--r-text) !important;
}
.navbar a:hover, header a:hover, .main-menu li a:hover { 
  color: var(--r-accent) !important; 
}

/* ---- Main wrapper / Content ---- */
.main-wrapper, .main-content, .container-fluid, section {
  background: var(--r-bg) !important;
  color: var(--r-text) !important;
}

/* ---- Section backgrounds ---- */
.section--bg, .bg--base-10, .bg-section, .bg-light {
  background: #050505 !important;
}

/* ---- Service / Feature cards ---- */
.service-card, .feature-card, .info-card {
  background: var(--r-card) !important;
  border: 1px solid var(--r-border) !important;
  border-radius: 12px !important;
}

/* ---- Cards ---- */
.checkout-card, .summary-card, .payment-card, .card, .card-body {
  background: var(--r-card) !important;
  border: 1px solid var(--r-border) !important;
  border-radius: 12px !important;
  color: var(--r-text) !important;
}
.card-header {
  background: #0d0d0d !important;
  border-bottom: 1px solid var(--r-border) !important;
  color: var(--r-text) !important;
}

/* ---- Sidebar ---- */
.sidebar, aside, .sidebar-menu, .agent-dashboard__sidebar {
  background: #050505 !important;
  border-right: 1px solid var(--r-border) !important;
}
.sidebar a, .sidebar-menu__link, .agent-dashboard__sidebar a {
  color: var(--r-text-muted) !important;
}
.sidebar a.active, .sidebar a:hover,
.sidebar-menu__item.active .sidebar-menu__link,
.sidebar-menu__link:hover {
  color: var(--r-accent) !important;
  background: rgba(29,233,182,0.05) !important;
}

/* ---- Inputs ---- */
input, textarea, select, .form-control, .form--control {
  background: #050505 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: var(--r-text) !important;
  border-radius: 8px !important;
}
input:focus, .form-control:focus, .form--control:focus {
  border-color: var(--r-accent) !important;
  box-shadow: 0 0 0 3px rgba(29,233,182,0.1) !important;
  background: #050505 !important;
  color: var(--r-text) !important;
}
input::placeholder, textarea::placeholder {
  color: rgba(255,255,255,0.35) !important;
}

/* ---- Buttons ---- */
.btn-primary, .btn--primary, .btn--base, .btn.btn--base {
  background: var(--r-accent) !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}
.btn-primary:hover, .btn--primary:hover, .btn--base:hover {
  background: #17c99d !important;
  color: #000 !important;
}
.btn-success {
  background: var(--r-accent) !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 8px !important;
}
.btn-secondary {
  background: transparent !important;
  color: var(--r-text) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 8px !important;
}

/* ---- Typography ---- */
h1, h2, h3, h4, h5, h6 {
  color: var(--r-text) !important;
  font-weight: 700 !important;
}
p { color: var(--r-text) !important; }
.text-muted { color: var(--r-text-muted) !important; }
label { color: var(--r-text) !important; }
a:hover { color: var(--r-accent) !important; }

/* ---- Tables ---- */
table.table, .table {
  background: var(--r-card) !important;
  color: var(--r-text) !important;
}
.table th {
  background: #111 !important;
  color: var(--r-accent) !important;
  border-color: var(--r-border) !important;
  font-size: 11px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}
.table td { border-color: var(--r-border) !important; color: var(--r-text) !important; }
.table-striped tbody tr:nth-of-type(odd) { background: rgba(255,255,255,0.02) !important; }
.table-hover tbody tr:hover { background: rgba(29,233,182,0.04) !important; }

/* ---- Badges ---- */
.badge-success, .badge--success { background: var(--r-accent) !important; color: #000 !important; }
.badge-warning, .badge--warning { background: #f59e0b !important; color: #000 !important; }
.badge-danger, .badge--danger { background: #ef4444 !important; color: #fff !important; }
.badge-info, .badge--info { background: rgba(29,233,182,0.15) !important; color: var(--r-accent) !important; }

/* ---- Dropdown ---- */
.dropdown-menu {
  background: #0d0d0d !important;
  border: 1px solid var(--r-border) !important;
  border-radius: 10px !important;
}
.dropdown-item { color: var(--r-text-muted) !important; }
.dropdown-item:hover, .dropdown-item:focus {
  background: rgba(29,233,182,0.05) !important;
  color: var(--r-accent) !important;
}

/* ---- Modals ---- */
.modal-content {
  background: #0a0a0a !important;
  border: 1px solid var(--r-border) !important;
  border-radius: 14px !important;
  color: var(--r-text) !important;
}
.modal-header {
  background: #0d0d0d !important;
  border-bottom: 1px solid var(--r-border) !important;
}
.modal-footer { border-top: 1px solid var(--r-border) !important; }

/* ---- Agent / Merchant dashboard ---- */
.agent-dashboard, .merchant-dashboard { background: var(--r-bg) !important; }
.agent-dashboard__body { background: var(--r-bg) !important; }

/* ---- Select2 ---- */
.select2-container--default .select2-selection--single {
  background: #050505 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: var(--r-text) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--r-text) !important; }
.select2-dropdown { background: #0d0d0d !important; border: 1px solid var(--r-border) !important; }
.select2-container--default .select2-results__option { color: var(--r-text-muted) !important; }
.select2-container--default .select2-results__option--highlighted {
  background: rgba(29,233,182,0.1) !important;
  color: var(--r-accent) !important;
}

/* ---- Pagination ---- */
.page-link { background: #0a0a0a !important; border-color: var(--r-border) !important; color: var(--r-text) !important; }
.page-item.active .page-link { background: var(--r-accent) !important; border-color: var(--r-accent) !important; color: #000 !important; }

/* ---- Dashboard widgets ---- */
.d-widget, .dashboard-widget, .widget-card {
  background: var(--r-card) !important;
  border: 1px solid var(--r-border) !important;
  border-radius: 12px !important;
  color: var(--r-text) !important;
}

/* ---- Alerts ---- */
.alert { border-radius: 8px !important; }
.alert-info { background: rgba(29,233,182,0.07) !important; border-color: rgba(29,233,182,0.2) !important; color: var(--r-accent) !important; }

/* ---- CTA section ---- */
.cta-wrapper, .cta-area {
  background: #0a0a0a !important;
  border: 1px solid var(--r-border) !important;
  border-radius: 16px !important;
}

/* ---- Breadcrumb ---- */
.breadcrumb-wrapper, .breadcrumb-area {
  background: #050505 !important;
  border-bottom: 1px solid var(--r-border) !important;
}
.breadcrumb-item, .breadcrumb-item a { color: var(--r-text-muted) !important; }
.breadcrumb-item.active { color: var(--r-accent) !important; }

/* ---- Section headers ---- */
.section-header, .section__header { background: transparent !important; }

/* ---- Global webkit fill override ---- */
body * { -webkit-text-fill-color: inherit; }

/* ---- Footer ---- */
footer, .footer, .auth-footer, .footer-section {
  background: #000 !important;
  border-top: 1px solid var(--r-border) !important;
  color: var(--r-text-muted) !important;
  padding: 32px 20px !important;
  text-align: center !important;
}
.footer__top, .footer__bottom, .footer-section__bottom {
  background: #000 !important;
}
.footer-widget__title { color: var(--r-text) !important; }
.footer-link-list li a, .footer-link-list li a:hover { color: var(--r-text-muted) !important; }
.footer-link-list li a:hover { color: var(--r-accent) !important; }

/* Resuti attribution credit */
.resuti-footer-credit {
  font-size: 12px;
  color: rgba(255,255,255,0.4);
  margin-top: 16px;
  display: block;
}

/* ---- Checkout page specific ---- */
.checkout-area, .payment-area { background: var(--r-bg) !important; }
.checkout-wrapper {
  background: var(--r-card) !important;
  border: 1px solid var(--r-border) !important;
  border-radius: 16px !important;
}

/* ---- Admin specific ---- */
.admin-wrapper, .admin-body { background: var(--r-bg) !important; }
.admin-sidebar { background: #050505 !important; border-right: 1px solid var(--r-border) !important; }

/* ---- Strong overrides for XCash default blues ---- */
[style*="background-color: #002046"],
[style*="background-color:#002046"],
.bg--002046 { background-color: #000 !important; }

.section--dark { background: #050505 !important; }

/* ============================================
   ADMIN PANEL SPECIFIC OVERRIDES
   ============================================ */

/* Admin body background */
body {
  background-color: #000 !important;
  font-family: 'Inter', 'Poppins', -apple-system, sans-serif !important;
}

/* Admin login page */
.login-main {
  background-color: #000 !important;
  background-image: none !important;
}
.login-main::before {
  background-color: rgba(0,0,0,0.85) !important;
}
.login-wrapper {
  background-color: #0a0a0a !important;
  border: 1px solid rgba(29,233,182,0.12) !important;
}
.login-wrapper__top {
  background-color: #050505 !important;
  border-bottom: 1px solid rgba(29,233,182,0.1) !important;
}
.login-wrapper__top::after {
  border-color: #050505 transparent transparent transparent !important;
}
.login-area::after {
  border-color: rgba(29,233,182,0.08) !important;
}

/* Admin common button */
.cmn-btn {
  background-color: var(--r-accent) !important;
  color: #000 !important;
  font-weight: 600 !important;
  border: 0 !important;
}
.cmn-btn:hover {
  background-color: #17c99d !important;
  color: #000 !important;
}

/* Admin form controls in login */
.login-form .form-control:focus {
  border-color: var(--r-accent) !important;
  box-shadow: 0 0 0 3px rgba(29,233,182,0.1) !important;
}

/* Admin sidebar */
.admin-sidebar, .sidebar-menu {
  background: #050505 !important;
  border-right: 1px solid var(--r-border) !important;
}

/* Admin top navigation */
.admin-topbar, .top-nav-bar {
  background: #050505 !important;
  border-bottom: 1px solid var(--r-border) !important;
}

/* Admin body wrapper */
.admin-body-wrapper, .admin-wrapper, .sidebar-layout, .d-content {
  background: #000 !important;
}

/* Admin content area */
.d-content__inner {
  background: #000 !important;
}

/* Admin widgets background */
.d-widget {
  background: var(--r-card) !important;
  border: 1px solid var(--r-border) !important;
}

/* General card overrides for admin */
.card {
  background: var(--r-card) !important;
  border: 1px solid var(--r-border) !important;
}

/* Tables in admin */
.table-responsive {
  background: var(--r-card) !important;
}

/* Override #f3f3f9 default admin body */
body.admin-body {
  background-color: #000 !important;
}


/* ============================================
   USER LOGIN / REGISTER FORM OVERRIDES
   ============================================ */

/* User login card */
.account-wrapper {
  background-color: #0a0a0a !important;
  border: 1px solid var(--r-border) !important;
}
.account-wrapper .right {
  background: #0a0a0a !important;
}
.account-wrapper .left {
  background: #050505 !important;
}

/* Breadcrumb section */
.breadcrumb-area, .breadcrumb-wrapper {
  background-color: #050505 !important;
  background-image: none !important;
}
.breadcrumb-area::before, .breadcrumb-area::after {
  display: none !important;
}

/* Inner hero / breadcrumb header */
.inner-hero {
  background-color: #050505 !important;
  background-image: none !important;
}
.inner-hero::before {
  background: rgba(0,0,0,0.5) !important;
}

/* Section that wraps login */
section.pt-100, section.pb-100 {
  background: #000 !important;
}

/* Auth form */
.account-form .form-group label {
  color: var(--r-text-muted) !important;
}
.account-form a {
  color: var(--r-accent) !important;
}
.account-form .form--control {
  background: #050505 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: var(--r-text) !important;
}

/* Social login buttons */
.social-login-area a, .social-btn {
  background: #0a0a0a !important;
  border: 1px solid var(--r-border) !important;
  color: var(--r-text) !important;
}

/* Text colors */
.font-size--14px, .fw-bold, p {
  color: var(--r-text) !important;
}


/* ============================================
   ADMIN SIDEBAR & DASHBOARD OVERRIDES
   ============================================ */

/* Admin sidebar */
.sidebar {
  background: #050505 !important;
  border-right: 1px solid var(--r-border) !important;
}

/* Admin topbar */
.topbar, .admin-topbar {
  background: #050505 !important;
  border-bottom: 1px solid var(--r-border) !important;
}

/* Admin body/main */
.body-wrapper {
  background: #000 !important;
}
.body-wrapper .content-area {
  background: #000 !important;
}

/* Content area background */
.content-area, .main-panel {
  background: #000 !important;
}

/* Admin sidebar menu items */
.sidebar-menu-item a {
  color: rgba(255,255,255,0.65) !important;
}
.sidebar-menu-item.active a, .sidebar-menu-item a:hover {
  color: var(--r-accent) !important;
}
.sidebar-menu-item .side-menu--open {
  color: var(--r-accent) !important;
}
.sidebar-dropdown .sidebar-submenu {
  background: #0a0a0a !important;
}

/* Admin widgets in dashboard */
.d-widget {
  background: var(--r-card) !important;
  border: 1px solid var(--r-border) !important;
}
.widget-wrap {
  background: var(--r-card) !important;
  border: 1px solid var(--r-border) !important;
  border-radius: 12px !important;
}

/* Admin table wrapper */
.table-responsive {
  background: var(--r-card) !important;
  border-radius: 8px !important;
}

/* Admin card */
.card, .card-body {
  background: var(--r-card) !important;
  border: 1px solid var(--r-border) !important;
}
.card-header {
  background: #0d0d0d !important;
  border-bottom: 1px solid var(--r-border) !important;
}


/* ============================================
   OVERRIDE REMAINING BLUE COLORS (admin panel)
   ============================================ */

/* Override hardcoded #3d2bfb blues */
[style*="background-color: #3d2bfb"],
[style*="background-color:#3d2bfb"] {
  background-color: var(--r-accent) !important;
}

/* Override .bg--blue, .bg--primary etc */
.bg--blue, .bg--primary, .bg--base {
  background-color: var(--r-accent) !important;
}
.bg--success { background-color: var(--r-accent) !important; color: #000 !important; }

/* Dashboard chart/graph areas */
.chart-wrapper, .transaction-chart {
  background: var(--r-card) !important;
  border: 1px solid var(--r-border) !important;
  border-radius: 8px !important;
}

/* Admin widget icons */
.admin-icon-box, .icon-box {
  background: rgba(29,233,182,0.1) !important;
}

/* Progress bars */
.progress-bar { background-color: var(--r-accent) !important; }


/* V4.1 PATCH Tree Payments */
/* Esconder topbar pública (telefone fake / email fake) */
.header-top, .topbar, .top-bar, .header-topbar {
  display: none !important;
}

/* Logo: substituir image XCASH */
.navbar-brand img, .site-logo img, .logo img, header .logo img {
  content: url('/assets/images/logo_icon/resuti_logo.svg') !important;
  max-height: 32px !important;
  width: auto !important;
}

/* Banner Tree (esconder título amarelo "Entrar" / breadcrumb) */
.breadcrumb-banner, .page-banner, .inner-banner, .breadcrumb-area {
  display: none !important;
}

/* Footer */
footer, .footer-section {
  background: #050505 !important;
  border-top: 1px solid rgba(29,233,182,0.08) !important;
}

/* Admin sidebar layout fix — usar flex */
body.admin-layout {
  display: block !important;
}
.app-sidebar, .admin-sidebar {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 260px !important;
  height: 100vh !important;
  z-index: 100 !important;
}
.app-main, .content-wrapper, .main-content {
  margin-left: 260px !important;
}
@media (max-width: 768px) {
  .app-sidebar, .admin-sidebar { transform: translateX(-100%); }
  .app-main, .content-wrapper, .main-content { margin-left: 0 !important; }
}

/* V4.2 PATCH — Tree Payments Admin dashboard */

/* Body wrapper and sidebar — força tema dark Resuti */
html, body, .body-wrapper, .bodywrapper__inner {
  background: #000 !important;
  color: #fff !important;
}

/* Sidebar — substituir azul/roxo XCASH por preto Resuti */
.sidebar, .sidebar.bg--dark, aside.sidebar,
.sidebar__inner, .sidebar__menu-wrapper {
  background: #050505 !important;
  background-image: none !important;
  border-right: 1px solid rgba(29,233,182,0.08) !important;
}
.sidebar__logo, .sidebar__main-logo {
  background: #050505 !important;
  border-bottom: 1px solid rgba(29,233,182,0.08) !important;
  padding: 16px !important;
}
.sidebar__logo img, .sidebar__main-logo img {
  filter: brightness(0) invert(1) !important;
  max-height: 40px !important;
}
.sidebar-menu-item a, .sidebar-menu-item span,
.sidebar__menu a, .sidebar__menu li {
  color: rgba(255,255,255,0.7) !important;
  background: transparent !important;
}
.sidebar-menu-item.active a, .sidebar-menu-item.active,
.sidebar-menu-item:hover a {
  color: #1de9b6 !important;
  background: rgba(29,233,182,0.06) !important;
  border-left: 2px solid #1de9b6 !important;
}
.sidebar-submenu { background: #0a0a0a !important; }

/* Topbar admin */
.topbar, .admin-topbar, .header-wrapper,
nav.navbar.admin-navbar {
  background: #050505 !important;
  border-bottom: 1px solid rgba(29,233,182,0.08) !important;
}

/* Cards de stats — neutralizar bg coloridos */
.card, .card.box-shadow3, .card.overflow-hidden,
.card.h-100 {
  background: #0a0a0a !important;
  background-image: none !important;
  border: 1px solid rgba(29,233,182,0.08) !important;
  border-radius: 12px !important;
  color: #fff !important;
}
.card-body {
  background: transparent !important;
  color: #fff !important;
}
.card-title, .card .title, .caption {
  color: #fff !important;
}

/* Configure cards (top section dashboard) */
.configure-card, .configure-card-body, .configure-card-top {
  background: #0a0a0a !important;
  border: 1px solid rgba(29,233,182,0.08) !important;
  border-radius: 12px !important;
  color: #fff !important;
}
.configure-card-title, .configure-card-link,
.configure-card-handle {
  color: #1de9b6 !important;
}

/* Ícones colored — verde-menta */
.card .icon, .card-icon, .stat-icon,
[class*="bg-success"], [class*="bg-danger"],
[class*="bg-warning"], [class*="bg-info"],
[class*="bg-primary"], [class*="bg-purple"],
[class*="bg-pink"], [class*="bg-orange"],
[class*="bg-cyan"], [class*="bg-teal"],
[style*="background-color: rgb(48"],
[style*="background: rgb(48"] {
  background: rgba(29,233,182,0.1) !important;
  color: #1de9b6 !important;
}
.card svg, .card i.las, .card i.la, .card i.fa,
.card i.fas, .card i.far {
  color: #1de9b6 !important;
}

/* Tabela */
.table, .table-responsive {
  background: #0a0a0a !important;
  color: #fff !important;
}
.table th {
  background: #111 !important;
  color: #1de9b6 !important;
  border-color: rgba(29,233,182,0.1) !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}
.table td {
  border-color: rgba(29,233,182,0.05) !important;
  color: rgba(255,255,255,0.8) !important;
}

/* Botões */
.btn-outline--primary {
  border: 1px solid #1de9b6 !important;
  color: #1de9b6 !important;
  background: transparent !important;
  border-radius: 8px !important;
}
.btn-outline--primary:hover {
  background: #1de9b6 !important;
  color: #000 !important;
}
.btn-outline--warning {
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #fff !important;
  background: transparent !important;
  border-radius: 8px !important;
}
.btn--primary, .btn-primary {
  background: #1de9b6 !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

/* Spotlight (search) */
.admin-spotlight, .admin-spotlight__dialog {
  background: #0a0a0a !important;
  border: 1px solid rgba(29,233,182,0.08) !important;
  color: #fff !important;
}
.admin-spotlight__input {
  background: #050505 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
}

/* Footer admin V4.0 → Tree Payments */
.footer, footer {
  background: #050505 !important;
  color: rgba(255,255,255,0.5) !important;
  border-top: 1px solid rgba(29,233,182,0.08) !important;
}

/* Logo XCASH no header → esconder, mostrar Resuti */
.sidebar__main-logo {
  position: relative !important;
}
.sidebar__main-logo::after {
  content: 'Tree Payments' !important;
  display: block !important;
  font-family: Inter, sans-serif !important;
  font-weight: 800 !important;
  color: #fff !important;
  font-size: 18px !important;
  letter-spacing: -0.5px !important;
}
.sidebar__main-logo::after::before {
  content: ' · ' !important;
  color: #1de9b6 !important;
}
.sidebar__main-logo > * {
  display: none !important;
}

/* V4.3 PATCH — Widget cards Tree Payments */
.widget-card,
.widget-card.bg--success,
.widget-card.bg--warning,
.widget-card.bg--danger,
.widget-card.bg--info,
.widget-card.bg--primary,
.widget-card.bg--secondary,
.widget-card.bg--pink,
.widget-card.bg--purple,
.widget-card.bg--orange,
.widget-card.bg--cyan,
.widget-card.bg--teal,
.widget-card[class*="bg--"] {
  background: #0a0a0a !important;
  background-image: none !important;
  border: 1px solid rgba(29,233,182,0.08) !important;
  border-radius: 12px !important;
  color: #fff !important;
}
.widget-card-content, .widget-card-left, .widget-card-content h4,
.widget-card-content p, .widget-card-content span {
  background: transparent !important;
  color: #fff !important;
}
.widget-card-icon, .widget-card-icon i, .widget-card-icon svg {
  background: rgba(29,233,182,0.12) !important;
  color: #1de9b6 !important;
  fill: #1de9b6 !important;
  border-radius: 10px !important;
  padding: 12px !important;
}
.widget-card a, .widget-card-content a {
  color: #1de9b6 !important;
}

/* Header dark do admin (estava azul XCASH) */
.topbar, .top-header, .navbar-admin,
header.admin-header, .admin-topnav,
[class*="topbar"], [class*="header"][class*="admin"] {
  background: #050505 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(29,233,182,0.08) !important;
  color: #fff !important;
}

/* Search input no topo */
input[type="text"], input[type="search"] {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
}

/* Botão "Configuração do Cron" */
.btn--primary, .btn-primary, .btn-success,
button[class*="btn-"] {
  background: rgba(29,233,182,0.1) !important;
  color: #1de9b6 !important;
  border: 1px solid rgba(29,233,182,0.3) !important;
  border-radius: 8px !important;
}

/* Float button bottom-right (configuração wheel) */
.spotlight-trigger, .floating-btn,
[class*="floating"], [class*="fab"] {
  background: #1de9b6 !important;
  color: #000 !important;
}

/* V4.4 PATCH — widget-seven (cards stats topo dashboard) */
[class*="widget-seven"],
.widget-seven,
.widget-seven__one,
.widget-seven__two,
.widget-seven__three,
.widget-seven__four,
.widget-seven__five,
.widget-seven__six,
.widget-seven__seven,
.widget-seven__eight,
.widget-seven__nine,
.widget-seven__ten {
  background: #0a0a0a !important;
  background-image: none !important;
  border: 1px solid rgba(29,233,182,0.08) !important;
  border-radius: 12px !important;
  color: #fff !important;
}
.widget-seven__description,
.widget-seven__content-title,
.widget-seven__content-amount {
  color: #fff !important;
  background: transparent !important;
}
.widget-seven__icon,
.widget-seven__icon-box,
.widget-seven__icon i,
.widget-seven__icon svg {
  background: rgba(29,233,182,0.12) !important;
  color: #1de9b6 !important;
  fill: #1de9b6 !important;
  border-radius: 10px !important;
}

/* Topbar admin (azul XCASH) */
.top-nav-wrapper, .top-header, .topbar,
header[class*="header"], .navbar.bg--primary,
.admin-header, .dashboard-header,
nav.bg--primary, nav.bg--white {
  background: #050505 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(29,233,182,0.08) !important;
}

/* Para qualquer elemento com bg-- nas classes que NÃO seja botão verde-menta intencional */
*:not(.btn--success):not(.text--success)[class*="bg--success"],
*[class*="bg--warning"],
*[class*="bg--danger"],
*[class*="bg--info"],
*[class*="bg--primary"],
*[class*="bg--secondary"],
*[class*="bg--pink"],
*[class*="bg--purple"],
*[class*="bg--orange"],
*[class*="bg--cyan"],
*[class*="bg--teal"],
*[class*="bg--violet"],
*[class*="bg--blue"] {
  background: #0a0a0a !important;
  background-image: none !important;
  color: #fff !important;
}

/* V4.5 PATCH FINAL — Override TODOS widgets numerados */
div[class^="widget-"][class*="__"] {
  /* não tocar elementos filhos com __ */
}
div.widget-eight, div.widget-nine, div.widget-ten,
div.widget-six, div.widget-five, div.widget-four,
div.widget-three, div.widget-two, div.widget-one,
[class="widget-eight"], [class="widget-nine"],
[class="widget-ten"], [class="widget-six"],
[class*=" widget-eight"], [class*=" widget-nine"],
[class*=" widget-ten"], [class*=" widget-six"] {
  background: #0a0a0a !important;
  background-image: none !important;
  border: 1px solid rgba(29,233,182,0.08) !important;
  border-radius: 12px !important;
  color: #fff !important;
}
[class*="__content-title"],
[class*="__content-amount"],
[class*="__description"] {
  color: #fff !important;
  background: transparent !important;
}
[class*="__content-icon"],
[class*="__icon"],
[class*="__icon-box"] {
  background: rgba(29,233,182,0.12) !important;
  color: #1de9b6 !important;
  fill: #1de9b6 !important;
}
[class*="__content-icon"] i,
[class*="__content-icon"] svg,
[class*="__icon"] i,
[class*="__icon"] svg {
  color: #1de9b6 !important;
  fill: #1de9b6 !important;
}

/* universal bg-- override (forçar dark) */
div[class*="widget"][class*="bg--"],
div[class*="widget"][class*="--success"],
div[class*="widget"][class*="--warning"],
div[class*="widget"][class*="--danger"],
div[class*="widget"][class*="--info"],
div[class*="widget"][class*="--primary"],
div[class*="widget"][class*="--secondary"],
div[class*="widget"][class*="--pink"],
div[class*="widget"][class*="--purple"],
div[class*="widget"][class*="--violet"],
div[class*="widget"][class*="--orange"],
div[class*="widget"][class*="--brown"],
div[class*="widget"][class*="--blue"] {
  background: #0a0a0a !important;
  background-image: none !important;
  color: #fff !important;
}

/* Topbar - mais agressivo */
body .body-wrapper > nav,
body .body-wrapper > header,
body .body-wrapper .navbar,
body .body-wrapper [class*="topbar"],
body .body-wrapper [class*="top-nav"],
body .body-wrapper [class*="top-header"] {
  background: #050505 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(29,233,182,0.08) !important;
  color: #fff !important;
}

/* Footer XCASH V4.0 */
.sidebar__footer,
.sidebar [class*="footer"],
.sidebar__menu-wrapper + div {
  background: #050505 !important;
  color: rgba(255,255,255,0.4) !important;
  font-family: Inter, sans-serif !important;
  text-transform: none !important;
  font-size: 11px !important;
}
.sidebar__footer::after {
  content: 'Tree Payments by AB Holding' !important;
}
.sidebar__footer > * {
  display: none !important;
}