/* ═══════════════════════════════════════════════════════
   TheOnionHost — WHMCS Dark Theme
   Version: 2.0
   ═══════════════════════════════════════════════════════ */

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

/* ── Variables ── */
:root {
    --toh-ink:     #070d1a;
    --toh-ink2:    #0b1525;
    --toh-blue:    #1a6fff;
    --toh-blue-l:  #4d8fff;
    --toh-cyan:    #07c8e8;
    --toh-green:   #0fce74;
    --toh-green2:  #0ab862;
    --toh-red:     #ff5050;
    --toh-orange:  #f97316;
    --toh-border:  rgba(255,255,255,0.08);
    --toh-text:    rgba(255,255,255,0.72);
    --toh-text2:   rgba(255,255,255,0.45);
}

/* ── Base — exclude icon fonts ── */
html, body, .primary-bg-color {
    background: var(--toh-ink) !important;
    color: var(--toh-text) !important;
    font-family: 'DM Sans', sans-serif !important;
}
body, p, span, div, td, th, label,
input, select, textarea, button, a,
.form-control, .btn, .navbar, .card,
.panel, .alert, .badge, .breadcrumb,
.dropdown-menu, .list-group-item, .modal {
    font-family: 'DM Sans', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'DM Sans', sans-serif !important;
    color: #fff !important;
    font-weight: 700 !important;
}
code, pre, .font-mono,
.toh-mono, kbd, samp {
    font-family: 'DM Mono', monospace !important;
}

/* ── Typography ── */
a                    { color: var(--toh-blue-l) !important; }
a:hover              { color: var(--toh-cyan) !important; text-decoration: none !important; }
p                    { color: var(--toh-text) !important; }
small, .small        { color: var(--toh-text2) !important; }
.text-muted          { color: var(--toh-text2) !important; }
.text-dark           { color: rgba(255,255,255,0.85) !important; }
.text-primary        { color: var(--toh-blue-l) !important; }
.text-success        { color: var(--toh-green) !important; }
.text-danger         { color: var(--toh-red) !important; }
.text-warning        { color: var(--toh-orange) !important; }
.text-info           { color: var(--toh-cyan) !important; }
hr                   { border-color: var(--toh-border) !important; }

