/* FollowersssBuy buyer theme. Loaded last; no layout or behavior changes. */
.buyer-shell {
  --theme-bg:var(--ui-page);
  --theme-sidebar:var(--ui-sidebar);
  --theme-card:var(--ui-card);
  --theme-elevated:var(--ui-elevated);
  --theme-input:var(--ui-card);
  --theme-border:var(--ui-border);
  --theme-border-hover:var(--ui-border-hover);
  --theme-text:var(--ui-text);
  --theme-secondary:var(--ui-secondary);
  --theme-muted:var(--ui-muted);
  --theme-brand:var(--ui-primary);
  --theme-brand-hover:var(--ui-primary-hover);
  --theme-brand-active:var(--ui-primary-active);
  --theme-success:var(--ui-success);
  --theme-warning:var(--ui-warning);
  --theme-error:var(--ui-error);
  --theme-info:var(--ui-info);
  --theme-shadow:var(--ui-shadow-card);
  --buyer-ink:var(--ui-text);
  --buyer-muted:var(--ui-secondary);
  --buyer-line:var(--ui-border);
  --buyer-accent:var(--ui-primary);
  --buyer-soft:var(--ui-page);
  --ink:var(--ui-text);
  --muted:var(--ui-secondary);
  --line:var(--ui-border);
  --soft:var(--ui-page);
  --brand:var(--ui-primary);
  --brand-dark:var(--ui-primary-hover);
  background: var(--theme-bg) !important;
  color: var(--theme-text);
  color-scheme:light;
}

