/**
 * Admin / console — per network-family accent tokens.
 * Business ISP: #7a61a5 (single source of truth).
 */
:root {
  --joy-net-residential: #1677ff;
  --joy-net-residential-soft: rgba(22, 119, 255, 0.12);
  --joy-net-residential-ring: rgba(22, 119, 255, 0.35);
  --joy-net-residential-deep: #0958d9;
  --joy-net-residential-2: #531dab;

  --joy-net-cellular: #13c2c2;
  --joy-net-cellular-soft: rgba(19, 194, 194, 0.12);
  --joy-net-cellular-ring: rgba(19, 194, 194, 0.35);
  --joy-net-cellular-deep: #0e9f9f;
  --joy-net-cellular-2: #08979c;

  --joy-net-business: #7a61a5;
  --joy-net-business-soft: rgba(122, 97, 165, 0.12);
  --joy-net-business-ring: rgba(122, 97, 165, 0.35);
  --joy-net-business-deep: #5f4d85;
  --joy-net-business-2: #4a3d68;

  --joy-net-hosting: #595959;
  --joy-net-hosting-soft: rgba(89, 89, 89, 0.12);
  --joy-net-hosting-ring: rgba(89, 89, 89, 0.35);
  --joy-net-hosting-deep: #434343;
  --joy-net-hosting-2: #262626;
}

.apc-page[data-network="residential"],
.tab-content[data-network="residential"],
.pv-wrap[data-network="residential"],
.pricing-shell[data-network="residential"] {
  --apc-accent: var(--joy-net-residential);
  --apc-accent-soft: var(--joy-net-residential-soft);
  --apc-accent-ring: var(--joy-net-residential-ring);
  --apc-accent-deep: var(--joy-net-residential-deep);
  --apc-accent-2: var(--joy-net-residential-2);
  --ov-accent: var(--joy-net-residential);
}

.apc-page[data-network="cellular"],
.tab-content[data-network="cellular"],
.pv-wrap[data-network="cellular"],
.pricing-shell[data-network="cellular"] {
  --apc-accent: var(--joy-net-cellular);
  --apc-accent-soft: var(--joy-net-cellular-soft);
  --apc-accent-ring: var(--joy-net-cellular-ring);
  --apc-accent-deep: var(--joy-net-cellular-deep);
  --apc-accent-2: var(--joy-net-cellular-2);
  --ov-accent: var(--joy-net-cellular);
}

.apc-page[data-network="business"],
.tab-content[data-network="business"],
.pv-wrap[data-network="business"],
.pricing-shell[data-network="business"] {
  --apc-accent: var(--joy-net-business);
  --apc-accent-soft: var(--joy-net-business-soft);
  --apc-accent-ring: var(--joy-net-business-ring);
  --apc-accent-deep: var(--joy-net-business-deep);
  --apc-accent-2: var(--joy-net-business-2);
  --ov-accent: var(--joy-net-business);
}

.apc-page[data-network="hosting"],
.tab-content[data-network="hosting"],
.pv-wrap[data-network="hosting"],
.pricing-shell[data-network="hosting"] {
  --apc-accent: var(--joy-net-hosting);
  --apc-accent-soft: var(--joy-net-hosting-soft);
  --apc-accent-ring: var(--joy-net-hosting-ring);
  --apc-accent-deep: var(--joy-net-hosting-deep);
  --apc-accent-2: var(--joy-net-hosting-2);
  --ov-accent: var(--joy-net-hosting);
}

/* Overview family cards */
.ov-family-card[data-nt="residential"] { --ov-accent: var(--joy-net-residential); }
.ov-family-card[data-nt="cellular"] { --ov-accent: var(--joy-net-cellular); }
.ov-family-card[data-nt="business"] { --ov-accent: var(--joy-net-business); }
.ov-family-card[data-nt="hosting"] { --ov-accent: var(--joy-net-hosting); }

