body.app-shell:not(.catalog-shell) {
  --bg: #0b1114;
  --panel: #142126;
  --ink: #eef4f6;
  --muted: #a8b7bd;
  --line: #2a3a41;
  background: #0b1114;
  color: #eef4f6;
}

.balance-credit-toast {
  position: fixed;
  z-index: 300;
  right: 22px;
  bottom: 22px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 12px;
  width: min(390px, calc(100vw - 32px));
  padding: 15px;
  border: 1px solid #2b6956;
  border-radius: 14px;
  background: #142a24;
  color: #eef4f6;
  box-shadow: 0 16px 44px rgb(0 0 0 / 45%);
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .2s ease, transform .2s ease;
}
.balance-credit-toast[hidden] { display: none; }
.balance-credit-toast.is-visible { opacity: 1; transform: translateY(0); }
.balance-credit-toast-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #1d513f; color: #82f2c2; font-size: 27px; font-weight: 700; }
.balance-credit-toast-copy { display: grid; gap: 4px; min-width: 0; }
.balance-credit-toast-copy strong { color: #a1f0ce; font-size: 14px; }
.balance-credit-toast-copy small { color: #e0ece7; font-size: 12px; line-height: 1.45; }
.balance-credit-toast-close { padding: 0; background: transparent; color: #a8b7bd; font-size: 24px; }
.balance-credit-toast-close:hover { background: transparent; color: #ffffff; }
@media (max-width: 600px) {
  .balance-credit-toast { right: 12px; bottom: 82px; width: calc(100vw - 24px); }
}

body.app-shell:not(.catalog-shell) main {
  background: #0e171b;
  color: #eef4f6;
}

body.app-shell:not(.catalog-shell) main > header,
body.app-shell:not(.catalog-shell) .panel,
body.app-shell:not(.catalog-shell) .card,
body.app-shell:not(.catalog-shell) .product-card,
body.app-shell:not(.catalog-shell) .table-wrap,
body.app-shell:not(.catalog-shell) .orders-table-wrap,
body.app-shell:not(.catalog-shell) .wallet-table-wrap,
body.app-shell:not(.catalog-shell) .admin-user-card,
body.app-shell:not(.catalog-shell) .admin-price-table,
body.app-shell:not(.catalog-shell) .group-product-row,
body.app-shell:not(.catalog-shell) .group-admin-card,
body.app-shell:not(.catalog-shell) .group-admin-summary,
body.app-shell:not(.catalog-shell) .tree-node,
body.app-shell:not(.catalog-shell) .inventory-row,
body.app-shell:not(.catalog-shell) .inventory-modal-card,
body.app-shell:not(.catalog-shell) .inventory-loader form,
body.app-shell:not(.catalog-shell) .auto-field strong,
body.app-shell:not(.catalog-shell) .cart-line,
body.app-shell:not(.catalog-shell) .cart-total,
body.app-shell:not(.catalog-shell) .confirm-summary,
body.app-shell:not(.catalog-shell) .delivery-item,
body.app-shell:not(.catalog-shell) .new-product-item,
body.app-shell:not(.catalog-shell) .credential-result-card,
body.app-shell:not(.catalog-shell) .earnings-modal,
body.app-shell:not(.catalog-shell) .transfer-quote > div,
body.app-shell:not(.catalog-shell) .transfer-summary > div,
body.app-shell:not(.catalog-shell) .transfer-mode label,
body.app-shell:not(.catalog-shell) .transfer-confirm-values > div,
body.app-shell:not(.catalog-shell) .transfer-commission-row,
body.app-shell:not(.catalog-shell) .ticket-details > div,
body.app-shell:not(.catalog-shell) .automatic-admin-health > div,
body.app-shell:not(.catalog-shell) .recharge-confirm-amount {
  background: #142126 !important;
  border-color: #2a3a41 !important;
  color: #eef4f6;
  box-shadow: 0 12px 30px rgb(0 0 0 / 18%);
}

body.app-shell:not(.catalog-shell) .login-shell {
  background: #142126;
  border-color: #2a3a41;
}

body.app-shell:not(.catalog-shell) .store-modal {
  background: #142126;
  border-color: #2a3a41;
  color: #eef4f6;
}

body.app-shell:not(.catalog-shell) .professional-login {
  background: #142126;
}

body.app-shell:not(.catalog-shell) main :is(h1, h2, h3, h4, .page-head h1, .page-head h2, .admin-section-head h1, .admin-section h2) {
  color: #f4f8fa;
}

body.app-shell:not(.catalog-shell) main :is(p, .form-note, .muted, .current-user small, .admin-section-head p, .group-admin-summary p, .product-card p, .empty-state) {
  color: #a8b7bd;
}

body.app-shell:not(.catalog-shell) main :is(label, dt, .profile-list dt, .metric-list span, .product-preview, .inventory-loader summary, .group-price-form label) {
  color: #c7d3d7;
}

body.app-shell:not(.catalog-shell) main :is(.panel, .card, .product-card, .admin-user-card, .group-product-row, .inventory-row, .inventory-modal-card, .credential-result-card) :is(strong, dd, .auto-field span, .auto-field strong) {
  color: #eef4f6;
}

body.app-shell:not(.catalog-shell) main input:not([type="checkbox"]):not([type="radio"]),
body.app-shell:not(.catalog-shell) main select,
body.app-shell:not(.catalog-shell) main textarea {
  background: #0e171b;
  border-color: #34474f;
  color: #f4f8fa;
  color-scheme: dark;
}

body.app-shell:not(.catalog-shell) main input::placeholder,
body.app-shell:not(.catalog-shell) main textarea::placeholder {
  color: #83949b;
}

body.app-shell:not(.catalog-shell) main :is(.table-wrap, .orders-table-wrap, .wallet-table-wrap) {
  background: #142126 !important;
}

body.app-shell:not(.catalog-shell) main table :is(th, td) {
  border-color: #2a3a41;
  color: #dce6e9;
}

body.app-shell:not(.catalog-shell) main table th {
  background: #192a30;
  color: #a8b7bd;
}

body.app-shell:not(.catalog-shell) main :is(.tree-node, .group-product-row, .inventory-row, .credential-purchase-grid, .metric-list span) {
  border-color: #2a3a41;
}

body.app-shell:not(.catalog-shell) main :is(.root-node, .tree-node, .product-preview img, .product-row img, .product-thumb-empty, .product-card-image, .inventory-detail code, .credential-box, .cart-empty-message) {
  background-color: #0e171b;
  border-color: #34474f;
  color: #dce6e9;
}

body.app-shell:not(.catalog-shell) main :is(.profile-list dd, .group-product-info strong, .orders-table td strong, .credential-purchase-grid dd, .credential-purchase-grid dd a) {
  color: #eef4f6;
}

body.app-shell:not(.catalog-shell) main :is(.account-header, .money-chip) {
  background: #142126;
  border-color: #2a3a41;
}

body.app-shell:not(.catalog-shell) main .account-header .current-user b {
  color: #ffffff;
}

body.app-shell:not(.catalog-shell) main .account-header .current-user small {
  color: #a8b7bd;
}

body.app-shell:not(.catalog-shell) main .primary-money {
  background: #12372c;
  border-color: #2b5d4d;
}

body.app-shell:not(.catalog-shell) main .primary-money strong {
  color: #63e6b6;
}

body.app-shell:not(.catalog-shell) main .earnings-modal :is(.earnings-help, .earnings-modal-head span) {
  color: #a8b7bd;
}

body.app-shell:not(.catalog-shell) main .credential-box code {
  color: #eef4f6;
}

body.app-shell:not(.catalog-shell) main .recharge-confirm-box h3 {
  color: #f4f8fa;
}

body.app-shell:not(.catalog-shell) main .recharge-confirm-amount {
  background: #0e171b;
  border-color: #34474f;
}

body.app-shell:not(.catalog-shell) main .recharge-confirm-amount span {
  color: #a8b7bd;
}

body.app-shell:not(.catalog-shell) main .recharge-confirm-amount strong {
  color: #38bdf8;
}

body.app-shell:not(.catalog-shell) main .recharge-confirm-actions .secondary {
  background: #26383f;
  color: #e5eef1;
}

body.app-shell:not(.catalog-shell) main .transfer-confirm-values strong,
body.app-shell:not(.catalog-shell) main .ticket-details strong,
body.app-shell:not(.catalog-shell) main .automatic-admin-health strong {
  color: #eef4f6;
}

body.app-shell:not(.catalog-shell) main .alert.success {
  background: #12372c;
  border: 1px solid #2b5d4d;
  color: #a1f0ce;
}

body.app-shell:not(.catalog-shell) main .alert.danger {
  background: #3b1d22;
  border: 1px solid #69323b;
  color: #ffc3c8;
}

body.app-shell:not(.catalog-shell) main .alert.warning {
  background: #382d14;
  border: 1px solid #6b5423;
  color: #ffe6a3;
}

body.app-shell:not(.catalog-shell) main :is(.form-error, .inventory-modal-error) {
  background: #3b1d22;
  border: 1px solid #69323b;
  color: #ffc3c8;
}

body.app-shell:not(.catalog-shell) main :is(.payment-warning, .recharge-confirm-warning) {
  background: #382d14;
  border: 1px solid #6b5423;
  color: #ffe6a3 !important;
}

body.app-shell:not(.catalog-shell) main .ticket-status {
  background: #162f40;
  color: #8adeff;
}

body.app-shell:not(.catalog-shell) main .ticket-status[data-status="credited"] {
  background: #12372c;
  color: #a1f0ce;
}

body.app-shell:not(.catalog-shell) main :is(.ticket-status[data-status="expired"], .ticket-status[data-status="cancelled"], .ticket-status[data-status="rejected"]) {
  background: #3b1d22;
  color: #ffc3c8;
}

body.app-shell:not(.catalog-shell) main .secondary {
  background: #26383f;
  border: 1px solid #3a5059;
  color: #e5eef1;
}

body.app-shell:not(.catalog-shell) main :is(.pill.ok, .transfer-status.status-paid) {
  background: #12372c;
  color: #a1f0ce;
}

body.app-shell:not(.catalog-shell) main :is(.pill.off, .transfer-status.status-cancelled) {
  background: #3b1d22;
  color: #ffc3c8;
}

body.app-shell:not(.catalog-shell) main :is(.pill.warning, .transfer-status.status-processing) {
  background: #382d14;
  color: #ffe6a3;
}

body.app-shell:not(.catalog-shell) main .group-product-row.is-hidden {
  background: #2b1d21 !important;
  border-color: #69323b !important;
}

body.app-shell:not(.catalog-shell) main .group-product-row.is-hidden :is(strong, small, span) {
  color: #f4cbd0;
}

body.app-shell:not(.catalog-shell) main .inventory-modal-error:not(:empty) {
  display: block;
}

body.app-shell:not(.catalog-shell) main .transfer-summary strong,
body.app-shell:not(.catalog-shell) main .transfer-quote strong {
  color: #eef4f6;
}

body.app-shell:not(.catalog-shell) main .transfer-balance-card > strong {
  color: #63e6b6;
}

body.app-shell:not(.catalog-shell) main .transfer-table-wrap {
  background: #142126 !important;
  border-color: #2a3a41;
}

body.app-shell:not(.catalog-shell) main .transfer-table tbody tr {
  background: #142126 !important;
  color: #eef4f6;
}

body.app-shell:not(.catalog-shell) main .transfer-table tbody tr:nth-child(even) {
  background: #192a30 !important;
}

body.app-shell:not(.catalog-shell) main .transfer-table td,
body.app-shell:not(.catalog-shell) main .transfer-table td strong {
  color: #dce6e9;
}

body.app-shell:not(.catalog-shell) main .transfer-table td small {
  color: #a8b7bd;
}

body.app-shell:not(.catalog-shell) main .transfer-table td:before {
  color: #a8b7bd;
}

@media (max-width: 800px) {
  body.app-shell:not(.catalog-shell) main {
    background: #0e171b;
  }

  body.app-shell:not(.catalog-shell) main .orders-table tr,
  body.app-shell:not(.catalog-shell) main .products-table tr,
  body.app-shell:not(.catalog-shell) main .wallet-network-table tr,
  body.app-shell:not(.catalog-shell) main .wallet-movements-table tr {
    background: #142126;
    border-color: #2a3a41;
  }

  body.app-shell:not(.catalog-shell) main .transfer-table tr {
    background: #142126 !important;
    border-color: #2a3a41;
  }

  body.app-shell:not(.catalog-shell) main .transfer-table td:is([data-label="Beneficiario"], [data-label="Valor"], [data-label="Entrega"], [data-label="Comprobante"], [data-label="Acciones"]) {
    border-color: #2a3a41;
  }
}