/* ═══════════════════════════════════════════════════════════════════
   Uma Empresa .com — WHMCS Dark Theme
   Sobrepõe o Twenty-One (WHMCS v8/v9)
   Carregado via {assetExists file="custom.css"} no includes/head.tpl
   ═══════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@400;500&display=swap');

/* ── Variáveis de cor ── */
:root {
  --ue-bg:       #080808;
  --ue-bg2:      #111111;
  --ue-bg3:      #191919;
  --ue-bg4:      #222222;
  --ue-border:   rgba(255,255,255,0.07);
  --ue-borderhov:rgba(255,255,255,0.15);
  --ue-accent:   #f0274f;
  --ue-accdim:   rgba(240,39,79,0.09);
  --ue-accbrd:   rgba(240,39,79,0.24);
  --ue-text:     #f2efeb;
  --ue-muted:    #888888;
  --ue-dim:      #3a3a3a;
  --ue-success:  #22c55e;
  --ue-warning:  #f59e0b;
  --ue-danger:   #ef4444;
  --ue-info:     #3b82f6;
}

/* ── Base ── */
html { font-size: 14px; }

body.primary-bg-color {
  background-color: var(--ue-bg) !important;
  color: var(--ue-text) !important;
  font-family: 'DM Sans', -apple-system, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Syne', sans-serif !important;
  color: var(--ue-text) !important;
  letter-spacing: -0.025em;
}

a { color: var(--ue-accent); }
a:hover { opacity: 0.8; text-decoration: none; }

hr { border-color: var(--ue-border); }

code, pre, kbd, samp {
  font-family: 'DM Mono', monospace !important;
}