.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: var(--ui-primary-hover) !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: var(--ui-nav-active) !important;
  border-color: var(--ui-sidebar-secondary) !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: var(--ui-white) !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: var(--ui-card) !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: var(--ui-card);
  color: var(--theme-brand);
  font-weight: 700;
  line-height: 1.5;
}
.buyer-shell .buyer-payment-detail {white-space:normal;line-height:1.7;padding:18px;}
.buyer-recharge-coins{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px;}
.buyer-recharge-coins span{padding:3px 9px;border:1px solid var(--ui-border);border-radius:7px;background:var(--ui-content);color:var(--ui-secondary);font-size:12px;font-weight:600;}
.buyer-reward-tiers{display:grid;gap:8px;margin-bottom:16px;}
.buyer-reward-tiers>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--ui-brand-soft);border-radius:8px;}
.buyer-reward-tiers strong{color:var(--ui-primary);white-space:nowrap;}
.buyer-payment-detail>p{margin:10px 0;}
.buyer-recharge-support{margin-top:18px;padding-top:16px;border-top:1px solid var(--ui-border);}
.buyer-recharge-support p{margin:8px 0;font-size:13px;line-height:1.7;}
.buyer-recharge-support a{color:var(--ui-primary);font-weight:600;}
.buyer-shell form[data-form="payment"] [hidden]{display:none!important;}
.buyer-shell .buyer-manual-contact{display:flex;align-items:center;justify-content:center;text-align:center;}
.buyer-shell.buyer-page-add-funds .buyer-mobile-nav span{white-space:nowrap;}
.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: var(--ui-text); }
.buyer-shell .avatar-round { background: var(--ui-brand-soft) !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(--ui-shadow-card)!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: var(--ui-white) !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: var(--ui-primary-hover) !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: var(--ui-card) !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:var(--ui-focus-ring)!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: var(--ui-text) !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: var(--ui-card) !important; color: var(--theme-text) !important; }
.buyer-shell .buyer-tabbar > .active {
  background: var(--ui-brand-soft) !important;
  border-color: var(--ui-border) !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: var(--ui-brand-soft) !important; border-color: var(--ui-border) !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: var(--ui-brand-soft) !important;
  border-color: var(--ui-border) !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: var(--ui-card) !important;
  border-color: var(--ui-border) !important;
}
.buyer-shell .buyer-detail-price strong { color: var(--theme-brand) !important; font-size: 32px; font-weight:700; }
.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(--ui-shadow-card)!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: var(--ui-card) !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: var(--ui-card) !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: var(--ui-card) !important; color: var(--theme-info) !important; }
.buyer-shell .badge-soft.status-success { background: var(--ui-success-bg) !important; color: var(--theme-success) !important; }
.buyer-shell .badge-soft.warn { background: var(--ui-warning-bg) !important; color: var(--theme-warning) !important; }
.buyer-shell .badge-soft.gray { background: var(--ui-error-bg) !important; color: var(--theme-error) !important; }
.buyer-shell .badge-soft.blue { background: var(--ui-card) !important; color: var(--theme-info) !important; }
.buyer-shell .notice { background: var(--ui-info-bg) !important; border-color: var(--ui-info-bg) !important; color: var(--ui-info) !important; }
.buyer-shell .notice.success { background: var(--ui-success-bg) !important; border-color: var(--ui-success-bg) !important; color: var(--ui-success) !important; }
.buyer-shell .notice.warn { background: var(--ui-warning-bg) !important; border-color: var(--ui-warning-bg) !important; color: var(--ui-warning-text) !important; }
.buyer-shell .notice.error { background: var(--ui-error-bg) !important; border-color: var(--ui-error-bg) !important; color: var(--ui-error) !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:var(--ui-brand-soft)!important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-text) !important;
  box-shadow:var(--ui-shadow-card)!important;
}
.buyer-shell .buyer-welcome:before { border-color: var(--ui-border) !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: var(--ui-card) !important; border-color: var(--ui-border) !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: var(--ui-card) !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-order-success{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:12px 0 22px;padding:16px 18px;border:1px solid var(--ui-success-bg);border-radius:16px;background:var(--ui-success-bg);color:var(--ui-success);}
.buyer-shell .buyer-order-success-icon{display:flex!important;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border:0;border-radius:50%;background:var(--ui-success);color:var(--ui-text-white,#FFFFFF);}
.buyer-shell .buyer-order-success-icon svg{display:block;width:22px;height:22px;}
.buyer-shell .buyer-order-success strong,.buyer-shell .buyer-order-success span{display:block;}
.buyer-shell .buyer-order-success strong{font-size:14px;line-height:1.35;}
.buyer-shell .buyer-order-success div>span{margin-top:3px;font-size:12px;color:var(--ui-success);}
.buyer-shell .buyer-order-success-actions{display:flex;align-items:center;gap:14px;}
.buyer-shell .buyer-order-success-actions a,.buyer-shell .buyer-order-success-actions button{border:0;background:transparent;padding:6px 0;color:var(--ui-success)!important;font-family:inherit;font-size:12px;font-weight:700;line-height:1.3;text-decoration:none;cursor:pointer;white-space:nowrap;}
.buyer-shell .buyer-order-success-actions a:hover,.buyer-shell .buyer-order-success-actions button:hover{text-decoration:underline;}
@media(max-width:640px){.buyer-shell .buyer-order-success{grid-template-columns:auto minmax(0,1fr);}.buyer-shell .buyer-order-success-actions{grid-column:2;flex-wrap:wrap;}}
.buyer-catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;color:var(--theme-secondary);font-size:12px;}
.buyer-catalog-pagination>div{display:flex;align-items:center;gap:10px;}
.buyer-catalog-pagination button:disabled{opacity:.42;cursor:not-allowed;}
@media(max-width:560px){.buyer-catalog-pagination{align-items:flex-start;flex-direction:column;}.buyer-catalog-pagination>div{width:100%;justify-content:space-between;}}
.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: var(--ui-card) !important; color: var(--theme-brand) !important; }
.buyer-shell .buyer-catalog-intro:after { color: var(--ui-text) !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: var(--ui-text) !important; }
.buyer-shell .service-updates-list .service-update-card p { color: var(--ui-secondary) !important; }
.buyer-shell .service-updates-list .service-update-card .buyer-overline { color: var(--ui-primary) !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: var(--ui-info-bg) !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(--ui-shadow-card)!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(--ui-shadow-card)!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:light;
}
.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:var(--ui-focus-ring)!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: var(--ui-card) !important;
  color: var(--theme-text) !important;
}
.buyer-shell .buyer-history-match button.active,
.buyer-shell .buyer-history-view button.active {
  background: var(--ui-brand-soft) !important;
  border-color: var(--ui-border) !important;
  color: var(--theme-brand) !important;
}

