/* FollowersssBuy buyer theme. Loaded last; no layout or behavior changes. */
.buyer-shell {
  --theme-bg: #0b1014;
  --theme-sidebar: #10171d;
  --theme-card: #151d24;
  --theme-elevated: #182229;
  --theme-input: #111920;
  --theme-border: #26333d;
  --theme-border-hover: #354652;
  --theme-text: #f8fafc;
  --theme-secondary: #94a3b8;
  --theme-muted: #64748b;
  --theme-brand: #22d3a7;
  --theme-brand-hover: #2de1b5;
  --theme-brand-active: #14b8a6;
  --theme-success: #22c55e;
  --theme-warning: #f59e0b;
  --theme-error: #ef4444;
  --theme-info: #60a5fa;
  --theme-shadow: 0 8px 30px rgba(0, 0, 0, .18);
  --buyer-ink: var(--theme-text);
  --buyer-muted: var(--theme-secondary);
  --buyer-line: var(--theme-border);
  --buyer-accent: var(--theme-brand);
  --buyer-soft: var(--theme-card);
  --ink: var(--theme-text);
  --muted: var(--theme-secondary);
  --line: var(--theme-border);
  --soft: var(--theme-bg);
  --brand: var(--theme-brand);
  --brand-dark: var(--theme-brand-active);
  background: var(--theme-bg) !important;
  color: var(--theme-text);
  color-scheme: dark;
}

.buyer-shell .main { background: var(--theme-bg); }
.buyer-shell .buyer-content {
  background: none;
  color: var(--theme-text);
}
.buyer-shell .buyer-side {
  background: var(--theme-sidebar) !important;
  border-color: var(--theme-border) !important;
  scrollbar-color: var(--theme-border-hover) var(--theme-sidebar);
}
.buyer-side .side-group { color: var(--theme-muted) !important; }
.buyer-side nav a:not(.brand):not(.buyer-new-order) {
  border: 1px solid transparent;
  background: transparent;
  color: var(--theme-secondary) !important;
  box-shadow: none !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}
.buyer-side nav a:not(.brand):not(.buyer-new-order) .ico { color: var(--theme-muted) !important; transform: none !important; }
.buyer-side nav a:not(.brand):not(.buyer-new-order):hover {
  background: rgba(34, 211, 167, .08) !important;
  color: var(--theme-text) !important;
  transform: none;
}
.buyer-side nav a:not(.brand):not(.buyer-new-order):hover .ico,
.buyer-side nav a.active:not(.brand) .ico { color: var(--theme-brand) !important; }
.buyer-side nav a.active:not(.brand) {
  background: rgba(34, 211, 167, .12) !important;
  border-color: rgba(34, 211, 167, .22) !important;
  color: var(--theme-text) !important;
  animation: none;
}
.buyer-side .buyer-new-order {
  background: var(--theme-brand) !important;
  border: 1px solid var(--theme-brand) !important;
  color: #07110e !important;
  box-shadow: none !important;
  transition: background-color .18s ease, transform .18s ease !important;
}
.buyer-side .buyer-new-order:hover { background: var(--theme-brand-hover) !important; transform: translateY(-1px); }
.buyer-side .buyer-new-order:active { background: var(--theme-brand-active) !important; transform: none; }
.buyer-side-balance {
  background: var(--theme-elevated) !important;
  border-color: var(--theme-border) !important;
  box-shadow: none !important;
}
.buyer-side-balance > span { color: var(--theme-secondary); }
.buyer-side-balance strong { color: var(--theme-text); }
.buyer-side-balance a { color: var(--theme-brand) !important; background: var(--theme-card) !important; }
.buyer-side-balance a:hover { background: rgba(34, 211, 167, .08) !important; }