/* ── Header / Navbar ── */
header.header {
  background-color: rgba(8,8,8,0.95) !important;
  border-bottom: 1px solid var(--ue-border);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

header.header .topbar {
  background-color: #050505 !important;
  border-bottom: 1px solid var(--ue-border);
  color: var(--ue-muted) !important;
}

header.header .topbar .btn,
header.header .topbar .active-client .btn,
header.header .topbar .active-client .input-group-text {
  color: var(--ue-muted) !important;
}

header.header .topbar .active-client .btn.btn-active-client span {
  border-bottom-color: var(--ue-muted) !important;
}

header.header .topbar .btn:hover {
  color: var(--ue-text) !important;
}

header.header .navbar {
  background-color: transparent !important;
}

header.header .navbar a,
header.header .navbar-nav a {
  color: var(--ue-muted) !important;
  transition: color 0.2s;
}

header.header .navbar-nav a:hover {
  color: var(--ue-text) !important;
}

header.header .navbar-nav .nav-link {
  font-size: 0.875rem !important;
}

header.header .toolbar .nav-link {
  border-color: var(--ue-border) !important;
  color: var(--ue-muted) !important;
}

header.header .toolbar .nav-link:hover {
  color: var(--ue-text) !important;
  border-color: var(--ue-borderhov) !important;
}

header.header .search {
  border-color: var(--ue-border) !important;
  background: var(--ue-bg3);
}

header.header .search .btn { color: var(--ue-muted) !important; }
header.header .search .form-control {
  background: transparent !important;
  color: var(--ue-text) !important;
}

header.header .search:focus-within {
  border-color: var(--ue-accent) !important;
}

header.header .dropdown-item.active,
header.header .dropdown-item:active {
  background-color: var(--ue-bg4) !important;
}

/* Logo */
header.header .logo-img {
  max-height: 38px;
  width: auto;
}

/* Navbar toggler (mobile hamburger) */
.navbar-toggler {
  border-color: var(--ue-border) !important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(242,239,235,0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Dropdown */
.dropdown-menu {
  background-color: var(--ue-bg2) !important;
  border: 1px solid var(--ue-border) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.6) !important;
}

.dropdown-item {
  color: var(--ue-muted) !important;
  border-radius: 6px !important;
  font-size: 0.875rem;
}

.dropdown-item:hover, .dropdown-item:focus {
  background-color: var(--ue-bg3) !important;
  color: var(--ue-text) !important;
}

.dropdown-divider { border-color: var(--ue-border) !important; }

/* Breadcrumb */
.master-breadcrumb {
  background-color: var(--ue-bg2) !important;
  border-bottom: 1px solid var(--ue-border);
}

.master-breadcrumb .breadcrumb {
  background: transparent !important;
}

.breadcrumb-item a { color: var(--ue-muted) !important; }
.breadcrumb-item a:hover { color: var(--ue-text) !important; }
.breadcrumb-item.active { color: var(--ue-text) !important; }
.breadcrumb-item + .breadcrumb-item::before { color: var(--ue-dim) !important; }

/* ── Main body ── */
#main-body {
  background-color: var(--ue-bg) !important;
  padding: 1.5rem 0;
}

.primary-content { color: var(--ue-text); }

/* ── Sidebar ── */
.sidebar {
  background-color: transparent !important;
}

.sidebar .card {
  background-color: var(--ue-bg2) !important;
  border-color: var(--ue-border) !important;
}

.sidebar .list-group-item {
  background-color: transparent !important;
  border-color: var(--ue-border) !important;
  color: var(--ue-muted) !important;
  font-size: 0.875rem;
}

.sidebar .list-group-item:hover {
  background-color: var(--ue-bg3) !important;
  color: var(--ue-text) !important;
}

.sidebar .list-group-item.active {
  background-color: var(--ue-accdim) !important;
  border-color: var(--ue-accbrd) !important;
  color: var(--ue-accent) !important;
}

/* ── Cards ── */
.card {
  background-color: var(--ue-bg2) !important;
  border: 1px solid var(--ue-border) !important;
  border-radius: 12px !important;
}

.card-header {
  background-color: var(--ue-bg3) !important;
  border-bottom: 1px solid var(--ue-border) !important;
  color: var(--ue-text) !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 12px 12px 0 0 !important;
}

.card-body { color: var(--ue-text) !important; }

.card-footer {
  background-color: var(--ue-bg3) !important;
  border-top: 1px solid var(--ue-border) !important;
  border-radius: 0 0 12px 12px !important;
}

.card-title {
  font-family: 'Syne', sans-serif !important;
  color: var(--ue-text) !important;
}

/* Card accent bars (usados no clientareahome) */
.card-accent-blue   { border-top: 3px solid #3b82f6 !important; }
.card-accent-green  { border-top: 3px solid var(--ue-success) !important; }
.card-accent-red    { border-top: 3px solid var(--ue-danger) !important; }
.card-accent-gold   { border-top: 3px solid var(--ue-warning) !important; }
.card-accent-orange { border-top: 3px solid #f97316 !important; }
.card-accent-pink   { border-top: 3px solid #ec4899 !important; }
.card-accent-purple { border-top: 3px solid #a855f7 !important; }
.card-accent-teal   { border-top: 3px solid #14b8a6 !important; }

/* ── Tiles (painel de dashboard) ── */
.tiles .tile {
  background-color: var(--ue-bg2) !important;
  border-right: 1px solid var(--ue-border) !important;
  color: var(--ue-text) !important;
  text-decoration: none;
  transition: background 0.2s, border-color 0.2s;
}

.tiles .tile .stat {
  font-family: 'Syne', sans-serif !important;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: var(--ue-text) !important;
}

.tiles .tile .title {
  color: var(--ue-muted) !important;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
}

.tiles .tile i { color: var(--ue-dim) !important; }

.tiles .tile:hover {
  background-color: var(--ue-bg3) !important;
  cursor: pointer;
}

.tiles .tile:hover i { color: var(--ue-muted) !important; }

.tiles .row > div:last-child .tile { border: 0 !important; }

/* Highlight bars nas tiles */
.bg-color-blue   { background-color: #3b82f6 !important; }
.bg-color-green  { background-color: var(--ue-success) !important; }
.bg-color-red    { background-color: var(--ue-accent) !important; }
.bg-color-gold   { background-color: var(--ue-warning) !important; }
.bg-color-orange { background-color: #f97316 !important; }

/* ── Botões ── */
.btn {
  border-radius: 7px !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  transition: opacity 0.2s, transform 0.15s !important;
}

.btn:hover:not(:disabled) { transform: translateY(-1px); }

.btn-primary {
  background-color: var(--ue-accent) !important;
  border-color: var(--ue-accent) !important;
  color: #fff !important;
}

.btn-primary:hover {
  background-color: var(--ue-accent) !important;
  opacity: 0.85;
}

.btn-success {
  background-color: var(--ue-success) !important;
  border-color: var(--ue-success) !important;
  color: #fff !important;
}

.btn-default,
.btn-secondary {
  background-color: var(--ue-bg3) !important;
  border: 1px solid var(--ue-border) !important;
  color: var(--ue-muted) !important;
}

.btn-default:hover,
.btn-secondary:hover {
  border-color: var(--ue-borderhov) !important;
  color: var(--ue-text) !important;
}

.btn-danger  { background-color: var(--ue-danger)  !important; border-color: var(--ue-danger)  !important; color: #fff !important; }
.btn-warning { background-color: var(--ue-warning) !important; border-color: var(--ue-warning) !important; color: #080808 !important; }
.btn-info    { background-color: var(--ue-info)    !important; border-color: var(--ue-info)    !important; color: #fff !important; }

.btn-link { color: var(--ue-accent) !important; }

.btn-xs {
  border-radius: 5px !important;
  font-size: 0.78rem !important;
  padding: 0.25rem 0.6rem !important;
}

/* ── Formulários ── */
.form-control,
select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="search"],
input[type="date"],
input[type="url"] {
  background-color: var(--ue-bg3) !important;
  border: 1px solid var(--ue-border) !important;
  border-radius: 7px !important;
  color: var(--ue-text) !important;
  font-family: 'DM Sans', sans-serif !important;
}

.form-control:focus,
select:focus,
textarea:focus,
input:focus {
  background-color: var(--ue-bg3) !important;
  border-color: var(--ue-accent) !important;
  box-shadow: 0 0 0 3px var(--ue-accdim) !important;
  color: var(--ue-text) !important;
  outline: none !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--ue-muted) !important;
  opacity: 1;
}

label, .form-label { color: var(--ue-muted) !important; }

.help-block, .form-text { color: var(--ue-muted) !important; font-size: 0.8rem; }

.input-group-text {
  background-color: var(--ue-bg3) !important;
  border: 1px solid var(--ue-border) !important;
  color: var(--ue-muted) !important;
}

.form-check-input {
  background-color: var(--ue-bg3) !important;
  border-color: var(--ue-border) !important;
}
.form-check-input:checked {
  background-color: var(--ue-accent) !important;
  border-color: var(--ue-accent) !important;
}
.form-check-label { color: var(--ue-muted) !important; }

/* ── Tabelas ── */
.table { color: var(--ue-text) !important; }

.table thead th {
  background-color: var(--ue-bg3) !important;
  border-bottom: 1px solid var(--ue-border) !important;
  border-top: none !important;
  color: var(--ue-muted) !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 500;
}

.table tbody tr { border-bottom: 1px solid var(--ue-border) !important; }
.table tbody tr:hover { background-color: var(--ue-bg3) !important; }

.table td, .table th {
  border-color: var(--ue-border) !important;
  color: var(--ue-text) !important;
  vertical-align: middle !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255,255,255,0.02) !important;
}

/* ── Alertas ── */
.alert { border-radius: 10px !important; font-size: 0.9rem; }

.alert-success {
  background-color: rgba(34,197,94,0.08) !important;
  border-color: rgba(34,197,94,0.2) !important;
  color: #4ade80 !important;
}
.alert-danger, .alert-error {
  background-color: rgba(239,68,68,0.08) !important;
  border-color: rgba(239,68,68,0.2) !important;
  color: #f87171 !important;
}
.alert-warning {
  background-color: rgba(245,158,11,0.08) !important;
  border-color: rgba(245,158,11,0.2) !important;
  color: #fbbf24 !important;
}
.alert-info {
  background-color: rgba(59,130,246,0.08) !important;
  border-color: rgba(59,130,246,0.2) !important;
  color: #60a5fa !important;
}

/* ── Badges ── */
.badge {
  font-family: 'DM Mono', monospace !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.05em !important;
  border-radius: 100px !important;
}

.badge-primary  { background-color: var(--ue-accent) !important; }
.badge-success  { background-color: var(--ue-success) !important; }
.badge-danger   { background-color: var(--ue-danger) !important; }
.badge-warning  { background-color: var(--ue-warning) !important; color: #080808 !important; }
.badge-info     { background-color: var(--ue-info) !important; }
.badge-default,
.badge-secondary { background-color: var(--ue-bg4) !important; color: var(--ue-muted) !important; }

/* Status labels WHMCS */
.label-active   { background-color: rgba(34,197,94,0.1) !important; color: #4ade80 !important; border: 1px solid rgba(34,197,94,0.25) !important; border-radius: 100px !important; }
.label-suspended,
.label-cancelled { background-color: rgba(239,68,68,0.1) !important; color: #f87171 !important; border: 1px solid rgba(239,68,68,0.25) !important; border-radius: 100px !important; }
.label-pending  { background-color: rgba(245,158,11,0.1) !important; color: #fbbf24 !important; border: 1px solid rgba(245,158,11,0.25) !important; border-radius: 100px !important; }
.label-default  { background-color: var(--ue-bg4) !important; color: var(--ue-muted) !important; border: 1px solid var(--ue-border) !important; border-radius: 100px !important; }

/* ── Paginação ── */
.page-link {
  background-color: var(--ue-bg2) !important;
  border-color: var(--ue-border) !important;
  color: var(--ue-muted) !important;
}

.page-link:hover {
  background-color: var(--ue-bg3) !important;
  border-color: var(--ue-borderhov) !important;
  color: var(--ue-text) !important;
}

.page-item.active .page-link {
  background-color: var(--ue-accent) !important;
  border-color: var(--ue-accent) !important;
  color: #fff !important;
}

.page-item.disabled .page-link {
  background-color: var(--ue-bg2) !important;
  color: var(--ue-dim) !important;
}

/* ── Modais ── */
.modal-content {
  background-color: var(--ue-bg2) !important;
  border: 1px solid var(--ue-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 64px rgba(0,0,0,0.7) !important;
}

.modal-header {
  border-bottom: 1px solid var(--ue-border) !important;
}

.modal-title {
  font-family: 'Syne', sans-serif !important;
  font-weight: 700;
  color: var(--ue-text) !important;
}

.modal-footer { border-top: 1px solid var(--ue-border) !important; }

.modal-backdrop { background-color: rgba(0,0,0,0.8) !important; }

.close, .btn-close {
  color: var(--ue-muted) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* ── Tabs ── */
.nav-tabs { border-bottom: 1px solid var(--ue-border) !important; }

.nav-tabs .nav-link {
  color: var(--ue-muted) !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  font-size: 0.875rem;
  transition: color 0.2s, border-color 0.2s;
}

.nav-tabs .nav-link:hover {
  color: var(--ue-text) !important;
  border-color: transparent !important;
  background: transparent !important;
}

.nav-tabs .nav-link.active {
  background: transparent !important;
  border-bottom-color: var(--ue-accent) !important;
  color: var(--ue-text) !important;
}

/* ── List groups ── */
.list-group-item {
  background-color: var(--ue-bg2) !important;
  border-color: var(--ue-border) !important;
  color: var(--ue-text) !important;
}

.list-group-item:hover {
  background-color: var(--ue-bg3) !important;
}

.list-group-item.active {
  background-color: var(--ue-accdim) !important;
  border-color: var(--ue-accbrd) !important;
  color: var(--ue-accent) !important;
}

.list-group-item-action { color: var(--ue-muted) !important; }
.list-group-item-action:hover { color: var(--ue-text) !important; }

/* ── Progress bars ── */
.progress {
  background-color: var(--ue-bg4) !important;
  border-radius: 100px !important;
  height: 6px !important;
}

.progress-bar {
  background-color: var(--ue-accent) !important;
}

/* ── Footer ── */
footer.footer {
  background-color: var(--ue-bg2) !important;
  border-top: 1px solid var(--ue-border) !important;
  color: var(--ue-muted) !important;
}

footer.footer .nav-link,
footer.footer .btn {
  color: var(--ue-muted) !important;
  font-size: 0.78rem;
}

footer.footer .nav-link:hover,
footer.footer .btn:hover {
  color: var(--ue-text) !important;
}

footer.footer .copyright {
  color: var(--ue-dim) !important;
  font-size: 0.75rem;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--ue-bg); }
::-webkit-scrollbar-thumb { background: var(--ue-dim); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--ue-muted); }

/* ── Utilitários ── */
.text-muted   { color: var(--ue-muted) !important; }
.text-primary { color: var(--ue-accent) !important; }
.text-success { color: var(--ue-success) !important; }
.text-danger  { color: var(--ue-danger) !important; }
.text-warning { color: var(--ue-warning) !important; }
.text-info    { color: var(--ue-info) !important; }

.bg-light     { background-color: var(--ue-bg2) !important; }
.bg-white     { background-color: var(--ue-bg2) !important; }
.bg-dark      { background-color: var(--ue-bg3) !important; }

.border, .border-top, .border-bottom, .border-left, .border-right {
  border-color: var(--ue-border) !important;
}

.shadow, .shadow-sm, .shadow-lg {
  box-shadow: 0 4px 24px rgba(0,0,0,0.5) !important;
}

/* ── Fullpage overlay ── */
#fullpage-overlay {
  background-color: rgba(8,8,8,0.9) !important;
}

/* ── Domain search ── */
.home-domain-search,
.home-domain-search .input-group-wrapper,
.home-domain-search .input-group,
.home-domain-search .form-control,
.home-domain-search input[type="text"] {
  background-color: var(--ue-bg3) !important;
  border-color: var(--ue-border) !important;
  color: var(--ue-text) !important;
}

.home-domain-search .input-group-wrapper {
  border: 1px solid var(--ue-border) !important;
  border-radius: 7px !important;
}

.home-domain-search .input-group-append .btn {
  border-radius: 0 7px 7px 0 !important;
}

/* ── Action icon cards (homepage tiles) ── */
.action-icon-btns a,
.action-icon-btns .card,
.ico-container,
.card-columns .card,
.card-columns a.card {
  background-color: var(--ue-bg2) !important;
  border: 1px solid var(--ue-border) !important;
  color: var(--ue-muted) !important;
}

.action-icon-btns a:hover,
.action-icon-btns .card:hover {
  background-color: var(--ue-bg3) !important;
  border-color: var(--ue-borderhov) !important;
  color: var(--ue-text) !important;
}

.action-icon-btns a i,
.ico-container i {
  color: var(--ue-muted) !important;
}

/* ── Announcements / articles ── */
.announcements article,
.announcements .announcement,
.announcement article,
article {
  background-color: var(--ue-bg2) !important;
  border-color: var(--ue-border) !important;
  color: var(--ue-text) !important;
}

.announcements article p,
.announcement article p {
  color: var(--ue-muted) !important;
}

/* ── Store / Product cards ── */
.product,
.product-desc,
#products .product,
.order-standard-cart .product,
.product header,
.product .header-lined,
.product .product-desc,
div[id^="product"] {
  background-color: var(--ue-bg2) !important;
  border-color: var(--ue-border) !important;
  color: var(--ue-text) !important;
}

div[id^="product"] header {
  background-color: var(--ue-bg3) !important;
  border-bottom: 1px solid var(--ue-border) !important;
}

div[id^="product"] p,
div[id^="product"] ul li {
  color: var(--ue-muted) !important;
}

/* Product price */
.price, .price-label, .price-period {
  color: var(--ue-text) !important;
}

/* ── Sidebar collapsed (store) ── */
.sidebar-collapsed,
.sidebar-collapsed .card {
  background-color: var(--ue-bg2) !important;
  border-color: var(--ue-border) !important;
}

/* ── General white backgrounds catch-all ── */
.bg-white,
.bg-light,
[style*="background-color: #fff"],
[style*="background-color:#fff"],
[style*="background-color: white"],
[style*="background: white"],
[style*="background:#fff"] {
  background-color: var(--ue-bg2) !important;
}

/* Inputs and selects in white ── */
input[style*="background"],
select[style*="background"] {
  background-color: var(--ue-bg3) !important;
  color: var(--ue-text) !important;
}

/* ════════════════════════════════════════════════
   STORE / ORDER WIZARD — fixes específicos
════════════════════════════════════════════════ */

/* ── Dropdown menu z-index (sobrepõe tudo) ── */
header.header .navbar .dropdown-menu,
.navbar .dropdown-menu {
  z-index: 9999 !important;
}

/* ── Domain selection options (fundo cinzento claro) ── */
.domain-selection-options .option,
#order-standard-cart .domain-selection-options .option {
  background-color: var(--ue-bg2) !important;
  border: 1px solid var(--ue-border) !important;
  border-radius: 6px !important;
  color: var(--ue-text) !important;
}

.domain-selection-options .option:hover {
  background-color: var(--ue-bg3) !important;
  border-color: var(--ue-borderhov) !important;
}

.domain-selection-options .option label {
  color: var(--ue-text) !important;
}

.domain-selection-options input[type="text"],
.domain-selection-options select {
  background-color: var(--ue-bg3) !important;
  border-color: var(--ue-border) !important;
  color: var(--ue-text) !important;
}

/* ── Panel addon (configuração de domínio) ── */
#order-standard-cart .panel-addon,
#order-standard-cart .panel-addon .panel-default,
#order-standard-cart .panel-addon .panel-body {
  background-color: var(--ue-bg2) !important;
  border-color: var(--ue-border) !important;
  color: var(--ue-muted) !important;
}

/* ── Panel price (configuração de domínio) ── */
/* Seletor exato do all.min.css para ganhar especificidade */
body #order-standard-cart .panel-addon .panel-price,
#order-standard-cart .panel-addon .panel-price {
  background-color: var(--ue-bg3) !important;
  border-color: var(--ue-border) !important;
  color: var(--ue-text) !important;
}

body #order-standard-cart .panel-addon:hover .panel-price {
  background-color: var(--ue-bg4) !important;
}

/* ── Cart / View cart items ── */
body #order-standard-cart .view-cart-items {
  background-color: var(--ue-bg2) !important;
}

body #order-standard-cart .view-cart-items .item,
#order-standard-cart .view-cart-items .item {
  background-color: var(--ue-bg2) !important;
  color: var(--ue-text) !important;
  border-bottom: 1px solid var(--ue-border) !important;
}

body #order-standard-cart .view-cart-items .item:nth-child(odd) {
  background-color: #141414 !important;
}

body #order-standard-cart .view-cart-items .item:hover {
  background-color: var(--ue-bg3) !important;
}

/* Cart table header */
#order-standard-cart .view-cart-items .cart-header,
#order-standard-cart .cart-header {
  background-color: var(--ue-bg3) !important;
  color: var(--ue-muted) !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* ── Tab content (promo code / impostos) ── */
body #order-standard-cart .view-cart-tabs .tab-content,
#order-standard-cart .view-cart-tabs .tab-content {
  background-color: var(--ue-bg2) !important;
  border: 1px solid var(--ue-border) !important;
  border-radius: 0 0 8px 8px !important;
}

body #order-standard-cart .view-cart-tabs,
#order-standard-cart .view-cart-tabs,
#order-standard-cart .view-cart-tabs .nav-tabs {
  border-color: var(--ue-border) !important;
}

/* ── Order summary sidebar ── */
body #order-standard-cart .summary-container,
#order-standard-cart .summary-container,
body #scrollingPanelContainer .secondary-cart-sidebar,
body #orderSummary .order-summary,
#orderSummary .order-summary,
.secondary-cart-body {
  background-color: var(--ue-bg2) !important;
  border: 1px solid var(--ue-border) !important;
  border-radius: 12px !important;
  color: var(--ue-text) !important;
}

body #orderSummary h2,
#orderSummary h2,
.order-summary h2 {
  color: var(--ue-text) !important;
  font-family: 'Syne', sans-serif !important;
}

.subtotal, .order-total, .total-due {
  color: var(--ue-text) !important;
}

/* ── Domain pricing table ── */
.domain-pricing .bg-white,
.domain-pricing .tld-pricing-header,
.domain-pricing .tld-row,
.domain-pricing .filtered-row,
body .domain-pricing > .bg-white {
  background-color: var(--ue-bg2) !important;
  border-color: var(--ue-border) !important;
  color: var(--ue-text) !important;
}

.domain-pricing .tld-pricing-header div:nth-child(2n+1),
.domain-pricing .tld-pricing-header div:nth-child(odd) {
  background-color: var(--ue-bg3) !important;
  border-color: var(--ue-border) !important;
  color: var(--ue-muted) !important;
}

.domain-pricing .tld-pricing-header div:nth-child(2n),
.domain-pricing .tld-pricing-header div:nth-child(even) {
  background-color: var(--ue-bg2) !important;
}

.domain-pricing .two-row-center {
  background-color: var(--ue-bg2) !important;
  color: var(--ue-text) !important;
}

.domain-pricing strong,
.domain-pricing .tld-column {
  color: var(--ue-text) !important;
}

/* ── Domain promo boxes ── */
.domain-promo-box,
.domain-pricing .domain-promo-box {
  background-color: var(--ue-bg2) !important;
  border: 1px solid var(--ue-border) !important;
  border-radius: 10px !important;
  color: var(--ue-muted) !important;
}

.domain-promo-box h3,
.domain-promo-box p {
  color: var(--ue-muted) !important;
}

/* ── Product card — nome em destaque (accent) ── */
body #order-standard-cart .products .product header span,
#order-standard-cart .products .product header span,
span[id$="-name"] {
  color: var(--ue-accent) !important;
  font-family: 'Syne', sans-serif !important;
  font-weight: 700 !important;
}

/* Product card container */
#order-standard-cart .products .product {
  background-color: var(--ue-bg2) !important;
  border: 1px solid var(--ue-border) !important;
  border-radius: 12px !important;
}

