/* ================================================================
   ATLAS PAINEL — NEON DARK THEME
   Harmonious dark design with depth layering
   ================================================================
   
   DEPTH LEVELS:
   L0 = #080b14  (page background)
   L1 = #0c1221  (sections / main-body)
   L2 = #111827  (cards, panels, containers)
   L3 = #1a2035  (card headers, table heads, inputs)
   L4 = #1e293b  (hover states, active items)
   
   ACCENT: #6366f1 (indigo)  |  #a855f7 (purple)  |  #22d3ee (cyan)
   BORDERS: rgba(99,102,241,0.12) subtle  |  rgba(99,102,241,0.25) emphasis
   ================================================================ */

/* ── GLOBAL ── */
body,
body.tt-body-wrapper {
  background: #080b14 !important;
  color: #cbd5e1 !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #e2e8f0 !important;
}

p { color: #94a3b8; }
a { color: #818cf8; }
a:hover { color: #a5b4fc; text-decoration: none; }
hr { border-color: rgba(99,102,241,0.12) !important; }
small, .small { color: #64748b !important; }
code { color: #f472b6 !important; background: rgba(244,114,182,0.08) !important; padding: 2px 6px; border-radius: 4px; }
pre { background: #111827 !important; border: 1px solid rgba(99,102,241,0.12) !important; color: #e2e8f0 !important; border-radius: 8px; padding: 1rem; }
mark, .mark { background: rgba(234,179,8,0.12) !important; color: #fcd34d !important; }

/* ── SECTIONS & LAYOUT ── */
#main-body,
section#main-body {
  background: #080b14 !important;
  padding: 40px 0;
}

.container,
.container-fluid,
.row,
[class*="col-"],
.primary-content,
.main-content,
section,
.content-section {
  background: transparent !important;
}

/* ── UTILITY OVERRIDES ── */
.bg-white   { background: #111827 !important; }
.bg-light   { background: #0c1221 !important; }
.bg-body    { background: #080b14 !important; }
.bg-default { background: #111827 !important; }
.text-muted { color: #64748b !important; }
.text-dark  { color: #e2e8f0 !important; }
.text-body  { color: #cbd5e1 !important; }
.border     { border-color: rgba(99,102,241,0.12) !important; }

/* ── HEADER / NAVBAR ── */
#header,
.tt-header,
header.header,
.navbar,
.navbar-light {
  background: rgba(8,11,20,0.92) !important;
  border-bottom: 1px solid rgba(99,102,241,0.12) !important;
  z-index: 1050 !important;
}

.navbar .navbar-nav .nav-link,
.tt-toolbar-wrap a,
.tt-toolbar-wrap button,
.tt-secondary-list a {
  color: #94a3b8 !important;
  transition: color 0.2s;
}

.navbar .navbar-nav .nav-link:hover,
.tt-toolbar-wrap a:hover {
  color: #e2e8f0 !important;
}

.navbar .badge,
.tt-cart-badge {
  background: #6366f1 !important;
  color: #fff !important;
}

/* ── DROPDOWN ── */
.dropdown-menu {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.15) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.5) !important;
  z-index: 1060 !important;
  overflow: hidden;
}

.dropdown-item,
.dropdown-menu a,
.dropdown-menu li a {
  color: #94a3b8 !important;
  transition: all 0.15s;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background: rgba(99,102,241,0.1) !important;
  color: #e2e8f0 !important;
}

.dropdown-divider {
  border-color: rgba(99,102,241,0.1) !important;
}

.tt-dropdown-grid {
  background: #111827 !important;
  border-top: 2px solid #6366f1 !important;
}

.tt-dropdown-grid-item {
  border-color: rgba(99,102,241,0.08) !important;
}

.tt-title-with-icon-link:hover {
  background: rgba(99,102,241,0.06) !important;
}

.tt-menu-content span { color: #e2e8f0 !important; }
.tt-menu-content small { color: #64748b !important; }

/* ── OFFCANVAS (mobile) ── */
.offcanvas-collapse {
  background: rgba(8,11,20,0.98) !important;
  border-left: 1px solid rgba(99,102,241,0.12) !important;
}

.overlay {
  background: rgba(0,0,0,0.6) !important;
}

/* ── BREADCRUMB ── */
.tt-breadcrumb {
  background: transparent !important;
}

.breadcrumb {
  background: transparent !important;
}

.breadcrumb-item,
.breadcrumb-item a {
  color: #64748b !important;
}

.breadcrumb-item.active {
  color: #94a3b8 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #475569 !important;
}

.tt-triangle-right {
  border-bottom-color: transparent !important;
}

/* ── CARDS ── */
.card {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.12) !important;
  border-radius: 12px !important;
  color: #cbd5e1 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2) !important;
  overflow: hidden;
}

.card-header {
  background: #1a2035 !important;
  border-bottom: 1px solid rgba(99,102,241,0.1) !important;
  color: #e2e8f0 !important;
}

.card-body {
  background: transparent !important;
  color: #cbd5e1 !important;
}

.card-footer {
  background: rgba(26,32,53,0.4) !important;
  border-top: 1px solid rgba(99,102,241,0.08) !important;
  color: #94a3b8 !important;
}

.card-title,
h3.card-title {
  color: #e2e8f0 !important;
}

/* ── TILES (dashboard stat boxes) ── */
.tiles .tile,
.tt-single-box {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.12) !important;
  border-radius: 12px !important;
  transition: all 0.25s ease;
}

.tiles .tile:hover,
.tt-single-box:hover {
  background: #1a2035 !important;
  border-color: rgba(99,102,241,0.25) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
}

.tiles .tile .title { color: #64748b !important; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.05em; }
.tiles .tile .stat  { color: #e2e8f0 !important; }
.tiles .tile i,
.tt-single-box i    { color: #818cf8 !important; }

/* ── SIDEBAR ── */
.sidebar .card-sidebar,
.sidebar .card {
  background: #0c1221 !important;
  border: 1px solid rgba(99,102,241,0.1) !important;
}

.sidebar .card-header {
  background: rgba(99,102,241,0.06) !important;
}

.sidebar .card-header h3.card-title {
  color: #818cf8 !important;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.sidebar .list-group-item {
  background: transparent !important;
  border-color: rgba(99,102,241,0.06) !important;
  color: #94a3b8 !important;
  transition: all 0.15s;
}

.sidebar .list-group-item:hover {
  background: rgba(99,102,241,0.06) !important;
  color: #e2e8f0 !important;
}

.sidebar .list-group-item.active {
  background: rgba(99,102,241,0.08) !important;
  color: #818cf8 !important;
  border-left: 3px solid #6366f1 !important;
}

.sidebar .card.bg-light,
.sidebar .card.d-block {
  background: #0c1221 !important;
  border: 1px solid rgba(99,102,241,0.12) !important;
}

.view-filter-btns .list-group-item {
  background: transparent !important;
  border-color: rgba(99,102,241,0.06) !important;
  color: #94a3b8 !important;
}

.view-filter-btns .list-group-item.active {
  background: rgba(99,102,241,0.08) !important;
  color: #818cf8 !important;
}

.view-filter-btns .badge {
  background: rgba(99,102,241,0.15) !important;
  color: #a5b4fc !important;
}

/* ── TABLES ── */
.table,
table,
table.dataTable,
table.table-list,
.dataTables_wrapper,
.table-container,
.table-responsive,
.listtable {
  background: transparent !important;
  color: #cbd5e1 !important;
}

table thead th,
.table thead th,
table.dataTable thead th,
.dataTables_wrapper table thead th,
.dataTables_wrapper table.table-list thead th {
  background: #1a2035 !important;
  color: #64748b !important;
  border-color: rgba(99,102,241,0.1) !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-weight: 600 !important;
}

table tbody td,
.table tbody td,
table.dataTable tbody td {
  background: transparent !important;
  color: #cbd5e1 !important;
  border-top: 1px solid rgba(99,102,241,0.06) !important;
  font-size: 0.88rem;
}

table tbody tr,
.table tbody tr {
  background: transparent !important;
  transition: background 0.15s;
}

table tbody tr:nth-child(even) {
  background: rgba(99,102,241,0.02) !important;
}

table tbody tr:hover td,
.table-hover tbody tr:hover {
  background: rgba(99,102,241,0.06) !important;
}

table tbody td a    { color: #818cf8 !important; }
table tbody td a:hover { color: #a5b4fc !important; }
.table th, .table td     { border-color: rgba(99,102,241,0.06) !important; }
.table thead th          { border-bottom: 2px solid rgba(99,102,241,0.15) !important; }
.table-bordered,
.table-bordered td,
.table-bordered th       { border-color: rgba(99,102,241,0.1) !important; }
.thead-light th          { background: #1a2035 !important; color: #64748b !important; }

/* DataTables controls */
.dataTables_wrapper > .row,
.dataTables_wrapper > .row > div {
  background: transparent !important;
}

.dataTables_info,
.dataTables_length,
.dataTables_filter,
.dataTables_paginate {
  color: #64748b !important;
}

.dataTables_length label,
.dataTables_filter label {
  color: #64748b !important;
}

.dataTables_length select,
.dataTables_filter input {
  background: #1a2035 !important;
  border: 1px solid rgba(99,102,241,0.2) !important;
  color: #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 0.35rem 0.75rem !important;
}

.dataTables_paginate .paginate_button {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.12) !important;
  color: #818cf8 !important;
  border-radius: 6px !important;
  margin: 0 2px !important;
}

.dataTables_paginate .paginate_button:hover {
  background: rgba(99,102,241,0.12) !important;
  color: #a5b4fc !important;
}

.dataTables_paginate .paginate_button.current {
  background: linear-gradient(135deg, #6366f1, #7c3aed) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.dataTables_empty {
  color: #475569 !important;
}

/* Specific DataTables IDs */
#tableInvoicesList_wrapper,
#tableServicesList_wrapper,
#tableDomainsList_wrapper,
#tableTicketsList_wrapper,
#tableEmailsList_wrapper,
#tableQuotesList_wrapper {
  background: transparent !important;
}

/* ── STATUS LABELS ── */
.label, .badge {
  font-weight: 600 !important;
  font-size: 0.72rem !important;
}

.label.status,
span.label.status {
  padding: 0.3rem 0.85rem !important;
  border-radius: 20px !important;
  border: none !important;
}

.status-active, .label-active, .label.status-active   { background: rgba(16,185,129,0.12) !important; color: #34d399 !important; }
.status-suspended, .label.status-suspended             { background: rgba(245,158,11,0.12) !important; color: #fbbf24 !important; }
.status-terminated, .status-cancelled,
.label-cancelled, .label.status-terminated             { background: rgba(244,63,94,0.12) !important; color: #fb7185 !important; }
.status-pending, .label-pending, .label.status-pending { background: rgba(99,102,241,0.12) !important; color: #a5b4fc !important; }
.status-completed, .label.status-completed             { background: rgba(16,185,129,0.12) !important; color: #34d399 !important; }
.status-fraud, .label.status-fraud                     { background: rgba(244,63,94,0.15) !important; color: #f87171 !important; }
.label-default, .badge-default  { background: rgba(100,116,139,0.15) !important; color: #94a3b8 !important; }
.label-success, .badge-success  { background: rgba(16,185,129,0.12) !important; color: #6ee7b7 !important; }
.label-warning, .badge-warning  { background: rgba(245,158,11,0.12) !important; color: #fcd34d !important; }
.label-danger, .badge-danger    { background: rgba(244,63,94,0.12) !important; color: #fda4af !important; }
.label-info, .badge-info        { background: rgba(34,211,238,0.12) !important; color: #67e8f9 !important; }
.label-primary, .badge-primary  { background: rgba(99,102,241,0.12) !important; color: #a5b4fc !important; }
.badge-light                    { background: #1e293b !important; color: #e2e8f0 !important; }
.badge-dark                     { background: #334155 !important; color: #e2e8f0 !important; }

/* ── FORM CONTROLS ── */
.form-control,
.custom-select,
select.form-control,
input[type="search"] {
  background: #1a2035 !important;
  border: 1px solid rgba(99,102,241,0.15) !important;
  color: #e2e8f0 !important;
  border-radius: 8px !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.form-control:focus {
  background: #1e293b !important;
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 3px rgba(99,102,241,0.12) !important;
  color: #e2e8f0 !important;
}

.form-control::placeholder {
  color: #475569 !important;
}

.form-control:disabled,
.form-control[readonly] {
  background: #0c1221 !important;
  color: #64748b !important;
  opacity: 0.7;
}

.input-group-text {
  background: #1a2035 !important;
  border-color: rgba(99,102,241,0.15) !important;
  color: #818cf8 !important;
}

.custom-control-label::before {
  background: #1a2035 !important;
  border-color: rgba(99,102,241,0.25) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background: #6366f1 !important;
  border-color: #6366f1 !important;
}

.custom-file-label,
.custom-file-label::after {
  background: #1a2035 !important;
  border-color: rgba(99,102,241,0.15) !important;
  color: #94a3b8 !important;
}

/* ── BUTTONS ── */
.btn-primary {
  background: linear-gradient(135deg, #6366f1, #7c3aed) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 2px 10px rgba(99,102,241,0.25) !important;
  transition: all 0.2s;
}

.btn-primary:hover {
  background: linear-gradient(135deg, #818cf8, #8b5cf6) !important;
  box-shadow: 0 4px 20px rgba(99,102,241,0.4) !important;
  transform: translateY(-1px);
}

.btn-success {
  background: linear-gradient(135deg, #10b981, #059669) !important;
  border: none !important; color: #fff !important;
}

.btn-danger {
  background: linear-gradient(135deg, #f43f5e, #dc2626) !important;
  border: none !important; color: #fff !important;
}

.btn-warning {
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  border: none !important; color: #fff !important;
}

.btn-info {
  background: linear-gradient(135deg, #22d3ee, #06b6d4) !important;
  border: none !important; color: #fff !important;
}

.btn-default,
.btn-secondary,
.btn-outline-secondary {
  background: #1a2035 !important;
  border: 1px solid rgba(99,102,241,0.2) !important;
  color: #94a3b8 !important;
  transition: all 0.2s;
}

.btn-default:hover,
.btn-secondary:hover {
  background: #1e293b !important;
  border-color: rgba(99,102,241,0.35) !important;
  color: #e2e8f0 !important;
}

.btn-light {
  background: #1e293b !important;
  border-color: rgba(99,102,241,0.15) !important;
  color: #e2e8f0 !important;
}

.btn-link { color: #818cf8 !important; }
.btn-link:hover { color: #a5b4fc !important; }

/* ── ALERTS ── */
.alert-info    { background: rgba(99,102,241,0.08) !important; border: 1px solid rgba(99,102,241,0.2) !important; color: #a5b4fc !important; border-radius: 10px; }
.alert-success { background: rgba(16,185,129,0.08) !important; border: 1px solid rgba(16,185,129,0.2) !important; color: #6ee7b7 !important; border-radius: 10px; }
.alert-warning { background: rgba(245,158,11,0.08) !important; border: 1px solid rgba(245,158,11,0.2) !important; color: #fcd34d !important; border-radius: 10px; }
.alert-danger  { background: rgba(244,63,94,0.08) !important; border: 1px solid rgba(244,63,94,0.2) !important; color: #fda4af !important; border-radius: 10px; }

/* ── MODALS ── */
.modal-content {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.15) !important;
  border-radius: 14px !important;
  color: #cbd5e1 !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
}

.modal-header {
  border-bottom: 1px solid rgba(99,102,241,0.1) !important;
  background: #1a2035 !important;
}

.modal-footer {
  border-top: 1px solid rgba(99,102,241,0.1) !important;
}

.modal-title { color: #e2e8f0 !important; }
.close, .btn-close { color: #64748b !important; text-shadow: none !important; }

/* ── PAGINATION ── */
.page-link {
  background: #111827 !important;
  border-color: rgba(99,102,241,0.12) !important;
  color: #818cf8 !important;
}

.page-link:hover {
  background: #1a2035 !important;
  color: #a5b4fc !important;
}

.page-item.active .page-link {
  background: linear-gradient(135deg, #6366f1, #7c3aed) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* ── NAV TABS / PILLS ── */
.nav-tabs {
  border-bottom-color: rgba(99,102,241,0.12) !important;
}

.nav-tabs .nav-link {
  color: #64748b !important;
  border: none !important;
  padding: 0.75rem 1.25rem;
  transition: all 0.2s;
}

.nav-tabs .nav-link:hover {
  color: #e2e8f0 !important;
  border-bottom: 2px solid rgba(99,102,241,0.3) !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background: transparent !important;
  color: #818cf8 !important;
  border: none !important;
  border-bottom: 2px solid #6366f1 !important;
}

.nav-pills .nav-link { color: #94a3b8 !important; }
.nav-pills .nav-link.active { background: #6366f1 !important; color: #fff !important; }
.tab-content { background: transparent !important; color: #cbd5e1 !important; }

/* ── LIST GROUP ── */
.list-group-item {
  background: transparent !important;
  border-color: rgba(99,102,241,0.08) !important;
  color: #94a3b8 !important;
}

.list-group-item-action:hover {
  background: rgba(99,102,241,0.06) !important;
  color: #e2e8f0 !important;
}

/* ── PANELS (legacy) ── */
.panel, .panel-default {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.12) !important;
  border-radius: 10px !important;
}

.panel-heading {
  background: #1a2035 !important;
  border-bottom: 1px solid rgba(99,102,241,0.1) !important;
  color: #e2e8f0 !important;
}

.panel-body { color: #cbd5e1 !important; }

.well {
  background: #0c1221 !important;
  border: 1px solid rgba(99,102,241,0.1) !important;
  color: #cbd5e1 !important;
  border-radius: 10px !important;
}

/* ── ACCOUNT LINKS (tt-account) ── */
.tt-account {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.12) !important;
  color: #cbd5e1 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2) !important;
  border-radius: 10px !important;
}

.tt-account:hover {
  background: #1a2035 !important;
  border-color: rgba(99,102,241,0.25) !important;
  color: #818cf8 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
}

.tt-account i {
  color: #818cf8 !important;
}

/* ── ANNOUNCEMENTS ── */
.tt-announcement-single {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.12) !important;
  padding: 25px;
  border-radius: 12px !important;
}

.tt-article-heading h3 a { color: #e2e8f0 !important; }

/* ── POPOVER / TOOLTIP / TOAST ── */
.popover        { background: #111827 !important; border-color: rgba(99,102,241,0.15) !important; }
.popover-header { background: #1a2035 !important; border-bottom-color: rgba(99,102,241,0.1) !important; color: #e2e8f0 !important; }
.popover-body   { color: #cbd5e1 !important; }
.tooltip-inner  { background: #1e293b !important; color: #e2e8f0 !important; }
.toast          { background: #111827 !important; border-color: rgba(99,102,241,0.15) !important; color: #cbd5e1 !important; }
.toast-header   { background: #1a2035 !important; color: #e2e8f0 !important; }

/* ── PROGRESS ── */
.progress {
  background: #1a2035 !important;
  border-radius: 8px !important;
  height: 8px;
}

.progress-bar {
  background: linear-gradient(90deg, #6366f1, #a855f7) !important;
  border-radius: 8px;
}

/* ── LOGIN / REGISTER ── */
.tt-form-wrap { background: #080b14 !important; }

.tt-form-container {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.15) !important;
  border-radius: 14px !important;
  overflow: hidden;
}

.tt-form-content {
  background: #111827 !important;
  padding: 2.5rem !important;
}

.tt-form-content h3,
.tt-form-content .h4 { color: #e2e8f0 !important; }
.tt-form-content label { color: #94a3b8 !important; }

.tt-form-content .btn-primary {
  background: linear-gradient(135deg, #6366f1, #a855f7) !important;
  border: none !important;
  box-shadow: 0 4px 18px rgba(99,102,241,0.3) !important;
}

.tt-or-text { color: #475569 !important; }
.tt-testimonial-slider * { color: #e2e8f0 !important; }
.tt-login-registration-testimonial { border-radius: 0 14px 14px 0 !important; }

/* ── SEARCH ── */
.search .form-control {
  background: #1a2035 !important;
  border-color: rgba(99,102,241,0.2) !important;
}

.search .btn-default {
  background: #1a2035 !important;
  color: #818cf8 !important;
}

/* ── PRODUCT DETAILS ── */
div.product-details div.product-icon {
  background: #111827 !important;
}

.cpanel-package-details,
.tt-overview {
  color: #cbd5e1 !important;
}

.store-order-container .store-domain-tab-content {
  background: #111827 !important;
  border-color: rgba(99,102,241,0.12) !important;
}

/* ── MASS PAY ── */
tr.masspay-total td {
  background: #1a2035 !important;
  color: #e2e8f0 !important;
}

/* ── NOTIFICATIONS ── */
.client-alerts li {
  border-bottom: 1px solid rgba(99,102,241,0.06) !important;
}

.client-alerts li a { color: #94a3b8 !important; }
.client-alerts li a:hover { color: #818cf8 !important; }

/* ── TICKET SUPPORT ── */
.ticket-reply {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.12) !important;
  border-radius: 12px !important;
  margin-bottom: 1rem;
}

.ticket-reply .ticket-reply-header {
  border-bottom: 1px solid rgba(99,102,241,0.08) !important;
}

.ticket-reply-body { color: #cbd5e1 !important; }

/* ── MODAL LOCALISATION ── */
.modal-localisation .modal-content { background: #111827 !important; }
.modal-localisation .item-selector .item.active { background: rgba(99,102,241,0.1) !important; }

/* ── PRICING ── */
.tt-price-single {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.12) !important;
  border-radius: 12px !important;
}

.tt-price-single:hover {
  box-shadow: 0 12px 32px rgba(0,0,0,0.3) !important;
  border-color: rgba(99,102,241,0.25) !important;
}

.tt-popular-badge {
  background: linear-gradient(135deg, #6366f1, #a855f7) !important;
  color: #fff !important;
}

.tt-popular-badge:after {
  border-right-color: #111827 !important;
}

/* ── FOOTER ── */
.tt-footer {
  background: #060912 !important;
  border-top: 1px solid rgba(99,102,241,0.08) !important;
  color: #64748b !important;
}

.tt-footer a { color: #818cf8 !important; }
.tt-footer a:hover { color: #a5b4fc !important; }

.tt-footer-bottom {
  border-top: 1px solid rgba(99,102,241,0.08) !important;
}

/* ── SHADOWS ── */
.shadow-sm { box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important; }
.shadow    { box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important; }
.shadow-lg { box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important; }

/* ── SCROLLBAR ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #080b14; }
::-webkit-scrollbar-thumb { background: rgba(99,102,241,0.25); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(99,102,241,0.45); }
* { scrollbar-color: rgba(99,102,241,0.25) #080b14; scrollbar-width: thin; }

/* ── SELECTION ── */
::selection { background: rgba(99,102,241,0.3) !important; color: #fff !important; }

/* ── PROMO ── */
.tt-promo {
  color: #94a3b8 !important;
}

.tt-promo:hover {
  color: #818cf8 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
}

/* ── HERO SECTION ── */
.tt-hero-section,
.tt-features-section,
.tt-cta-section,
.tt-pricing-section,
.tt-testimonial-section {
  background: #080b14 !important;
}

/* ── ACCORDION ── */
.accordion .card {
  border-color: rgba(99,102,241,0.1) !important;
}

.accordion .card-header {
  background: #1a2035 !important;
}

.accordion .card-header a,
.accordion .card-header button {
  color: #e2e8f0 !important;
}

/* ── RESPONSIVE TABS ── */
.responsive-tabs-sm .nav-item a:hover {
  border-bottom-color: rgba(99,102,241,0.15) !important;
}

/* ── IMG THUMBNAIL ── */
.img-thumbnail {
  background: #111827 !important;
  border-color: rgba(99,102,241,0.15) !important;
}

/* ── PRINT ── */
@media print {
  body {
    background: #fff !important;
    color: #000 !important;
  }
  .card { background: #fff !important; border-color: #ddd !important; box-shadow: none !important; }
  .table td, .table th { color: #000 !important; border-color: #ccc !important; background: #fff !important; }
  h1, h2, h3, h4, h5, h6 { color: #000 !important; }
}

/* ── STORE / LANDING PAGES ── */
.landing-page {
  color: #cbd5e1 !important;
}

.landing-page .product-options {
  color: #cbd5e1 !important;
}

.landing-page .product-options .item {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.12) !important;
  border-radius: 12px !important;
  color: #cbd5e1 !important;
}

.landing-page .product-options .item:hover {
  border-color: rgba(99,102,241,0.25) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
}

.landing-page .product-options p {
  color: #94a3b8 !important;
}

.landing-page .product-options .price {
  color: #e2e8f0 !important;
}

.landing-page .product-options h2,
.landing-page .product-options h3,
.landing-page .product-options h4 {
  color: #e2e8f0 !important;
}

.landing-page .product-options .icon {
  color: #818cf8 !important;
}

.landing-page .product-options .item .btn {
  background: linear-gradient(135deg, #6366f1, #7c3aed) !important;
  border: none !important;
  color: #fff !important;
}

.landing-page .product-options span {
  color: #94a3b8 !important;
}

/* store backgrounds */
.landing-page .content-block,
.landing-page .hero,
.landing-page .features,
.landing-page .faq,
.landing-page .audience {
  background: #080b14 !important;
  color: #cbd5e1 !important;
}

.landing-page .content-block:nth-child(even) {
  background: #0c1221 !important;
}

.landing-page .content-block.features .feature h4,
.landing-page .content-block.faq h4,
.landing-page .tab-content h3 {
  color: #e2e8f0 !important;
}

.landing-page .content-block.features .feature p,
.landing-page .content-block.faq p {
  color: #94a3b8 !important;
}

/* store pricing */
.landing-page .pricing-item,
.landing-page .get-started {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.12) !important;
  border-radius: 12px !important;
}

.landing-page .pricing-item .price,
.landing-page .get-started .price {
  color: #e2e8f0 !important;
}

/* Store order container */
.store-order-container {
  color: #cbd5e1 !important;
}

.store-order-container .store-domain-tab-content {
  background: #111827 !important;
  border-color: rgba(99,102,241,0.12) !important;
}

.store-order-container .payment-term h4 {
  color: #e2e8f0 !important;
}

/* Marketgoo/plans */
.landing-page .plan {
  background: #111827 !important;
  border-color: rgba(99,102,241,0.12) !important;
}

.landing-page .plan .header {
  background: #1a2035 !important;
  color: #e2e8f0 !important;
}

.landing-page .plan ul li {
  border-color: rgba(99,102,241,0.06) !important;
  color: #94a3b8 !important;
}

/* ── CART PRODUCT CARDS (when loaded via main template) ── */
#order-standard_cart .products .product {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.12) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2) !important;
  overflow: hidden;
}

#order-standard_cart .products .product header {
  background: #1a2035 !important;
  border-bottom: 1px solid rgba(99,102,241,0.1) !important;
}

#order-standard_cart .products .product header span {
  color: #e2e8f0 !important;
}

#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product .product-desc p,
#order-standard_cart .products .product .product-desc ul li {
  color: #94a3b8 !important;
}

#order-standard_cart .products .product .product-pricing {
  color: #94a3b8 !important;
}

#order-standard_cart .products .product .product-pricing .price {
  color: #e2e8f0 !important;
  font-weight: 700 !important;
}

#order-standard_cart .products .product footer {
  background: rgba(26,32,53,0.4) !important;
  border-top: 1px solid rgba(99,102,241,0.08) !important;
}

#order-standard_cart .products .product .btn-order-now {
  background: linear-gradient(135deg, #6366f1, #7c3aed) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 8px !important;
}

/* ── FEATURE VALUE HIGHLIGHT ── */
.feature-value {
  color: #818cf8 !important;
}

/* ── FIX: color: var(--white) overrides — these need LIGHT text ── */

/* Cart badge text */
.tt-cart-badge,
.tt-toolbar-wrap .toolbar li .badge {
  color: #fff !important;
}

/* Social/separator icons */
.tt-separate-con a,
.tt-social-links a {
  color: #94a3b8 !important;
}

.tt-separate-con a:hover,
.tt-social-links a:hover {
  color: #e2e8f0 !important;
}

/* Popular badge text */
.tt-popular-badge,
.tt-popular-badge span {
  color: #fff !important;
}

/* Service info cards (homepage "Nossos Produtos" section) */
.tt-service-single {
  overflow: hidden;
}

.tt-service-info {
  background: #0d1117 !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(99,102,241,0.15) !important;
}

.tt-service-info h3,
.tt-service-info h5,
.tt-service-info .h5 {
  color: #e2e8f0 !important;
}

.tt-service-info p {
  color: #94a3b8 !important;
}

.tt-service-info a,
.tt-service-info .tt-read-more {
  color: #818cf8 !important;
  opacity: 1 !important;
}

.tt-service-info a:hover {
  color: #a5b4fc !important;
}

/* bg-dark section override */
section.bg-dark,
.bg-dark {
  background: #060912 !important;
  color: #e2e8f0 !important;
}

/* text-white override in dark theme */
.text-white {
  color: #e2e8f0 !important;
}

/* ── PRICING SECTION (homepage) ── */
.tt-price-single.bg-white,
.tt-price-single {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.12) !important;
  border-radius: 12px !important;
  color: #cbd5e1 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2) !important;
}

.tt-price-single:hover {
  border-color: rgba(99,102,241,0.3) !important;
  box-shadow: 0 12px 36px rgba(0,0,0,0.3) !important;
  transform: translateY(-3px);
}

.tt-price-single h2,
.tt-price-single .h5 {
  color: #e2e8f0 !important;
}

.tt-price-single .text-muted {
  color: #64748b !important;
}

.tt-price-single .tt-price {
  color: #818cf8 !important;
  font-weight: 700 !important;
}

.tt-price-single .tt-price span {
  color: #94a3b8 !important;
}

.tt-price-single p {
  color: #94a3b8 !important;
}

.tt-price-single .btn-default {
  background: #1a2035 !important;
  border: 1px solid rgba(99,102,241,0.2) !important;
  color: #818cf8 !important;
}

.tt-price-single .btn-default:hover {
  background: rgba(99,102,241,0.12) !important;
  color: #a5b4fc !important;
}

.tt-price-single .btn-primary {
  background: linear-gradient(135deg, #6366f1, #7c3aed) !important;
  border: none !important;
  color: #fff !important;
}

/* ── DOMAIN REGISTER/TRANSFER CARDS ── */
.tt-rt-info h5,
.tt-rt-info .card-title {
  color: #e2e8f0 !important;
}

.tt-rt-info p {
  color: #94a3b8 !important;
}

.tt-rt-info .tt-read-more {
  color: #818cf8 !important;
}

/* bg-white used as card backgrounds on homepage */
.bg-white.tt-rounded,
.bg-white.p-4 {
  background: #111827 !important;
  border: 1px solid rgba(99,102,241,0.12) !important;
}

/* ── SECTION HEADINGS ── */
.tt-section-heading h2 {
  color: #e2e8f0 !important;
}

.tt-section-heading p {
  color: #94a3b8 !important;
}

/* ── HOMEPAGE PROMO ICONS ── */
.tt-promo i {
  color: #818cf8 !important;
}

/* ── READ MORE LINKS ── */
.tt-read-more {
  color: #818cf8 !important;
}

.tt-read-more:hover,
.tt-read-more:hover i {
  color: #a5b4fc !important;
}

/* ── ptb-100 sections ── */
.ptb-100 {
  background: transparent !important;
}

/* ── HERO SECTION ── */
.tt-hero {
  color: #e2e8f0 !important;
}

.tt-hero h1 {
  color: #e2e8f0 !important;
}

.tt-hero p {
  color: #94a3b8 !important;
}

/* ── DOMAIN SEARCH SECTION ── */
.tt-domain-search-wrap {
  color: #cbd5e1 !important;
}

.tt-domain-search-wrap p {
  color: #94a3b8 !important;
}

.tt-domain-search-wrap a {
  color: #818cf8 !important;
}

.home-domain-search .tld-logos li {
  background: rgba(99,102,241,0.08) !important;
  color: #94a3b8 !important;
}

/* ── TESTIMONIAL SECTION ── */
.tt-testimonial-section {
  color: #cbd5e1 !important;
}

.tt-testimonial-wrap p {
  color: #94a3b8 !important;
}

.tt-testimonial-wrap .tt-testimonial-name {
  color: #e2e8f0 !important;
}

/* ── FIX: border decoratives that used var(--white) ── */
.tt-triangle-right {
  border-bottom-color: #111827 !important;
}

.tt-popular-badge:after {
  border-right-color: #111827 !important;
}

/* ── FIX: tt-service-info links use var(--gray-light) which is dark ── */
.tt-service-info a,
.tt-service-info .tt-read-more,
.tt-service-info a.tt-read-more {
  color: #818cf8 !important;
  opacity: 1 !important;
}

.tt-service-info a:hover {
  color: #a5b4fc !important;
}

/* ── FIX: Bootstrap bg-white in theme.min.css uses var(--white) which is now light ── */
.bg-white {
  background: #111827 !important;
}

/* ── MARKDOWN EDITOR (bootstrap-markdown) dark theme ── */
.md-editor {
  border: 1px solid rgba(99,102,241,0.2) !important;
  background: #1a2035 !important;
  border-radius: 8px !important;
  overflow: hidden;
}
.md-editor > .md-header {
  background: #111827 !important;
  border-bottom: 1px solid rgba(99,102,241,0.15) !important;
  padding: 8px !important;
}
.md-editor > .md-header .btn-group .btn,
.md-editor > .md-header .btn {
  background: transparent !important;
  color: #94a3b8 !important;
  border: 1px solid rgba(99,102,241,0.15) !important;
}
.md-editor > .md-header .btn-group .btn:hover,
.md-editor > .md-header .btn:hover,
.md-editor > .md-header .btn.active {
  background: rgba(99,102,241,0.15) !important;
  color: #e2e8f0 !important;
}
.md-editor > textarea {
  background: #1a2035 !important;
  color: #e2e8f0 !important;
  border-top: 1px solid rgba(99,102,241,0.12) !important;
  border-bottom: 1px solid rgba(99,102,241,0.12) !important;
  caret-color: #818cf8;
  font-family: "Inter", -apple-system, sans-serif !important;
  font-size: 14px !important;
  padding: 12px !important;
}
.md-editor > textarea:focus {
  background: #1e293b !important;
  color: #f1f5f9 !important;
  box-shadow: none !important;
}
.md-editor > .md-preview {
  background: #1a2035 !important;
  color: #cbd5e1 !important;
  border-top: 1px dashed rgba(99,102,241,0.15) !important;
  border-bottom: 1px dashed rgba(99,102,241,0.15) !important;
  padding: 12px !important;
}
.md-editor.active {
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 3px rgba(99,102,241,0.12) !important;
}
.md-editor > .md-footer {
  background: #111827 !important;
  color: #64748b !important;
  border-top: 1px solid rgba(99,102,241,0.1) !important;
}
.md-editor .md-controls .md-control {
  color: #64748b !important;
}
.md-editor .md-controls .md-control:hover {
  color: #e2e8f0 !important;
}