.buyer-shell .buyer-topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  background: var(--theme-sidebar) !important;
  border-color: var(--theme-border) !important;
  box-shadow: none;
}
.buyer-shell .buyer-payment-detail {
  display: block;
  white-space: pre-line;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid var(--theme-border);
  border-radius: 10px;
  background: var(--theme-elevated);
  color: var(--theme-secondary);
  font-size: 13px;
  line-height: 1.5;
}
.buyer-shell .buyer-payment-after {
  display: block;
  padding: 14px;
  border: 1px solid var(--theme-border);
  border-radius: 10px;
  background: rgba(34, 211, 167, .08);
  color: var(--theme-brand);
  font-weight: 700;
  line-height: 1.5;
}
.buyer-shell .buyer-top-kicker { color: var(--theme-muted); }
.buyer-shell .buyer-top-context strong,
.buyer-shell .buyer-help,
.buyer-shell .top-user { color: var(--theme-text); }
.buyer-shell .buyer-help:hover { color: var(--theme-brand); }
.buyer-shell .buyer-currency,
.buyer-shell .buyer-top-funds {
  background: var(--theme-elevated) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
}
.buyer-shell .buyer-top-funds:hover { border-color: var(--theme-border-hover) !important; }
.buyer-shell .buyer-top-funds span { background: var(--theme-brand); color: #07110e; }
.buyer-shell .avatar-round { background: rgba(34, 211, 167, .12) !important; color: var(--theme-brand) !important; }

.buyer-shell .panel,
.buyer-shell .stat,
.buyer-shell .buyer-service-preview {
  background: var(--theme-card) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-text) !important;
  box-shadow: var(--theme-shadow) !important;
}
.buyer-shell .panel h2,
.buyer-shell .panel h3,
.buyer-shell .panel h4,
.buyer-shell .stat .num,
.buyer-shell .service-name,
.buyer-shell .buyer-service-name strong { color: var(--theme-text) !important; }
.buyer-shell .panel p,
.buyer-shell .panel .muted,
.buyer-shell .help,
.buyer-shell .buyer-order-form > p,
.buyer-shell .stat .hint,
.buyer-shell .stat .label { color: var(--theme-secondary) !important; }
.buyer-shell .buyer-overline { color: var(--theme-brand) !important; }
.buyer-shell .metric,
.buyer-shell .price,
.buyer-shell .buyer-rate { color: var(--theme-brand) !important; }
.buyer-shell .buyer-rate-unit,
.buyer-shell .buyer-service-name small,
.buyer-shell .buyer-orders-table td small { color: var(--theme-secondary) !important; }
.buyer-shell .mini-line { border-color: var(--theme-border); }
.buyer-shell .mini-line span { color: var(--theme-secondary); }
.buyer-shell .empty { color: var(--theme-secondary); }