/* ── Navbar ── */
.header, #header     { background: var(--toh-ink2) !important; border-bottom: 1px solid var(--toh-border) !important; }
.topbar              { background: rgba(255,255,255,0.02) !important; border-bottom: 1px solid rgba(255,255,255,0.05) !important; }
.navbar,
.navbar-light        { background: var(--toh-ink2) !important; }
.navbar-brand,
.navbar-brand:hover  { color: #fff !important; }
.navbar-light .navbar-nav .nav-link { color: rgba(255,255,255,0.55) !important; }
.navbar-light .navbar-nav .nav-link:hover { color: #fff !important; background: rgba(255,255,255,0.05) !important; border-radius: 6px !important; }
.navbar-toggler      { border-color: rgba(255,255,255,0.2) !important; }
.navbar-toggler-icon { filter: invert(1) !important; }
.btn-active-client   { color: rgba(255,255,255,0.75) !important; background: rgba(255,255,255,0.05) !important; border-color: rgba(255,255,255,0.1) !important; border-radius: 8px !important; }
.btn-active-client:hover { color: #fff !important; }
.input-group.active-client .input-group-text { background: rgba(255,255,255,0.05) !important; border-color: rgba(255,255,255,0.1) !important; color: var(--toh-text2) !important; }
.cart-btn            { color: rgba(255,255,255,0.7) !important; border-color: rgba(255,255,255,0.1) !important; }
.cart-btn:hover      { color: #fff !important; background: rgba(255,255,255,0.05) !important; }

/* ── Dropdown ── */
.dropdown-menu       { background: rgba(8,15,30,0.99) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 12px !important; box-shadow: 0 20px 48px rgba(0,0,0,0.6) !important; }
.dropdown-item       { color: rgba(255,255,255,0.65) !important; font-family: 'DM Sans', sans-serif !important; }
.dropdown-item:hover { background: rgba(255,255,255,0.06) !important; color: #fff !important; }
.dropdown-divider    { border-color: var(--toh-border) !important; }
.dropdown-header     { color: var(--toh-text2) !important; font-family: 'DM Mono', monospace !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; }

/* ── Cards ── */
.card                { background: rgba(255,255,255,0.04) !important; border: 1px solid var(--toh-border) !important; border-radius: 14px !important; }
.card-header         { background: rgba(255,255,255,0.05) !important; border-bottom: 1px solid var(--toh-border) !important; color: #fff !important; font-weight: 700 !important; border-radius: 14px 14px 0 0 !important; }
.card-body           { background: transparent !important; }
.card-footer         { background: rgba(255,255,255,0.03) !important; border-top: 1px solid var(--toh-border) !important; }

/* ── Panels ── */
.panel               { background: rgba(255,255,255,0.04) !important; border: 1px solid var(--toh-border) !important; border-radius: 14px !important; }
.panel-heading       { background: rgba(255,255,255,0.05) !important; border-bottom: 1px solid var(--toh-border) !important; color: #fff !important; border-radius: 14px 14px 0 0 !important; }
.panel-body          { background: transparent !important; }
.panel-footer        { background: rgba(255,255,255,0.03) !important; border-top: 1px solid var(--toh-border) !important; }
.well                { background: rgba(255,255,255,0.03) !important; border: 1px solid var(--toh-border) !important; border-radius: 10px !important; }

/* ── Tables ── */
.table               { color: var(--toh-text) !important; }
.table thead th      { color: var(--toh-text2) !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; background: rgba(255,255,255,0.03) !important; font-family: 'DM Mono', monospace !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; }
.table td            { border-top: 1px solid rgba(255,255,255,0.06) !important; color: var(--toh-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(255,255,255,0.04) !important; }
.table-bordered,
.table-bordered td,
.table-bordered th   { border-color: var(--toh-border) !important; }

/* ── Forms ── */
.form-control,
.field,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea,
select               { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.12) !important; color: #fff !important; border-radius: 8px !important; }
.form-control:focus,
.field:focus         { background: rgba(255,255,255,0.09) !important; border-color: var(--toh-blue) !important; box-shadow: 0 0 0 3px rgba(26,111,255,0.2) !important; color: #fff !important; }
.form-control::placeholder,
.field::placeholder  { color: rgba(255,255,255,0.3) !important; }
.form-control[disabled],
.form-control[readonly] { background: rgba(255,255,255,0.03) !important; opacity: 0.7 !important; }
.input-group-text    { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.12) !important; color: var(--toh-text2) !important; }
label,
.control-label       { color: rgba(255,255,255,0.6) !important; font-size: 13px !important; }
select option        { background: var(--toh-ink2) !important; color: #fff !important; }
.custom-select       { background-color: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; color: #fff !important; }
.field-help-text     { color: var(--toh-text2) !important; }
.field-error-msg     { color: var(--toh-red) !important; }

/* ── Buttons ── */
.btn-primary         { background: var(--toh-blue) !important; border-color: var(--toh-blue) !important; color: #fff !important; font-weight: 700 !important; border-radius: 8px !important; }
.btn-primary:hover,
.btn-primary:focus   { background: var(--toh-blue-l) !important; border-color: var(--toh-blue-l) !important; color: #fff !important; }
.btn-default,
.btn-secondary       { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.14) !important; color: rgba(255,255,255,0.7) !important; border-radius: 8px !important; }
.btn-default:hover,
.btn-secondary:hover { background: rgba(255,255,255,0.1) !important; color: #fff !important; }
.btn-success         { background-color: var(--toh-green) !important; background-image: none !important; border-color: var(--toh-green) !important; color: #fff !important; font-weight: 700 !important; border-radius: 8px !important; }
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success { background-color: var(--toh-green2) !important; background-image: none !important; border-color: var(--toh-green2) !important; color: #fff !important; }
.btn-danger          { background: rgba(220,53,69,0.85) !important; border-color: rgba(220,53,69,0.85) !important; color: #fff !important; border-radius: 8px !important; }
.btn-warning         { background: rgba(249,115,22,0.85) !important; border-color: rgba(249,115,22,0.85) !important; color: #fff !important; border-radius: 8px !important; }
.btn-info            { background: rgba(7,200,232,0.8) !important; border-color: rgba(7,200,232,0.8) !important; color: #fff !important; border-radius: 8px !important; }
.btn-link            { color: var(--toh-blue-l) !important; background: transparent !important; border: none !important; }
.btn-link:hover      { color: var(--toh-cyan) !important; }

/* ── Alerts ── */
.alert               { border-radius: 10px !important; }
.alert-info          { background: rgba(26,111,255,0.12) !important; border-color: rgba(26,111,255,0.3) !important; color: rgba(255,255,255,0.85) !important; }
.alert-success       { background: rgba(15,206,116,0.12) !important; border-color: rgba(15,206,116,0.3) !important; color: rgba(255,255,255,0.85) !important; }
.alert-danger        { background: rgba(220,53,69,0.12) !important; border-color: rgba(220,53,69,0.3) !important; color: rgba(255,255,255,0.85) !important; }
.alert-warning       { background: rgba(249,115,22,0.12) !important; border-color: rgba(249,115,22,0.3) !important; color: rgba(255,255,255,0.85) !important; }

/* ── Badges & Labels ── */
.badge-primary, .label-primary   { background: var(--toh-blue) !important; color: #fff !important; }
.badge-success, .label-success   { background: var(--toh-green) !important; color: #fff !important; }
.badge-secondary, .label-default { background: rgba(255,255,255,0.15) !important; color: rgba(255,255,255,0.8) !important; }
.badge-info, .label-info         { background: rgba(7,200,232,0.8) !important; color: #fff !important; }
.badge-warning, .label-warning   { background: rgba(249,115,22,0.8) !important; color: #fff !important; }
.badge-danger, .label-danger     { background: rgba(220,53,69,0.8) !important; color: #fff !important; }

/* ── Breadcrumb ── */
.master-breadcrumb               { background: rgba(255,255,255,0.02) !important; border-bottom: 1px solid rgba(255,255,255,0.05) !important; }
.breadcrumb                      { background: transparent !important; }
.breadcrumb-item a               { color: var(--toh-text2) !important; }
.breadcrumb-item.active          { color: rgba(255,255,255,0.6) !important; }
.breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,0.2) !important; }

/* ── Sidebar & List Groups ── */
.sidebar .list-group-item,
.cart-sidebar .list-group-item,
.list-group-item     { background: rgba(255,255,255,0.03) !important; border-color: rgba(255,255,255,0.07) !important; color: rgba(255,255,255,0.6) !important; }
.sidebar .list-group-item:hover,
.list-group-item:hover { background: rgba(255,255,255,0.07) !important; color: #fff !important; }
.sidebar .list-group-item.active,
.list-group-item.active { background: rgba(26,111,255,0.2) !important; border-color: rgba(26,111,255,0.35) !important; color: #fff !important; }

/* ── Modals ── */
.modal-content       { background: var(--toh-ink2) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 16px !important; }
.modal-header        { border-bottom: 1px solid var(--toh-border) !important; }
.modal-footer        { border-top: 1px solid var(--toh-border) !important; }
.modal-title         { color: #fff !important; }
.close               { color: var(--toh-text2) !important; text-shadow: none !important; opacity: 1 !important; }
.close:hover         { color: #fff !important; }

/* ── Nav Tabs ── */
.nav-tabs            { border-bottom: 1px solid rgba(255,255,255,0.1) !important; }
.nav-tabs .nav-link  { color: var(--toh-text2) !important; border: none !important; border-radius: 0 !important; }
.nav-tabs .nav-link:hover { color: #fff !important; border-bottom: 2px solid rgba(26,111,255,0.5) !important; }
.nav-tabs .nav-link.active { background: transparent !important; color: #fff !important; border-bottom: 2px solid var(--toh-blue) !important; font-weight: 600 !important; }
.tab-content         { background: transparent !important; }

/* ── Pagination ── */
.page-link           { background: rgba(255,255,255,0.04) !important; border-color: var(--toh-border) !important; color: rgba(255,255,255,0.6) !important; border-radius: 6px !important; }
.page-link:hover     { background: rgba(255,255,255,0.08) !important; color: #fff !important; }
.page-item.active .page-link { background: var(--toh-blue) !important; border-color: var(--toh-blue) !important; color: #fff !important; }

/* ── Progress ── */
.progress            { background: rgba(255,255,255,0.08) !important; border-radius: 999px !important; }
.progress-bar        { background: var(--toh-blue) !important; }

/* ── Footer ── */
.footer, footer      { background: var(--toh-ink2) !important; border-top: 1px solid var(--toh-border) !important; color: var(--toh-text2) !important; }
.footer a, footer a  { color: var(--toh-text2) !important; }
.footer a:hover,
footer a:hover       { color: #fff !important; }

/* ════════════════════════════════════════════════════════
   STANDARD CART
   ════════════════════════════════════════════════════════ */

/* Products */
#order-standard_cart .products .product { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 14px !important; }
#order-standard_cart .products .product:hover { border-color: rgba(26,111,255,0.4) !important; transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important; }
#order-standard_cart .products .product header { background: rgba(255,255,255,0.06) !important; border-bottom: 1px solid var(--toh-border) !important; border-radius: 14px 14px 0 0 !important; }
#order-standard_cart .products .product header span { color: #fff !important; font-weight: 700 !important; }
#order-standard_cart .products .product header .qty { color: var(--toh-text2) !important; }
#order-standard_cart .products .product div.product-desc { color: var(--toh-text) !important; }
#order-standard_cart .products .product span.feature-value { color: #fff !important; }
#order-standard_cart .products .product div.product-pricing span.price { color: #fff !important; font-weight: 700 !important; }
#order-standard_cart .products .product footer { background: rgba(26,111,255,0.08) !important; border-top: 1px solid rgba(26,111,255,0.15) !important; border-radius: 0 0 14px 14px !important; }

/* Order Now Button */
#order-standard_cart a.btn.btn-success.btn-sm.btn-order-now { background-color: var(--toh-green) !important; background-image: none !important; border-color: var(--toh-green) !important; color: #fff !important; }
#order-standard_cart a.btn.btn-success.btn-sm.btn-order-now:hover,
#order-standard_cart a.btn.btn-success.btn-sm.btn-order-now:focus,
#order-standard_cart a.btn.btn-success.btn-sm.btn-order-now:active { background-color: var(--toh-green2) !important; background-image: none !important; border-color: var(--toh-green2) !important; color: #fff !important; opacity: 1 !important; }

/* Sub Heading */
#order-standard_cart .sub-heading { border-color: var(--toh-border) !important; }
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span { background: var(--toh-ink) !important; color: var(--toh-text2) !important; font-family: 'DM Mono', monospace !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; }

/* Product Info */
#order-standard_cart .product-info { background: rgba(255,255,255,0.04) !important; border-top: 1px solid var(--toh-border) !important; border-bottom: 1px solid var(--toh-border) !important; border-radius: 10px !important; }
#order-standard_cart .product-info .product-title { color: #fff !important; }

/* Order Summary */
#order-standard_cart .order-summary { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 14px !important; border-bottom: none !important; overflow: hidden !important; }
#order-standard_cart .order-summary h2 { background: rgba(255,255,255,0.06) !important; color: #fff !important; border-bottom: 1px solid var(--toh-border) !important; }
#order-standard_cart .summary-container { background: rgba(255,255,255,0.02) !important; color: var(--toh-text) !important; }
#order-standard_cart .order-summary .product-name { color: #fff !important; }
#order-standard_cart .order-summary .product-group { color: var(--toh-text2) !important; }
#order-standard_cart .order-summary .summary-totals { border-color: rgba(255,255,255,0.1) !important; color: var(--toh-text) !important; }
#order-standard_cart .order-summary .total-due-today .amt { color: #fff !important; font-weight: 700 !important; }
#order-standard_cart .order-summary .subtotal { border-color: var(--toh-border) !important; color: rgba(255,255,255,0.8) !important; }
#order-standard_cart .order-summary .bordered-totals { border-color: var(--toh-border) !important; color: var(--toh-text) !important; }
#order-standard_cart .order-summary .recurring-charges { color: var(--toh-text2) !important; }
#order-standard_cart .order-summary .btn-continue-shopping { color: rgba(255,255,255,0.6) !important; }

/* View Cart */
#order-standard_cart .view-cart-items-header { background: rgba(26,111,255,0.25) !important; color: #fff !important; border-radius: 10px 10px 0 0 !important; }
#order-standard_cart .view-cart-items { border-bottom: 2px solid rgba(26,111,255,0.3) !important; }
#order-standard_cart .view-cart-items .item { background: rgba(255,255,255,0.02) !important; border-bottom: 1px solid rgba(255,255,255,0.05) !important; }
#order-standard_cart .view-cart-items .item:nth-child(even) { background: rgba(255,255,255,0.04) !important; }
#order-standard_cart .view-cart-items .item-title { color: rgba(255,255,255,0.85) !important; }
#order-standard_cart .view-cart-items .item-group { color: var(--toh-text2) !important; }
#order-standard_cart .view-cart-items .item-domain { color: var(--toh-blue-l) !important; }
#order-standard_cart .view-cart-items .item-price span { color: #fff !important; }
#order-standard_cart .view-cart-items .item-price .cycle { color: var(--toh-text2) !important; }
#order-standard_cart .btn-remove-from-cart { color: var(--toh-text2) !important; }
#order-standard_cart .btn-remove-from-cart:hover { color: var(--toh-red) !important; }
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"] { background: transparent !important; border-bottom: 2px solid var(--toh-blue) !important; color: #fff !important; }
#order-standard_cart .view-cart-tabs .tab-content { background: rgba(255,255,255,0.02) !important; border-radius: 0 0 10px 10px !important; }
#order-standard_cart .view-cart-promotion-code { background: rgba(255,255,255,0.03) !important; border: 1px dashed rgba(255,255,255,0.15) !important; border-radius: 8px !important; }
#order-standard_cart .view-cart-gateway-checkout { background: rgba(26,111,255,0.08) !important; border: 1px solid rgba(26,111,255,0.2) !important; border-radius: 8px !important; }
#order-standard_cart .empty-cart .btn { background: rgba(26,111,255,0.2) !important; border-color: rgba(26,111,255,0.3) !important; color: #fff !important; }

/* Domain Checker */
.domain-checker-container { background: rgba(26,111,255,0.1) !important; background-image: none !important; border-radius: 14px !important; }
.domain-checker-bg { background-image: none !important; padding: 40px 0 !important; }
.domain-checker-container .input-group-box { background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 12px !important; }
#order-standard_cart .domain-selection-options .option { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 8px !important; }
#order-standard_cart .domain-selection-options .option-selected { background: rgba(26,111,255,0.12) !important; border-color: rgba(26,111,255,0.3) !important; }
#order-standard_cart .domain-checker-available { color: var(--toh-green) !important; }
#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-checker-invalid { color: var(--toh-red) !important; }
.spotlight-tlds { background: rgba(255,255,255,0.03) !important; border: 1px solid var(--toh-border) !important; border-radius: 10px !important; }
.spotlight-tld { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.1) !important; color: #fff !important; border-radius: 10px !important; }
.spotlight-tld span { color: var(--toh-text) !important; }
.spotlight-tld .btn:not(.domain-contact-support) { background: rgba(255,255,255,0.1) !important; border-color: rgba(255,255,255,0.2) !important; color: #fff !important; }
.spotlight-tld .unavailable,
.spotlight-tld .invalid { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.1) !important; color: rgba(255,255,255,0.3) !important; }
.suggested-domains .domain-lookup-suggestions-loader { background: rgba(255,255,255,0.03) !important; }
.domain-promo-box { background: rgba(255,255,255,0.04) !important; border: 1px solid var(--toh-border) !important; color: var(--toh-text) !important; border-radius: 12px !important; }
.domain-pricing .tld-row { border-bottom: 1px solid rgba(255,255,255,0.05) !important; }
.domain-pricing .tld-row.highlighted { background: rgba(26,111,255,0.06) !important; }
.domain-pricing .tld-pricing-header [class*="col-"] { background: rgba(255,255,255,0.05) !important; border-color: rgba(26,111,255,0.3) !important; color: rgba(255,255,255,0.6) !important; }
.bg-white { background: rgba(255,255,255,0.03) !important; border-radius: 10px !important; }

/* Checkout */
#order-standard_cart .account-select-container div.account { background: rgba(255,255,255,0.03) !important; border: 1px solid var(--toh-border) !important; border-radius: 8px !important; }
#order-standard_cart .account-select-container div.account.active { background: rgba(26,111,255,0.1) !important; border-color: rgba(26,111,255,0.3) !important; }
#order-standard_cart .account-select-container { border-right: 1px solid rgba(255,255,255,0.06) !important; }
#order-standard_cart .apply-credit-container { background: rgba(255,255,255,0.04) !important; border: 1px solid var(--toh-border) !important; border-radius: 10px !important; }
#order-standard_cart .cc-input-container { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 10px !important; }
#order-standard_cart .cc-input-container .existing-cc-grid { color: var(--toh-text) !important; }
#order-standard_cart .default-captcha { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 8px !important; box-shadow: none !important; color: rgba(255,255,255,0.6) !important; }
#order-standard_cart .transfer-eligible { background: rgba(15,206,116,0.12) !important; border-color: rgba(15,206,116,0.3) !important; color: rgba(255,255,255,0.85) !important; border-radius: 10px !important; }
#order-standard_cart .transfer-not-eligible { background: rgba(255,255,255,0.04) !important; color: var(--toh-text) !important; border-radius: 10px !important; }
#order-standard_cart .addon-promo-container { background: rgba(255,255,255,0.03) !important; border: 1px solid var(--toh-border) !important; border-radius: 10px !important; }
#order-standard_cart .mc-promo { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 10px !important; }
#order-standard_cart .mc-promo .body { background: rgba(255,255,255,0.03) !important; border-top: 1px solid var(--toh-border) !important; }
#order-standard_cart .panel-addon { background: rgba(255,255,255,0.04) !important; border: 1px solid var(--toh-border) !important; border-radius: 10px !important; }
#order-standard_cart .panel-addon .panel-body label { color: rgba(255,255,255,0.8) !important; }
#order-standard_cart .panel-addon .panel-price { background: rgba(255,255,255,0.06) !important; color: var(--toh-text) !important; }
#order-standard_cart .panel-addon .panel-add { background: var(--toh-green) !important; color: #fff !important; }
#order-standard_cart .field-icon i { color: rgba(255,255,255,0.3) !important; }

/* Renewals */
.domain-renewals,
.service-renewals { background: rgba(255,255,255,0.03) !important; border-color: var(--toh-border) !important; }
.domain-renewals .domain-renewal,
.service-renewals .service-renewal { border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
.domain-renewals .domain-renewal:nth-child(even),
.service-renewals .service-renewal:nth-child(even) { background: rgba(255,255,255,0.04) !important; }

/* ── Scrollbar ── */
::-webkit-scrollbar       { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: rgba(255,255,255,0.02); }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.2); }