body:has(.buyer-shell) #toast {
  background: var(--ui-page);
  border: 1px solid var(--ui-border);
  color: var(--ui-text);
  box-shadow:var(--ui-shadow-card);
  transition: opacity .18s ease, transform .18s ease;
}
body:has(.buyer-shell) #toast.error { background: var(--ui-error-bg); border-color: var(--ui-error-bg); color: var(--ui-error); }

@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:var(--ui-focus-ring); }
.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:var(--ui-shadow-popup); }
.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: var(--ui-card); }
.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:has(.buyer-order-service) :is(td:nth-child(8),td:nth-child(9)) small { max-width: none; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: normal; line-height: 1.45; }
.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; }

/* Buyer-only mobile navigation and compact order flow. */
.buyer-mobile-nav,.buyer-mobile-checkout,.buyer-mobile-limits{display:none;}
.buyer-order-filter-layout{display:contents;}
@media(max-width:760px){
  .buyer-shell .buyer-side{padding:10px 16px!important;}
  .buyer-shell .buyer-side .brand{display:block!important;padding:0!important;margin:0!important;}
  .buyer-shell .buyer-side nav{display:none!important;}
  .buyer-shell .buyer-brand-image{width:min(210px,62vw);height:auto;}
  .buyer-shell .buyer-content{padding-bottom:calc(95px + env(safe-area-inset-bottom))!important;}
  .buyer-mobile-nav{position:fixed;z-index:100;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;min-height:67px;padding:5px 5px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--theme-border);background:var(--ui-sidebar);box-shadow:var(--ui-shadow-card);}
  .buyer-mobile-nav>a,.buyer-mobile-more>summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:56px;padding:3px 1px;border:0;border-radius:10px;color:var(--theme-secondary);font-size:10px;font-weight:700;text-decoration:none;list-style:none;cursor:pointer;}
  .buyer-mobile-more>summary::-webkit-details-marker{display:none;}
  .buyer-mobile-nav svg{display:block;width:22px;height:22px;flex:none;}
  .buyer-mobile-nav>a{position:relative;}
  .buyer-mobile-nav .ticket-notice{position:absolute;top:2px;left:calc(50% + 8px);margin:0;min-width:17px;height:17px;padding:0 4px;font-size:10px;}
  .buyer-mobile-nav>a.active,.buyer-mobile-more>summary.active,.buyer-mobile-more[open]>summary{color:var(--theme-brand);}
  .buyer-mobile-nav>a:focus-visible,.buyer-mobile-more>summary:focus-visible,.buyer-mobile-more-menu a:focus-visible{outline:2px solid var(--theme-brand);outline-offset:-2px;}
  .buyer-mobile-nav .buyer-mobile-new svg{width:29px;height:29px;padding:5px;border-radius:10px;background:var(--theme-brand);color:var(--ui-nav-text);}
  .buyer-mobile-nav .buyer-mobile-new span{font-weight:700;}
  .buyer-mobile-more{position:relative;min-width:0;}
  .buyer-mobile-more>summary{height:100%;}
  .buyer-mobile-more-menu{position:absolute;right:4px;bottom:calc(100% + 9px);display:grid;gap:2px;width:min(260px,calc(100vw - 20px));max-height:min(65vh,480px);overflow-y:auto;padding:9px;border:1px solid var(--theme-border-hover);border-radius:15px;background:var(--theme-elevated);box-shadow:var(--ui-shadow-popup);}
  .buyer-mobile-more-menu a{display:block;padding:11px 13px;border-radius:9px;color:var(--theme-text);font-size:13px;text-decoration:none;}
  .buyer-mobile-more-menu a:hover{background:var(--ui-card);color:var(--theme-brand);}
  .buyer-page-new-order .buyer-content{padding-bottom:calc(170px + env(safe-area-inset-bottom))!important;}
  .buyer-page-new-order .buyer-page-head{display:none;}
  .buyer-page-new-order .buyer-order-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:3px 0 12px;padding:4px;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-card);overflow:visible;}
  .buyer-page-new-order .buyer-order-tabs a{padding:10px 3px;border:0!important;border-radius:10px;text-align:center;font-size:11px;white-space:nowrap;}
  .buyer-page-new-order .buyer-order-tabs a.active{background:var(--ui-brand-soft);color:var(--theme-brand)!important;}
  .buyer-page-new-order .buyer-order-layout{gap:12px;}
  .buyer-page-new-order .buyer-order-form{padding:16px!important;margin:0!important;}
  .buyer-page-new-order .buyer-order-form>h3,.buyer-page-new-order .buyer-order-form>p.muted{display:none;}
  .buyer-page-new-order .buyer-order-form>.buyer-overline{display:block;margin-bottom:12px;}
  .buyer-page-new-order .buyer-order-form .field{margin-bottom:11px;}
  .buyer-page-new-order .buyer-order-form .field input{min-height:46px;}
  .buyer-page-new-order .buyer-quick-service-search{margin:9px 0 10px;}
  .buyer-page-new-order .buyer-quick-service-search>label{display:none;}
  .buyer-page-new-order .buyer-quick-service-input{min-height:44px;}
  .buyer-page-new-order form[data-form="order"] .buyer-order-filter-layout{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px 8px;margin:0 0 12px;}
  .buyer-page-new-order form[data-form="order"] .buyer-order-filter-grid,.buyer-page-new-order form[data-form="order"] .service-picker-fixed-filters{display:contents;}
  .buyer-page-new-order form[data-form="order"] .buyer-order-filter-grid>.field{grid-column:span 2;min-width:0;margin:0;}
  .buyer-page-new-order form[data-form="order"] .service-picker-fixed-filters>label{grid-column:span 3;min-width:0;gap:5px;margin:0;}
  .buyer-page-new-order form[data-form="order"] .buyer-order-filter-grid label,.buyer-page-new-order form[data-form="order"] .service-picker-fixed-filters label{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .buyer-page-new-order form[data-form="order"] .buyer-order-filter-grid .platform-picker summary{gap:4px;min-height:42px;padding:5px 6px;border-radius:10px;}
  .buyer-page-new-order form[data-form="order"] .buyer-order-filter-grid .platform-picker summary>span:not(.platform-picker-chevron):not(.platform-icon):not(.service-type-icon){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;}
  .buyer-page-new-order form[data-form="order"] .buyer-order-filter-grid .platform-picker summary .platform-icon,.buyer-page-new-order form[data-form="order"] .buyer-order-filter-grid .platform-picker summary .service-type-icon{width:21px;height:21px;flex:none;}
  .buyer-page-new-order form[data-form="order"] .buyer-order-filter-grid .platform-picker summary .platform-icon img{width:19px;height:19px;}
  .buyer-page-new-order form[data-form="order"] .buyer-order-filter-grid .platform-picker-chevron{font-size:15px;}
  .buyer-page-new-order form[data-form="order"] .service-picker-fixed-filters select{min-height:42px;padding:7px 9px;font-size:11px;}
  .buyer-page-new-order .buyer-order-form .service-picker summary{min-height:64px;padding:8px 10px;}
  .buyer-page-new-order .buyer-order-form .service-picker-choice strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;font-size:12px;line-height:1.3;}
  .buyer-page-new-order .buyer-order-aside{display:block}
  .buyer-page-new-order .buyer-order-aside .buyer-referral-card{display:none;}
  .buyer-mobile-limits{display:block;margin:-6px 0 10px;color:var(--theme-secondary);font-size:11px;}
  .buyer-page-new-order form[data-form="order"] .buyer-order-summary,.buyer-page-new-order form[data-form="order"]>.buyer-submit{display:none!important;}
  .buyer-page-new-order .buyer-drip-toggle{padding:10px 12px;margin:10px 0;}
  .buyer-mobile-checkout{position:fixed;z-index:99;left:0;right:0;bottom:calc(67px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:63px;padding:9px 14px;border-top:1px solid var(--theme-border);background:var(--ui-card);box-shadow:var(--ui-shadow-card);}
  .buyer-mobile-checkout>span{min-width:0;color:var(--theme-secondary);font-size:11px;}
  .buyer-mobile-checkout strong{display:block;margin-top:2px;color:var(--theme-text);font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;}
  .buyer-mobile-checkout button{flex:none;min-width:140px;min-height:43px;padding:9px 14px;border:0;border-radius:11px;background:var(--theme-brand);color:var(--ui-white);font-family:inherit;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;}
  .buyer-mobile-checkout button:disabled{opacity:.55;cursor:wait;}
}
.buyer-ticket-list .table td:nth-child(3){min-width:130px;}.buyer-ticket-list .table td:nth-child(4){white-space:nowrap;font-variant-numeric:tabular-nums;}

/* Match the roomier desktop buyer view without changing mobile or admin screens. */
@media (min-width: 1100px) {
  .buyer-shell { zoom: 1.05; }
}
/* Give filter choices recognizable silhouettes and distinct high-contrast color cues. */
.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon{width:32px;height:32px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-card);box-shadow:var(--ui-shadow-card);}
.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon img{width:23px;height:23px;filter:brightness(0) invert(1);}
.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-instagram{background:linear-gradient(135deg,var(--platform-logo-7048c6),var(--platform-logo-d62c84) 52%,var(--platform-logo-f6a13c));}
.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-tiktok,.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-x,.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-threads{background:var(--platform-logo-17191f);}
.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-youtube,.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-pinterest{background:var(--platform-logo-e62635);}
.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-facebook{background:var(--platform-logo-1877f2);}
.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-telegram{background:var(--platform-logo-229ed9);}
.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-twitch{background:var(--platform-logo-9146ff);}
.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-linkedin{background:var(--platform-logo-0a66c2);}
.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-spotify,.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-whatsapp{background:var(--platform-logo-198b4b);}
.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-discord{background:var(--platform-logo-5865f2);}
.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-snapchat{background:var(--platform-logo-fffc00);}
.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-snapchat img{filter:none;}
.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-generic{background:var(--ui-card);}
.buyer-shell .buyer-order-filter-grid .platform-picker .platform-icon.platform-generic img{filter:none;}
.buyer-shell .buyer-order-filter-grid .service-type-icon{width:32px;height:32px;background:var(--ui-brand-soft)!important;border-color:var(--ui-border)!important;box-shadow:var(--ui-shadow-card);}
.buyer-shell .buyer-order-filter-grid .service-type-icon svg{width:21px;height:21px;filter:brightness(0) invert(1);}
.buyer-shell .buyer-order-filter-grid .service-type-users{background:var(--ui-card)!important;}
.buyer-shell .buyer-order-filter-grid .service-type-member{background:var(--ui-card)!important;}
.buyer-shell .buyer-order-filter-grid .service-type-heart{background:var(--ui-card)!important;}
.buyer-shell .buyer-order-filter-grid .service-type-reaction{background:var(--ui-card)!important;}
.buyer-shell .buyer-order-filter-grid .service-type-message{background:var(--ui-card)!important;}
.buyer-shell .buyer-order-filter-grid .service-type-broadcast,.buyer-shell .buyer-order-filter-grid .service-type-play{background:var(--ui-card)!important;}
.buyer-shell .buyer-order-filter-grid .service-type-eye{background:var(--ui-card)!important;}
.buyer-shell .buyer-order-filter-grid .service-type-bookmark{background:var(--ui-card)!important;}
.buyer-shell .buyer-order-filter-grid .service-type-share,.buyer-shell .buyer-order-filter-grid .service-type-cursor{background:var(--ui-card)!important;}
.buyer-shell .buyer-order-filter-grid .service-type-spark,.buyer-shell .buyer-order-filter-grid .service-type-music{background:var(--ui-card)!important;}
.buyer-shell .buyer-order-filter-grid .service-type-clock,.buyer-shell .buyer-order-filter-grid .service-type-post,.buyer-shell .buyer-order-filter-grid .service-type-globe{background:var(--ui-card)!important;}
@media(max-width:760px){.buyer-shell .buyer-page-new-order form[data-form="order"] .buyer-order-filter-grid .platform-picker summary .platform-icon,.buyer-shell .buyer-page-new-order form[data-form="order"] .buyer-order-filter-grid .platform-picker summary .service-type-icon{width:27px;height:27px;}.buyer-shell .buyer-page-new-order form[data-form="order"] .buyer-order-filter-grid .platform-picker summary .platform-icon img,.buyer-shell .buyer-page-new-order form[data-form="order"] .buyer-order-filter-grid .platform-picker summary .service-type-icon svg{width:19px;height:19px;}}
/* Match the recognizable platform badges used by the new-order picker in the Services catalog. */
.buyer-shell .buyer-service-icon{background:transparent!important;border-color:transparent!important;}
.buyer-shell :is(.catalog-platform-picker,.buyer-service-icon) .platform-icon{width:32px;height:32px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-card);box-shadow:var(--ui-shadow-card);}
.buyer-shell :is(.catalog-platform-picker,.buyer-service-icon) .platform-icon img{width:23px;height:23px;filter:brightness(0) invert(1);}
.buyer-shell :is(.catalog-platform-picker,.buyer-service-icon) .platform-instagram{background:linear-gradient(135deg,var(--platform-logo-7048c6),var(--platform-logo-d62c84) 52%,var(--platform-logo-f6a13c));}
.buyer-shell :is(.catalog-platform-picker,.buyer-service-icon) :is(.platform-tiktok,.platform-x,.platform-threads){background:var(--platform-logo-17191f);}
.buyer-shell :is(.catalog-platform-picker,.buyer-service-icon) :is(.platform-youtube,.platform-pinterest){background:var(--platform-logo-e62635);}
.buyer-shell :is(.catalog-platform-picker,.buyer-service-icon) .platform-facebook{background:var(--platform-logo-1877f2);}
.buyer-shell :is(.catalog-platform-picker,.buyer-service-icon) .platform-telegram{background:var(--platform-logo-229ed9);}
.buyer-shell :is(.catalog-platform-picker,.buyer-service-icon) .platform-twitch{background:var(--platform-logo-9146ff);}
.buyer-shell :is(.catalog-platform-picker,.buyer-service-icon) .platform-linkedin{background:var(--platform-logo-0a66c2);}
.buyer-shell :is(.catalog-platform-picker,.buyer-service-icon) :is(.platform-spotify,.platform-whatsapp){background:var(--platform-logo-198b4b);}
.buyer-shell :is(.catalog-platform-picker,.buyer-service-icon) .platform-discord{background:var(--platform-logo-5865f2);}
.buyer-shell :is(.catalog-platform-picker,.buyer-service-icon) .platform-snapchat{background:var(--platform-logo-fffc00);}
.buyer-shell :is(.catalog-platform-picker,.buyer-service-icon) :is(.platform-snapchat,.platform-generic) img{filter:none;}
.buyer-shell .catalog-platform-picker summary,.buyer-shell .catalog-platform-options{background:var(--ui-card);color:var(--theme-text);border-color:var(--theme-border);}
.buyer-shell .catalog-platform-options button{color:var(--theme-text);}
.buyer-shell .catalog-platform-options button:hover,.buyer-shell .catalog-platform-options button[aria-pressed="true"]{background:var(--ui-card);}
.buyer-shell .catalog-platform-all-icon{background:var(--ui-card);}
@media(max-width:680px){
  .buyer-ticket-list .table-wrap{overflow:visible;}
  .buyer-ticket-list .table,.buyer-ticket-list tbody,.buyer-ticket-list tr,.buyer-ticket-list td{display:block;width:100%;}
  .buyer-ticket-list thead{display:none;}
  .buyer-ticket-list tr{display:grid;grid-template-columns:1fr auto;gap:5px 10px;margin:0 0 12px;padding:14px;border:1px solid var(--theme-border);border-radius:13px;background:var(--theme-card);}
  .buyer-ticket-list .table td{min-width:0!important;padding:0;border:0;background:transparent!important;}
  .buyer-ticket-list .table td:first-child{font-size:12px;color:var(--theme-secondary);}
  .buyer-ticket-list .table td:nth-child(2){grid-column:1 / -1;font-size:14px;overflow-wrap:anywhere;}
  .buyer-ticket-list .table td:nth-child(3){grid-column:1;font-size:12px;}
  .buyer-ticket-list .table td:nth-child(4){grid-column:1;font-size:11px;color:var(--theme-secondary);}
  .buyer-ticket-list .table td:last-child{grid-column:2;grid-row:3 / 5;align-self:center;}
}
.buyer-shell .buyer-promo-buyaccx-card{display:block;overflow:hidden;border:1px solid var(--ui-border);border-radius:18px;background:var(--ui-card);text-decoration:none;}
.buyer-shell .buyer-promo-buyaccx-card img{display:block;width:100%;height:auto;}
.buyer-shell .buyer-custom-comments[hidden]{display:none!important}.buyer-custom-comments textarea{width:100%;resize:vertical;min-height:150px;line-height:1.7}.buyer-custom-comments small{display:block;line-height:1.65;margin-top:8px;color:var(--ui-secondary)}.buyer-custom-comments-count{color:var(--ui-primary)!important}
.admin-shell .table .admin-order-target{min-width:200px;max-width:430px;white-space:normal;}
.admin-shell .table .admin-order-target>span{display:block;overflow-wrap:anywhere;word-break:break-word;white-space:normal;text-overflow:clip;max-width:none;}
.admin-order-target .btn-quiet{margin-top:8px;}
.admin-shell .table:has(.admin-order-target) .badge{white-space:nowrap;}
.ticket-detail-heading{flex-wrap:wrap;gap:10px;}
.admin-ticket-layout .ticket-is-unread td{background:var(--ui-brand-soft);font-weight:600;}
.admin-ticket-layout .ticket-is-unread td:first-child{box-shadow:inset 3px 0 var(--ui-primary);}
.admin-ticket-layout .ticket-is-read td{background:var(--ui-card);}
.admin-ticket-layout .ticket-is-read.is-selected td{background:var(--ui-content);}
.ticket-read-state{display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:3px 7px;font-size:11px;font-weight:600;margin-top:5px;}
.ticket-read-state.is-unread{color:var(--ui-primary);background:var(--ui-nav-hover);}
.ticket-read-state.is-unread::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;}
.ticket-read-state.is-read{color:var(--ui-muted);background:var(--ui-content);font-weight:400;}
.buyer-service-note{margin:0 5px 18px;color:var(--ui-secondary);font-size:12px;font-weight:400;line-height:1.7;}

/* Local brand thumbnails stay legible in every platform and service picker. */
.platform-icon[data-platform-logo]{background:#FFFFFF!important;border:1px solid var(--ui-border,#E5E7EB);color:var(--ui-primary,#5B5FEF);flex-shrink:0;overflow:hidden}
.platform-icon[data-platform-logo] img{filter:none!important;object-fit:contain;width:72%;height:72%;display:block}

/* Show contact support before ticket history in the stacked mobile layout. */
@media(max-width:760px){
  .buyer-shell .buyer-support-grid>#ticket-detail{order:-1;}
}