#order-standard-cart .products .product .product-desc {
  background-color: var(--ue-bg2) !important;
  color: var(--ue-muted) !important;
}

#order-standard-cart .products .product .header-lined {
  background-color: var(--ue-bg3) !important;
  border-bottom: 1px solid var(--ue-border) !important;
}

/* ── Promo code form ── */
#order-standard-cart .promo-code-form,
#order-standard-cart .tax-estimate {
  background-color: var(--ue-bg2) !important;
  border: 1px solid var(--ue-border) !important;
  border-radius: 8px !important;
}

/* ── Payment gateway (PayPal / CC container) ── */
#creditCardInputFields,
#creditCardInputFields.cc-input-container,
.cc-input-container,
#paymentGatewayInput,
#paymentGatewaysContainer {
  background-color: var(--ue-bg2) !important;
  border-color: var(--ue-border) !important;
}

/* PayPal button wrapper — preservar branding PayPal, escurecer apenas o container */
#creditCardInputFields .row,
#creditCardInputFields .form-group {
  background-color: transparent !important;
}




/* ════════════════════════════════════════════════
   STORE / CART — overrides do core WHMCS
   Carregados depois do {$headoutput} via head.tpl
════════════════════════════════════════════════ */

/* Cart items */
#order-standard-cart .view-cart-items .item{background-color:#111111!important;color:#f2efeb!important;border-bottom:1px solid rgba(255,255,255,0.07)!important}
#order-standard-cart .view-cart-items .item:nth-child(odd){background-color:#141414!important}
#order-standard-cart .view-cart-items .item:hover{background-color:rgba(255,255,255,0.03)!important}
#order-standard-cart .view-cart-items{background-color:transparent!important}
#order-standard-cart .view-cart-items-header{background-color:#111111!important;color:#888!important}

/* Empty cart */
#order-standard-cart .empty-cart .btn{background-color:#111111!important;border-color:rgba(255,255,255,0.07)!important;color:#888!important}
#order-standard-cart .empty-cart .btn:hover{border-color:rgba(255,255,255,0.15)!important;color:#f2efeb!important}

/* Product info */
#order-standard-cart .product-info{background-color:#111111!important;color:#f2efeb!important}

/* Tab content (promo / impostos) */
#order-standard-cart .view-cart-tabs .tab-content{background-color:#111111!important;border:1px solid rgba(255,255,255,0.07)!important}

/* Panel price / addon */
#order-standard-cart .panel-addon .panel-price{background-color:#191919!important;color:#f2efeb!important;border-color:rgba(255,255,255,0.07)!important}
#order-standard-cart .panel-addon .panel-default,
#order-standard-cart .panel-addon .panel-body{background-color:#111111!important;border-color:rgba(255,255,255,0.07)!important;color:#f2efeb!important}

/* Summary container */
.summary-container,#order-standard-cart .summary-container{background-color:#111111!important;border:1px solid rgba(255,255,255,0.07)!important;color:#f2efeb!important}

/* Domain selection */
.domain-selection-options .option{background-color:#111111!important;border-color:rgba(255,255,255,0.07)!important;color:#f2efeb!important}

/* Domain pricing */
.domain-pricing .bg-white,.domain-pricing>.bg-white{background-color:#111111!important}
.domain-pricing .tld-pricing-header div:nth-child(odd){background-color:#191919!important;border-color:rgba(255,255,255,0.07)!important}
.domain-pricing .tld-pricing-header div:nth-child(even){background-color:#111111!important}
.domain-pricing .tld-row,.domain-pricing .filtered-row{background-color:#111111!important;color:#f2efeb!important}

/* Domain promo boxes */
.domain-promo-box{background-color:#111111!important;border:1px solid rgba(255,255,255,0.07)!important;color:#888!important}
.domain-promo-box h3{color:#f2efeb!important}

/* Payment */
#creditCardInputFields,#paymentGatewaysContainer{background-color:#111111!important}

/* Product name accent */
#order-standard-cart .products .product header span,span[id$="-name"]{color:#f0274f!important;font-weight:700!important}

/* Action icon cards */
.action-icon-btns a{background-color:#111111!important;border:1px solid rgba(255,255,255,0.07)!important;color:#888!important}
.action-icon-btns a:hover{background-color:#191919!important;color:#f2efeb!important}

/* Tiles */
.tiles .tile{background-color:#191919!important;border-right-color:rgba(255,255,255,0.07)!important}
.tiles .tile:hover{background-color:#222222!important}

/* Announcements */
.announcements .announcement article{background-color:#111111!important;border-left-color:#f0274f!important;color:#888!important}

/* Tables */
table thead th{background-color:#191919!important;color:#888!important}
table tbody tr:nth-child(odd){background-color:rgba(255,255,255,0.02)!important}