.ov-family-card[data-nt="cellular"] .ov-family-icon { background: var(--joy-net-cellular-soft); }
.ov-family-card[data-nt="business"] .ov-family-icon { background: var(--joy-net-business-soft); }
.ov-family-card[data-nt="hosting"] .ov-family-icon { background: var(--joy-net-hosting-soft); }

.ov-usage-card[data-nt="business"] .ov-usage-link { color: var(--joy-net-business); }
.ov-usage-card[data-nt="cellular"] .ov-usage-link { color: var(--joy-net-cellular); }
.ov-usage-card[data-nt="hosting"] .ov-usage-link { color: var(--joy-net-hosting); }

/* Edge / inventory pills */
.pill-type-business { color: var(--joy-net-business); }

/* Shared admin tab-content accent (auth, my orders, …) */
.tab-content[data-network] .btn-primary { background: var(--apc-accent); }
.tab-content[data-network] .btn-primary:hover { filter: brightness(0.94); }
.tab-content[data-network] .btn-outline { color: var(--apc-accent); border-color: var(--apc-accent); }
.tab-content[data-network] .sub-tab:hover { color: var(--apc-accent); border-color: var(--apc-accent-soft); }
.tab-content[data-network] .menu-item.active,
.tab-content[data-network] .submenu li a.active { color: var(--apc-accent); border-left-color: var(--apc-accent); }
.tab-content[data-network] .auth-quick-card .auth-ip-mono { color: var(--apc-accent); background: var(--apc-accent-soft); }
.tab-content[data-network] .auth-inline-field input:focus { border-color: var(--apc-accent); box-shadow: 0 0 0 3px var(--apc-accent-soft); }
.tab-content[data-network] .stat-card-link,
.tab-content[data-network] .mo2-inline-link { color: var(--apc-accent); }
.tab-content[data-network] .mo2-step-num { background: var(--apc-accent-soft); color: var(--apc-accent); }
.tab-content[data-network] .mo2-sku-badge { background: var(--apc-accent-soft); color: var(--apc-accent); }
.tab-content[data-network] .mo2-usage-card { background: var(--apc-accent-soft); border-color: var(--apc-accent-ring); }
.tab-content[data-network] .order-filter-bar { border-color: var(--apc-accent-ring); background: linear-gradient(135deg, var(--apc-accent-soft), transparent); }
.tab-content[data-network] .order-filter-bar input:focus { border-color: var(--apc-accent); box-shadow: 0 0 0 3px var(--apc-accent-soft); }
.tab-content[data-network] .cip-network-tier-tab.is-active { background: var(--apc-accent); border-color: var(--apc-accent); }
.tab-content[data-network] .cip-network-tier-tab:hover:not(:disabled) { border-color: var(--apc-accent); color: var(--apc-accent); }
.tab-content[data-network] .lt-select:focus { border-color: var(--apc-accent); box-shadow: 0 0 0 3px var(--apc-accent-soft); }
.tab-content[data-network] .payment-option.selected { border-color: var(--apc-accent); background: var(--apc-accent-soft); }
.tab-content[data-network] .demo-box { background: var(--apc-accent-soft); border-color: var(--apc-accent-ring); }
.tab-content[data-network] .data-table th { background: var(--apc-accent-soft); }
.tab-content[data-network] .data-table tr:hover { background: var(--apc-accent-soft); }
.tab-content[data-network] .mo2-tab-badge.has-count {
  background: var(--apc-accent, #1677ff);
  color: #fff;
  box-shadow: 0 1px 4px rgba(22, 119, 255, 0.35);
}
.tab-content[data-network] .mo2-mode-tabs-bar .sub-tab.active .mo2-tab-badge.has-count {
  background: #fff;
  color: var(--apc-accent, #1677ff);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
}
.tab-content[data-network] .mo2-usage-card strong,
.tab-content[data-network] .mo2-empty .mo2-empty-purchase { color: var(--apc-accent); }