.buyer-shell .btn-main {
  background: var(--theme-brand) !important;
  border-color: var(--theme-brand) !important;
  color: #07110e !important;
  box-shadow: none !important;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease !important;
}
.buyer-shell .btn-main:hover { background: var(--theme-brand-hover) !important; border-color: var(--theme-brand-hover) !important; color: #07110e !important; transform: translateY(-1px); }
.buyer-shell .btn-main:active { background: var(--theme-brand-active) !important; border-color: var(--theme-brand-active) !important; transform: none; }
.buyer-shell .btn-quiet,
.buyer-shell button:not(.btn-main):not(.buyer-new-order) { transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease; }
.buyer-shell .btn-quiet {
  background: var(--theme-elevated) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
  box-shadow: none !important;
}
.buyer-shell .btn-quiet:hover { background: #1c2a32 !important; border-color: var(--theme-border-hover) !important; transform: translateY(-1px); }
.buyer-shell button:disabled,
.buyer-shell .btn-main:disabled { opacity: .46 !important; box-shadow: none !important; transform: none !important; cursor: not-allowed; }
.buyer-shell :focus-visible { outline: 2px solid var(--theme-brand) !important; outline-offset: 2px; }

.buyer-shell .field label,
.buyer-shell .buyer-order-form .field label,
.buyer-shell .buyer-ticket-types legend,
.buyer-shell .buyer-order-filter-grid label,
.buyer-shell .service-picker-fixed-filters label { color: var(--theme-secondary) !important; }
.buyer-shell .field input,
.buyer-shell .field select,
.buyer-shell .field textarea,
.buyer-shell .search,
.buyer-shell .compact-input,
.buyer-shell .buyer-referral-link input,
.buyer-shell .buyer-currency,
.buyer-shell .buyer-order-form .service-picker-fixed-filters select,
.buyer-shell .buyer-order-form .service-picker-search,
.buyer-shell .buyer-order-filter-grid .platform-picker summary,
.buyer-shell .buyer-order-form .service-picker summary {
  background: var(--theme-input) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-text) !important;
  box-shadow: none !important;
}
.buyer-shell input::placeholder,
.buyer-shell textarea::placeholder { color: var(--theme-muted) !important; opacity: 1; }
.buyer-shell input:hover,
.buyer-shell select:hover,
.buyer-shell textarea:hover,
.buyer-shell .platform-picker summary:hover,
.buyer-shell .service-picker summary:hover { border-color: var(--theme-border-hover) !important; }
.buyer-shell input:focus,
.buyer-shell select:focus,
.buyer-shell textarea:focus,
.buyer-shell .platform-picker summary:focus-visible,
.buyer-shell .service-picker summary:focus-visible {
  border-color: var(--theme-brand) !important;
  box-shadow: 0 0 0 3px rgba(34, 211, 167, .10) !important;
}
.buyer-shell input:disabled,
.buyer-shell select:disabled,
.buyer-shell textarea:disabled { opacity: .48 !important; cursor: not-allowed; }
.buyer-shell input[type="checkbox"],
.buyer-shell input[type="radio"] { accent-color: var(--theme-brand); }
.buyer-shell .buyer-drip-toggle { background: var(--theme-elevated) !important; border-color: var(--theme-border) !important; color: var(--theme-text); }
.buyer-shell .buyer-drip-toggle strong { color: var(--theme-text); }
.buyer-shell .buyer-drip-options { background: var(--theme-elevated); border-color: var(--theme-border); color: var(--theme-text); }
.buyer-shell .buyer-drip-options label { color: var(--theme-secondary); }
.buyer-shell .buyer-drip-options > small { color: var(--theme-secondary) !important; }
.buyer-shell .buyer-drip-check { border-color: var(--theme-border-hover) !important; background: var(--theme-input) !important; color: #07110e !important; }
.buyer-shell .buyer-drip-toggle input:checked + .buyer-drip-check { background: var(--theme-brand) !important; border-color: var(--theme-brand) !important; }
.buyer-shell .buyer-drip-toggle small { color: var(--theme-secondary) !important; }

.buyer-shell .buyer-tabbar {
  background: var(--theme-card) !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: none !important;
}
.buyer-shell .buyer-tabbar > * { background: transparent; border: 1px solid transparent; color: var(--theme-secondary) !important; box-shadow: none !important; }
.buyer-shell .buyer-tabbar > *:hover { background: rgba(255, 255, 255, .04) !important; color: var(--theme-text) !important; }
.buyer-shell .buyer-tabbar > .active {
  background: rgba(34, 211, 167, .12) !important;
  border-color: rgba(34, 211, 167, .25) !important;
  color: var(--theme-brand) !important;
  box-shadow: none !important;
}
.buyer-shell .buyer-mass-modes button,
.buyer-shell .buyer-ticket-pills span {
  background: var(--theme-elevated) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-secondary) !important;
}
.buyer-shell .buyer-mass-modes button:hover,
.buyer-shell .buyer-ticket-pills label:hover span { border-color: var(--theme-border-hover) !important; color: var(--theme-text) !important; }
.buyer-shell .buyer-mass-modes button.active,
.buyer-shell .buyer-ticket-pills input:checked + span { background: rgba(34, 211, 167, .12) !important; border-color: rgba(34, 211, 167, .25) !important; color: var(--theme-brand) !important; }
.buyer-shell .buyer-ticket-pills input:focus-visible + span { outline: 2px solid var(--theme-brand) !important; outline-offset: 2px; }

.buyer-shell .buyer-order-form { border-top: 1px solid var(--theme-border) !important; }
.buyer-shell .buyer-order-summary {
  background: rgba(34, 211, 167, .06) !important;
  border-color: rgba(34, 211, 167, .18) !important;
}
.buyer-shell .buyer-order-summary span { color: var(--theme-text) !important; }
.buyer-shell .buyer-order-summary small { color: var(--theme-secondary) !important; }
.buyer-shell .buyer-order-summary .metric { color: var(--theme-brand) !important; }
.buyer-shell .buyer-service-preview .buyer-detail-heading h3 { color: var(--theme-text) !important; }
.buyer-shell .buyer-service-preview .buyer-detail-heading p,
.buyer-shell .buyer-service-preview .buyer-detail-description,
.buyer-shell .buyer-service-preview .buyer-detail-footnote { color: var(--theme-secondary) !important; }
.buyer-shell .buyer-detail-platform,
.buyer-shell .buyer-service-preview .buyer-preview-icon,
.buyer-shell .buyer-service-icon,
.buyer-shell .buyer-order-filter-grid .service-type-icon { background: var(--theme-elevated) !important; border-color: var(--theme-border) !important; }
.buyer-shell .buyer-detail-price {
  background: rgba(34, 211, 167, .06) !important;
  border-color: rgba(34, 211, 167, .18) !important;
}
.buyer-shell .buyer-detail-price strong { color: var(--theme-brand) !important; font-size: 32px; font-weight: 800; }
.buyer-shell .buyer-detail-price span,
.buyer-shell .buyer-detail-price small { color: var(--theme-secondary) !important; }
.buyer-shell .buyer-detail-price .buyer-detail-range,
.buyer-shell .buyer-detail-pills span { color: var(--theme-secondary) !important; border-color: var(--theme-border-hover) !important; background: transparent !important; }
.buyer-shell .buyer-detail-delivery { background: var(--theme-elevated) !important; }
.buyer-shell .buyer-detail-section-title strong,
.buyer-shell .buyer-detail-facts strong { color: var(--theme-text) !important; }
.buyer-shell .buyer-detail-section-title small,
.buyer-shell .buyer-detail-stat span,
.buyer-shell .buyer-detail-stat small,
.buyer-shell .buyer-detail-facts span { color: var(--theme-secondary) !important; }
.buyer-shell .buyer-detail-stat { background: var(--theme-input) !important; border-color: var(--theme-border) !important; }
.buyer-shell .buyer-detail-stat strong { color: var(--theme-text) !important; }
.buyer-shell .buyer-detail-facts > div { border-color: var(--theme-border) !important; }

.buyer-shell .buyer-order-filter-grid .platform-picker-options,
.buyer-shell .buyer-order-form .service-picker-popover {
  background: var(--theme-elevated) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
  box-shadow: var(--theme-shadow) !important;
}
.buyer-shell .buyer-order-form .service-picker-list { background: var(--theme-elevated) !important; border-color: var(--theme-border) !important; scrollbar-color: var(--theme-border-hover) var(--theme-elevated); }
.buyer-shell .buyer-order-form .service-picker-count,
.buyer-shell .buyer-order-form .service-picker-group { background: var(--theme-card) !important; color: var(--theme-secondary) !important; }
.buyer-shell .buyer-order-form .service-picker-list button,
.buyer-shell .buyer-order-filter-grid .platform-picker-options button { color: var(--theme-text) !important; }
.buyer-shell .buyer-order-form .service-picker-list button:hover,
.buyer-shell .buyer-order-filter-grid .platform-picker-options button:hover { background: rgba(34, 211, 167, .08) !important; }
.buyer-shell .buyer-order-form .service-picker-list button[aria-selected="true"],
.buyer-shell .buyer-order-filter-grid .platform-picker-options button[aria-selected="true"] { background: rgba(34, 211, 167, .12) !important; border-left-color: var(--theme-brand) !important; }
.buyer-shell .buyer-order-form .service-picker-row-main strong,
.buyer-shell .buyer-order-form .service-picker-heading strong { color: var(--theme-text) !important; }
.buyer-shell .buyer-order-form .service-picker-row-sub,
.buyer-shell .buyer-order-form .service-picker-choice small,
.buyer-shell .buyer-order-form .service-picker-empty { color: var(--theme-secondary) !important; }
.buyer-shell .buyer-order-form .service-picker-row-sub b,
.buyer-shell .buyer-order-form .service-picker-clear { color: var(--theme-brand) !important; }
.buyer-shell .buyer-order-form .service-picker-row-sub em { color: var(--theme-success) !important; }

.buyer-shell .table th { background: var(--theme-elevated) !important; color: var(--theme-secondary) !important; border-color: var(--theme-border) !important; }
.buyer-shell .table td { color: var(--theme-text) !important; border-color: var(--theme-border) !important; }
.buyer-shell .table td strong,
.buyer-shell .buyer-orders-table td:first-child strong,
.buyer-shell .buyer-orders-table td:nth-child(2) strong { color: var(--theme-text) !important; }
.buyer-shell .table tr:hover td { background: var(--theme-elevated) !important; }
.buyer-shell .buyer-progress { color: var(--theme-secondary) !important; }
.buyer-shell .buyer-progress i { background: var(--theme-brand) !important; box-shadow: none !important; }
.buyer-shell .badge-soft { background: rgba(96, 165, 250, .12) !important; color: var(--theme-info) !important; }
.buyer-shell .badge-soft.status-success { background: rgba(34, 197, 94, .12) !important; color: var(--theme-success) !important; }
.buyer-shell .badge-soft.warn { background: rgba(245, 158, 11, .12) !important; color: var(--theme-warning) !important; }
.buyer-shell .badge-soft.gray { background: rgba(239, 68, 68, .12) !important; color: var(--theme-error) !important; }
.buyer-shell .badge-soft.blue { background: rgba(96, 165, 250, .12) !important; color: var(--theme-info) !important; }
.buyer-shell .notice { background: rgba(96, 165, 250, .08) !important; border-color: rgba(96, 165, 250, .2) !important; color: #bfdbfe !important; }
.buyer-shell .notice.success { background: rgba(34, 197, 94, .08) !important; border-color: rgba(34, 197, 94, .2) !important; color: #86efac !important; }
.buyer-shell .notice.warn { background: rgba(245, 158, 11, .08) !important; border-color: rgba(245, 158, 11, .2) !important; color: #fcd34d !important; }
.buyer-shell .notice.error { background: rgba(239, 68, 68, .08) !important; border-color: rgba(239, 68, 68, .2) !important; color: #fca5a5 !important; }

.buyer-shell .buyer-welcome,
.buyer-shell .buyer-catalog-intro,
.buyer-shell .buyer-support-intro,
.buyer-shell .buyer-funds-head,
.buyer-shell .buyer-earn-hero,
.buyer-shell .child-panel-intro {
  background: radial-gradient(circle at 75% 30%, rgba(34, 211, 167, .15), transparent 45%), var(--theme-card) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-text) !important;
  box-shadow: var(--theme-shadow) !important;
}
.buyer-shell .buyer-welcome:before { border-color: rgba(34, 211, 167, .14) !important; box-shadow: none !important; }
.buyer-shell .buyer-welcome h2,
.buyer-shell .buyer-welcome h2 em,
.buyer-shell .buyer-catalog-intro h2,
.buyer-shell .child-panel-intro h2,
.buyer-shell .buyer-support-intro h2,
.buyer-shell .buyer-earn-hero h2 { color: var(--theme-text) !important; }
.buyer-shell .buyer-welcome h2 em,
.buyer-shell .buyer-catalog-intro h2 em,
.buyer-shell .buyer-earn-hero h2 em { color: var(--theme-brand) !important; text-decoration: none; }
.buyer-shell .buyer-welcome p,
.buyer-shell .buyer-catalog-intro p,
.buyer-shell .buyer-support-intro p,
.buyer-shell .buyer-earn-hero p,
.buyer-shell .child-panel-intro p { color: var(--theme-secondary) !important; }
.buyer-shell .buyer-welcome-kicker,
.buyer-shell .buyer-funds-head .buyer-overline,
.buyer-shell .buyer-earn-hero .buyer-overline { color: var(--theme-brand) !important; }
.buyer-shell .buyer-welcome-orb { background: rgba(34, 211, 167, .05) !important; border-color: rgba(34, 211, 167, .18) !important; color: var(--theme-brand) !important; box-shadow: none !important; }
.buyer-shell .buyer-metrics .stat:nth-child(n) { background: var(--theme-card) !important; border-color: var(--theme-border) !important; }
.buyer-shell .buyer-chart-bar,
.buyer-shell .buyer-chart-col:nth-child(2n) .buyer-chart-bar { background: var(--theme-brand) !important; }
.buyer-shell .buyer-shortcuts > a > span { background: rgba(34, 211, 167, .08) !important; color: var(--theme-brand) !important; }
.buyer-shell .buyer-shortcuts > a:hover strong,
.buyer-shell .buyer-panel-heading > a,
.buyer-shell .buyer-fx-note a { color: var(--theme-brand) !important; }
.buyer-shell .buyer-funds-head small,
.buyer-shell .buyer-fx-note,
.buyer-shell .buyer-earn-stat > span:not(.buyer-overline) { color: var(--theme-secondary) !important; }
.buyer-shell .buyer-funds-head > span,
.buyer-shell .buyer-earn-hero > span { color: var(--theme-brand) !important; }
.buyer-shell .buyer-fx-credit{display:block;margin:28px 0 0;text-align:right;font-size:11px;color:var(--theme-secondary)!important;text-decoration:underline}
.buyer-shell .buyer-earn-stat > strong { color: var(--theme-text) !important; }
.buyer-shell .buyer-positive { color: var(--theme-success) !important; }
.buyer-shell .buyer-negative { color: var(--theme-error) !important; }
.buyer-shell .buyer-perk { background: rgba(34, 211, 167, .08) !important; color: var(--theme-brand) !important; }
.buyer-shell .buyer-catalog-intro:after { color: rgba(34, 211, 167, .08) !important; }
.buyer-shell .buyer-support-intro > span { color: var(--theme-brand) !important; }
.buyer-shell .buyer-chart-total { color: var(--theme-text) !important; }
.buyer-shell .buyer-chart-col span { color: var(--theme-secondary) !important; }
.buyer-shell .buyer-shortcuts a,
.buyer-shell .service-updates-list article { border-color: var(--theme-border) !important; }
.buyer-shell .service-updates-list .service-update-card h3 { color: #0f172a !important; }
.buyer-shell .service-updates-list .service-update-card p { color: #475569 !important; }
.buyer-shell .service-updates-list .service-update-card .buyer-overline { color: #0f766e !important; }
.buyer-shell .buyer-shortcuts a:hover { background: var(--theme-elevated) !important; }

.buyer-shell .buyer-api-endpoint,
.buyer-shell .child-panel-dns,
.buyer-shell .child-panel-application-note,
.buyer-shell .two-factor-secret,
.buyer-shell .two-factor-codes,
.buyer-shell .api-key-box,
.buyer-shell .doc-code,
.buyer-shell .bubble {
  background: var(--theme-elevated) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-text) !important;
}
.buyer-shell .bubble.admin { background: rgba(34, 211, 167, .08) !important; }
.buyer-shell .buyer-api-endpoint code,
.buyer-shell .child-panel-dns code,
.buyer-shell .child-panel-application-note strong,
.buyer-shell .two-factor-panel summary { color: var(--theme-brand) !important; }
.buyer-shell .child-panel-application-note,
.buyer-shell .child-panel-steps { color: var(--theme-secondary) !important; }
.buyer-shell .buyer-profile-head { border-color: var(--theme-border) !important; }
.buyer-shell .buyer-profile-head span { color: var(--theme-secondary) !important; }

.buyer-shell .buyer-promo { background: var(--theme-card) !important; border-color: var(--theme-border) !important; box-shadow: var(--theme-shadow) !important; }

/* Order filters should sit quietly within the same dark surface system. */
.buyer-shell .buyer-history-filters {
  background: var(--theme-card) !important;
  border-color: var(--theme-border) !important;
  box-shadow: var(--theme-shadow) !important;
}
.buyer-shell .buyer-history-filters > strong { color: var(--theme-text) !important; }
.buyer-shell .buyer-history-filter-grid label,
.buyer-shell .buyer-history-toolbar,
.buyer-shell .buyer-history-view span { color: var(--theme-secondary) !important; }
.buyer-shell .buyer-history-filter-grid select,
.buyer-shell .buyer-history-filter-grid input {
  background: var(--theme-input) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
  color-scheme: dark;
}
.buyer-shell .buyer-history-filter-grid select:hover,
.buyer-shell .buyer-history-filter-grid input:hover { border-color: var(--theme-border-hover) !important; }
.buyer-shell .buyer-history-filter-grid select:focus,
.buyer-shell .buyer-history-filter-grid input:focus {
  border-color: var(--theme-brand) !important;
  box-shadow: 0 0 0 3px rgba(34, 211, 167, .10) !important;
  outline: none;
}
.buyer-shell .buyer-history-filter-grid input::placeholder { color: var(--theme-muted) !important; }
.buyer-shell .buyer-history-match button,
.buyer-shell .buyer-history-view button {
  background: var(--theme-elevated) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-secondary) !important;
}
.buyer-shell .buyer-history-match button:hover,
.buyer-shell .buyer-history-view button:hover {
  background: rgba(34, 211, 167, .08) !important;
  color: var(--theme-text) !important;
}
.buyer-shell .buyer-history-match button.active,
.buyer-shell .buyer-history-view button.active {
  background: rgba(34, 211, 167, .12) !important;
  border-color: rgba(34, 211, 167, .25) !important;
  color: var(--theme-brand) !important;
}

body:has(.buyer-shell) #toast {
  background: #182229;
  border: 1px solid #26333d;
  color: #f8fafc;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .18);
  transition: opacity .18s ease, transform .18s ease;
}
body:has(.buyer-shell) #toast.error { background: #311f25; border-color: rgba(239, 68, 68, .38); color: #fca5a5; }

@media (max-width: 1050px) {
  .buyer-shell .buyer-side { border-bottom-color: var(--theme-border) !important; }
}
@media (prefers-reduced-motion: reduce) {
  .buyer-shell a, .buyer-shell button { transition: none !important; }
}

/* A visible catalog search keeps name and local-ID lookup above order filters. */
.buyer-quick-service-search { position: relative; margin: 20px 0 16px; }
.buyer-quick-service-search > label { display: block; margin-bottom: 7px; color: var(--theme-secondary); font-size: 13px; font-weight: 700; }
.buyer-quick-service-input { display: flex; min-height: 48px; border: 1px solid var(--theme-border); border-radius: 12px; background: var(--theme-input); overflow: hidden; }
.buyer-quick-service-input:focus-within { border-color: var(--theme-brand); box-shadow: 0 0 0 3px rgba(34,211,167,.1); }
.buyer-quick-service-input input { flex: 1; min-width: 0; padding: 11px 14px; border: 0; outline: 0; background: transparent; color: var(--theme-text); font: inherit; }
.buyer-quick-service-input input::placeholder { color: var(--theme-muted); }
.buyer-quick-service-input button { min-width: 48px; border: 0; border-left: 1px solid var(--theme-border); background: var(--theme-elevated); color: var(--theme-brand); font-size: 25px; cursor: pointer; }
.buyer-quick-service-results { position: absolute; z-index: 30; top: 100%; left: 0; right: 0; max-height: 340px; overflow: auto; margin-top: 5px; border: 1px solid var(--theme-border); border-radius: 12px; background: var(--theme-elevated); box-shadow: 0 16px 32px #0007; }
.buyer-quick-service-results[hidden] { display: none; }
.buyer-quick-service-results button { display: grid; gap: 4px; width: 100%; padding: 11px 14px; border: 0; border-bottom: 1px solid var(--theme-border); background: transparent; color: var(--theme-text); text-align: left; cursor: pointer; }
.buyer-quick-service-results button:hover,.buyer-quick-service-results button:focus-visible { background: rgba(34,211,167,.1); }
.buyer-quick-service-results small,.buyer-quick-service-results p { color: var(--theme-secondary); }
.buyer-quick-service-results p { margin: 12px 14px; }

/* Fit the complete order history on desktop; only genuinely narrow screens scroll. */
.buyer-orders-panel .table-wrap { overflow-x: auto; }
.buyer-orders-table:has(.buyer-order-service) { width: 100%; min-width: 0; table-layout: fixed; }
.buyer-orders-table:has(.buyer-order-service) th,
.buyer-orders-table:has(.buyer-order-service) td { padding-left: 7px !important; padding-right: 7px !important; overflow-wrap: anywhere; }
.buyer-orders-table:has(.buyer-order-service) th { white-space: normal; }
.buyer-orders-table:has(.buyer-order-service) td { vertical-align: top; }
.buyer-orders-table:has(.buyer-order-service) :is(th,td):nth-child(1) { width: 6%; }
.buyer-orders-table:has(.buyer-order-service) :is(th,td):nth-child(2) { width: 11%; }
.buyer-orders-table:has(.buyer-order-service) :is(th,td):nth-child(3) { width: 11%; }
.buyer-orders-table:has(.buyer-order-service) :is(th,td):nth-child(4) { width: 8%; }
.buyer-orders-table:has(.buyer-order-service) :is(th,td):nth-child(5) { width: 8%; }
.buyer-orders-table:has(.buyer-order-service) :is(th,td):nth-child(6) { width: 7%; }
.buyer-orders-table:has(.buyer-order-service) :is(th,td):nth-child(7) { width: 27%; }
.buyer-orders-table:has(.buyer-order-service) :is(th,td):nth-child(8) { width: 7%; }
.buyer-orders-table:has(.buyer-order-service) :is(th,td):nth-child(9) { width: 8%; }
.buyer-orders-table:has(.buyer-order-service) :is(th,td):nth-child(10) { width: 7%; }
.buyer-orders-table .buyer-order-target { display: block; max-width: none; overflow-wrap: anywhere; }
.buyer-orders-table .buyer-order-service { min-width: 0; max-width: none; }
.buyer-orders-table .buyer-order-service a { color: var(--theme-text); text-decoration: none; }
.buyer-orders-table .buyer-order-service a:hover { color: var(--theme-brand); text-decoration: underline; }
.buyer-orders-table .buyer-order-service strong { white-space: normal; line-height: 1.4; }
.buyer-orders-table .buyer-reorder { display: inline-flex; align-items: center; white-space: normal; padding: 6px 7px; text-decoration: none; }
.buyer-orders-table:has(.buyer-order-service) .badge-soft { white-space: normal; text-align: center; }
@media (max-width: 1050px) {
  .buyer-orders-table:has(.buyer-order-service) { min-width: 1000px; }
}

/* Six-decimal wallet balances must fit narrow cards and the fixed sidebar. */
.buyer-side-balance strong { font-size: clamp(17px, 1.25vw, 24px); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.buyer-shell .buyer-top-funds { white-space: nowrap; font-variant-numeric: tabular-nums; }
.buyer-shell .buyer-metrics .stat .num,.buyer-shell .buyer-earn-stat > strong,.admin-content .member-stats .stat .num { overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }