/* PRIME SOCIAL — DUAL PASTEL THEMES, v2
 * DARK = original LIGHT TURQUOISE (#F5F7FB / teal buttons)
 * LIGHT = ICE BLUE (#F5F7FB / royal-blue buttons)
 * Color overrides only; no changes to component dimensions or functions.
 * Status colors, logos, network images and checkout data stay unchanged.
 */

/* TURQUOISE — appearance: dark */
/*
  Prime Social — Turquoise Light #5 (visual layer, no business logic).
  Load LAST after existing component styles. Keep status, platform and payment
  logos in original brand colors. Dark mode is intentionally the existing light turquoise design.
*/
html[data-theme="dark"] {
 color-scheme:light;
 --prime-bg:#F5F7FB;
 --prime-bg-2:#F8FAFC;
 --prime-surface:#FFFFFF;
 --prime-surface-2:#F8FAFC;
 --prime-surface-3:#F1F5F9;
 --prime-field:#FCFDFF;
 --prime-line:#E2E8F0;
 --prime-line-soft:#E5ECF5;
 --prime-line-strong:#3B82F6;
 --prime-orange:#2563EB;
 --prime-orange-2:#3B82F6;
 --prime-orange-soft:#1D4ED8;
 --prime-gold:#2563EB;
 --prime-cream:#1E293B;
 --prime-text:#1E293B;
 --prime-text-2:#475569;
 --prime-muted:#64748B;
 --prime-shadow:0 9px 28px rgba(30,41,59,.085);
 --prime-glow:0 0 20px rgba(37,99,235,.12);
 --bg-deep:#F5F7FB;--bg-primary:#F5F7FB;--bg-secondary:#F8FAFC;
 --bg-card:#FFFFFF;--bg-card-hover:#F8FAFC;--bg-glass:rgba(255,255,255,.97);
 --text-primary:#1E293B;--text-secondary:#475569;--text-muted:#64748B;
 --border:#E2E8F0;--border-hover:#3B82F6;--border-glow:#B8CDF6;
 --accent-purple:#2563EB;--accent-pink:#3B82F6;--accent-orange:#2563EB;
 --accent-blue:#2563EB;--accent-cyan:#3B82F6;
 --prime-blue:#2563EB;--prime-blue-2:#1D4ED8;
 --gradient-btn:linear-gradient(135deg,#3B82F6,#2563EB);
 --gradient-hero:linear-gradient(135deg,#F7FAFD,#F5F7FB);
 --gradient-card:linear-gradient(145deg,#FFFFFF,#F8FAFC);
 --glow-purple:0 0 18px rgba(37,99,235,.12);
 --glow-pink:0 0 18px rgba(37,99,235,.12);
 --fo-panel:#FFFFFF;--fo-panel-2:#F8FAFC;--fo-text:#1E293B;
 --fo-muted:#64748B;--fo-line:#E2E8F0;
 --fo-orange:#2563EB;--fo-orange-2:#3B82F6;--fo-gold:#2563EB;
 }
html[data-theme="dark"]:root,
html[data-theme="dark"]:root body,
html[data-theme="dark"]:root body.admin-body,
html[data-theme="dark"]:root body.page-new-order,
html[data-theme="dark"]:root body.page-orders {
 color:#1E293B!important;
 background:#F5F7FB!important;
 background-image:none!important;
 }
/* Main chrome / transparent overlays */
html[data-theme="dark"] :is(.wrap,.page-content,.main-content,.main,.content,.adm-main,.adm-content,.pg-store,.pg-main){color:#1E293B}
html[data-theme="dark"] :is(.header,.adm-topbar,.bottom-nav,.footer,.mobile-menu,.prime-drawer,.adm-sidebar,.sidebar,.pg-sidebar){
 color:#1E293B!important;
 background:#F8FAFC!important;
 background-image:none!important;
 border-color:#E2E8F0!important;
 box-shadow:0 4px 18px rgba(30,41,59,.07)!important;
 }
html[data-theme="dark"] :is(.nav-link,.adm-nav a,.sidebar a,.bottom-nav a,.footer a){color:#475569!important}
html[data-theme="dark"] :is(.nav-link.active,.nav-link.current,.nav-link:hover,.adm-nav a.active,.adm-nav a:hover,.sidebar a.active,.sidebar a:hover,.bottom-nav a.active){
 color:#1D4ED8!important;background:#EEF4FD!important;border-color:#B8CDF6!important;
 }
html[data-theme="dark"] :is(.logo-title,.logo-text,.adm-brand strong,.adm-brand-name,.top-user,.prime-user-name){color:#1E293B!important}
html[data-theme="dark"] :is(.balance-pill,.currency-switch>button,.top-btn,.lang-switch a,.prime-theme-toggle,.mobile-menu-btn,.btn-icon,.cart-btn,.icon-btn){
 background:#FFFFFF!important;color:#1E293B!important;border-color:#E2E8F0!important;box-shadow:none!important;
 }
html[data-theme="dark"] :is(.currency-menu,.currency-menu a,.dropdown-menu,.adm-server,.top-search,.ao-menu){
 background:#FFFFFF!important;color:#1E293B!important;border-color:#E2E8F0!important;
 }
/* Panels / cards: DO NOT change dimensions, padding or layout */
html[data-theme="dark"] :is(
 .card,.sidebar-card,.hero,.cat-card,.feature-item,.gateway-card,.addfunds-card,
 .xo-card,.plat-card,.oc-card,.oc-item,.support-card,.support-hero,.account-ref-card,
 .account-ref-hero,.account-api-row,.svc-table-wrap,.svc-group,.import-hero,.auth-card,
 .auth-shell,.dash-card,.stat-box,.adm-server,.user-list,.table-scroll,.ao-card,
 .ao-cell,.ao-menu,.profile-card,.toast,.account-ref-card-body,.pg-card,
 .pg-checkout,.pg-package,.pg-receipt,.pg-receipt-product-image,.pg-receipt-layout,
 .pg-table td,.pg-table-wrap,.pg-admin .pg-card,.pg-store .pg-card,
 .support-ticket-item,.addfunds-head,.svc-list,.cat-picker,.cat-trigger,.svc-item,
 .xo-meta-item,.xo-charge,.xo-desc,.xo-info-card,.xo-info-notes,
 .fo-banner,.fo-order-card,.fo-main,.fo-panel,.service-details-card,
 .service-spec,.service-spec-card,.xo-spec-grid,.pg-package.selected
 ){
 background:#FFFFFF!important;background-image:none!important;
 border-color:#E2E8F0!important;color:#1E293B!important;
 box-shadow:0 6px 24px rgba(30,41,59,.07)!important;
 }
html[data-theme="dark"] :is(.svc-item:hover,.cat-item:hover,.pg-package:hover,.support-ticket-item:hover){background:#F8FAFC!important}
html[data-theme="dark"] :is(.account-ref-card-head,.support-card-title,.addfunds-head,.xo-card-head,.svc-group-head,.adm-table thead th,.svc-table th,.pg-table th,.pg-table thead th){
 background:#F1F5F9!important;background-image:none!important;color:#1E293B!important;
 border-color:#E2E8F0!important;
 }
html[data-theme="dark"] :is(.account-ref-hero,.support-hero,.page-header,.pg-hero){
 background:#F8FAFC!important;background-image:none!important;color:#1E293B!important;
 border-color:#C8D8F2!important;
 }
/* Readability of text; preserve individual logos, semantic alerts and status badges */
html[data-theme="dark"] :is(h1,h2,h3,h4,h5,h6,.adm-brand strong,.pg-store h2,.pg-brand,.pg-top h1,.pg-uc,.pg-total,.pg-package-price,.adm-nav-label){color:#1E293B!important}
html[data-theme="dark"] :is(p,.muted,.hint,.form-group label,.xo-field label,.pg-help,.pg-description,.pg-store-nav,.pg-field span,.pg-package h3,.pg-table th,.srv-row,.srv-head,.account-ref-card-body label){color:#64748B!important}
html[data-theme="dark"] :is(.card,.pg-card,.xo-card,.svc-group,.cat-card,.adm-content) :is(h1,h2,h3,h4,strong){color:#1E293B}
html[data-theme="dark"] :is(.form-control,.xo-select,.xo-input,.account-input,.account-textarea,.account-select,
 .amount-input,.svc-search-box,.top-search input,.ao-search input,.cat-search,
 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),textarea,select){
 background:#FCFDFF!important;background-image:none!important;color:#1E293B!important;
 border-color:#E2E8F0!important;box-shadow:none!important;color-scheme:light;
 }
html[data-theme="dark"] ::placeholder{color:#64748B!important;opacity:1!important}
html[data-theme="dark"] :is(input,textarea,select):focus-visible{border-color:#2563EB!important;outline:2px solid #3B82F6!important;outline-offset:1px}
html[data-theme="dark"] :is(.btn-primary,.xo-submit,.account-orange-btn,.support-submit,.auth-btn-primary,
 button[type="submit"].btn-primary,.bn-center,.xo-new-order-btn,.pg-button:not(.pg-secondary),
 .adm-brand-icon,.ai-fab,.ai-input button){
 background:#2563EB!important;background-image:linear-gradient(135deg,#3B82F6,#1D4ED8)!important;
 border-color:#2563EB!important;color:#FFFFFF!important;
 box-shadow:0 5px 16px rgba(37,99,235,.17)!important;
 }
html[data-theme="dark"] :is(.btn-primary,.xo-submit,.account-orange-btn,.support-submit,.auth-btn-primary,.pg-button):is(:hover,:focus-visible){filter:brightness(.96)}
html[data-theme="dark"] :is(.btn-outline,.btn-ghost,.xo-tab,.svc-pager a,.xp-page-btn,.pg-secondary,.btn-secondary){
 background:#FFFFFF!important;background-image:none!important;color:#2563EB!important;
 border-color:#E2E8F0!important;
 }
html[data-theme="dark"] :is(.btn-outline:hover,.btn-ghost:hover,.xo-tab.active,.xo-tab:hover,.xp-page-btn.active,.svc-pager a:hover){
 background:#F5F7FB!important;color:#1D4ED8!important;border-color:#B8CDF6!important;
 }
html[data-theme="dark"] :is(.pg-store,.pg-admin){
 --pg-bg:#F5F7FB;--pg-card:#FFFFFF;--pg-panel:#FFFFFF;--pg-muted:#64748B;
 --pg-text:#1E293B;--pg-line:#E2E8F0;--pg-orange:#2563EB;
 --pg-primary:#2563EB;--pg-background:#F5F7FB;
 background:#F5F7FB!important;color:#1E293B!important;
 }
html[data-theme="dark"] :is(.pg-admin .pg-sidebar,.pg-package,.pg-store .pg-card,.pg-admin .pg-card,.pg-admin .pg-table td,.pg-table td,.pg-admin .pg-table th){background:#FFFFFF!important;color:#1E293B!important;border-color:#E2E8F0!important}
html[data-theme="dark"] :is(.pg-store input,.pg-store select,.pg-store textarea,.pg-admin input,.pg-admin select,.pg-admin textarea){background:#FCFDFF!important;color:#1E293B!important;border-color:#E2E8F0!important}
html[data-theme="dark"] :is(.pg-store-nav a,.pg-sidebar nav a,.pg-details dd,.pg-table td a){color:#2563EB!important}
html[data-theme="dark"] :is(.pg-package.selected,.pg-sidebar nav a.active,.gw-row.selected,.gateway-opt.selected,.gw-tile.selected,.svc-item.selected,.cat-item.active){
 background:#F5F7FB!important;color:#1E293B!important;border-color:#3B82F6!important;
 }
html[data-theme="dark"] :is(.xo-info-card,.xo-info-notes,.xo-desc,.service-spec-card,.service-details-reference,.service-details-box,.search-hit,.pg-receipt-product-uc){background:#F8FAFC!important;color:#1E293B!important;border-color:#E2E8F0!important}
html[data-theme="dark"] :is(.pg-receipt-badge,.pg-pill,.adm-server,.top-btn){background:#F1F5F9!important;color:#2563EB!important;border-color:#E2E8F0!important}
html[data-theme="dark"] .bottom-nav .bn-center{background:linear-gradient(135deg,#3B82F6,#1D4ED8)!important;color:#FFFFFF!important}
/* Colored brand marks and verification semantics stay untouched. */
html[data-theme="dark"] :is(.pg-alert,.pg-error,.alert.error,.alert.success,.status.failed,.status.paid,.status.pending){color:inherit}
@media (prefers-reduced-motion:reduce){html[data-theme="dark"] *{scroll-behavior:auto}}
/* The new-order page ships a separately loaded legacy dark skin. */
html[data-theme="dark"] body.page-new-order .fo-banner,
html[data-theme="dark"] body.page-new-order .fo-service-details,
html[data-theme="dark"] body.page-new-order .fo-details-head,
html[data-theme="dark"] body.page-new-order .xo-info-item,
html[data-theme="dark"] body.page-new-order .xo-readonly,
html[data-theme="dark"] body.page-new-order .cat-picker,
html[data-theme="dark"] body.page-new-order .svc-picker,
html[data-theme="dark"] body.page-new-order .svc-trigger,
html[data-theme="dark"] body.page-new-order .search-results,
html[data-theme="dark"] body.page-new-order .cat-item,
html[data-theme="dark"] body.page-new-order .svc-item,
html[data-theme="dark"] body.page-new-order .search-hit,
html[data-theme="dark"] body.page-new-order .xo-card-head{
  background:#FFFFFF!important;background-image:none!important;
  color:#1E293B!important;border-color:#E2E8F0!important;
  box-shadow:0 6px 22px rgba(30,41,59,.065)!important;
}
html[data-theme="dark"] body.page-new-order .fo-banner{background:#F8FAFC!important}
html[data-theme="dark"] body.page-new-order .fo-banner :is(h2,p,.fo-banner-kicker),
html[data-theme="dark"] body.page-new-order .fo-details-head :is(h3,h4,strong,span),
html[data-theme="dark"] body.page-new-order .svc-item-name,
html[data-theme="dark"] body.page-new-order .c-name,
html[data-theme="dark"] body.page-new-order .xo-info-item strong{
 color:#1E293B!important;
}
html[data-theme="dark"] body.page-new-order :is(.fo-banner-btn,.fo-banner-logo,.xo-submit,.xo-new-order-btn){
 background:linear-gradient(135deg,#3B82F6,#1D4ED8)!important;
 color:#FFFFFF!important;border-color:#2563EB!important;
}
html[data-theme="dark"] body.page-new-order .fo-banner-dots span{background:#B8CDF6!important}
html[data-theme="dark"] body.page-new-order .fo-banner-dots .active{background:#2563EB!important}
html[data-theme="dark"] body.page-new-order .logo-title,
html[data-theme="dark"] body.page-new-order .balance-pill,
html[data-theme="dark"] body.page-new-order .currency-switch>button,
html[data-theme="dark"] body.page-new-order .mobile-menu-btn{color:#1E293B!important}
html[data-theme="dark"] body.page-new-order :is(.balance-pill,.currency-switch>button,.lang-switch a,.mobile-menu-btn){
 background:#FFFFFF!important;border-color:#E2E8F0!important;color:#1E293B!important;
}
html[data-theme="dark"] body.page-new-order :is(.cat-item.active,.svc-item.selected,.search-hit:hover){
 background:#F5F7FB!important;color:#1E293B!important;border-color:#3B82F6!important;
}
html[data-theme="dark"] body.page-new-order .plat-btn .plat-ico{background:#F8FAFC!important;border-color:#E2E8F0!important}
html[data-theme="dark"] body.page-new-order .xo-info-notes{background:#F8FAFC!important;color:#475569!important}
/* Admin form/input and table chrome */
html[data-theme="dark"] body.admin-body :is(.adm-shell,.adm-main,.adm-content,.adm-section,.adm-form,.adm-table,.adm-table-wrap){
 color:#1E293B!important;
}
html[data-theme="dark"] body.admin-body :is(.adm-sidebar,.adm-topbar){background:#F8FAFC!important;border-color:#E2E8F0!important}
html[data-theme="dark"] body.admin-body :is(.adm-nav a.active,.adm-nav a:hover){background:#F5F7FB!important;color:#1D4ED8!important}
html[data-theme="dark"] body.admin-body :is(.adm-table th,.adm-table thead th,.adm-table td){border-color:#E2E8F0!important}
html[data-theme="dark"] body.admin-body :is(.adm-server,.adm-form,.adm-section,.stat-box,.dash-card){background:#FFFFFF!important;color:#1E293B!important;border-color:#E2E8F0!important}

/* Prime theme button safety fallback (when theme-modes.css is unavailable or cached). */
html body button.prime-theme-toggle:not(.prime-theme-labeled) {
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;
  min-height:38px!important;max-height:38px!important;flex:0 0 38px!important;
  padding:8px!important;overflow:hidden!important;vertical-align:middle;
}
html body button.prime-theme-toggle svg.prime-theme-sun,
html body button.prime-theme-toggle svg.prime-theme-moon {
  display:none!important;width:20px!important;height:20px!important;
  min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;
  flex:0 0 20px!important;
}
html[data-theme="dark"] body button.prime-theme-toggle svg.prime-theme-moon{display:none!important}
html[data-theme="dark"] body button.prime-theme-toggle svg.prime-theme-sun{display:block!important}
html body button.prime-theme-toggle:not(.prime-theme-labeled) .prime-theme-button-text{display:none!important}
html body button.prime-theme-toggle.prime-theme-labeled{display:inline-flex!important;align-items:center!important;gap:7px!important;max-width:none!important;}
html body button.prime-theme-toggle.prime-theme-labeled .prime-theme-button-text{display:inline!important;font-size:13px!important}
@media(max-width:650px){html body .header-left>button.prime-theme-toggle:not(.prime-theme-labeled){width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;flex:0 0 34px!important;padding:6px!important}}

/* ICE BLUE — appearance: light */
/*
  Prime Social — Turquoise Light #5 (visual layer, no business logic).
  Load LAST after existing component styles. Keep status, platform and payment
  logos in original brand colors. Light appearance remains switchable.
*/
html[data-theme="light"] {
 color-scheme:light;
 --prime-bg:#F5F7FB;
 --prime-bg-2:#F8FAFC;
 --prime-surface:#FFFFFF;
 --prime-surface-2:#F8FAFC;
 --prime-surface-3:#EFF4FC;
 --prime-field:#FCFDFF;
 --prime-line:#E2E8F0;
 --prime-line-soft:#E0EBFA;
 --prime-line-strong:#2563EB;
 --prime-orange:#2563EB;
 --prime-orange-2:#2563EB;
 --prime-orange-soft:#2563EB;
 --prime-gold:#2563EB;
 --prime-cream:#1E293B;
 --prime-text:#1E293B;
 --prime-text-2:#475569;
 --prime-muted:#64748B;
 --prime-shadow:0 9px 28px rgba(33,87,154,.075);
 --prime-glow:0 0 20px rgba(23,107,235,.12);
 --bg-deep:#F5F7FB;--bg-primary:#F5F7FB;--bg-secondary:#F8FAFC;
 --bg-card:#FFFFFF;--bg-card-hover:#F8FAFC;--bg-glass:rgba(255,255,255,.97);
 --text-primary:#1E293B;--text-secondary:#475569;--text-muted:#64748B;
 --border:#E2E8F0;--border-hover:#2563EB;--border-glow:#B8CDF6;
 --accent-purple:#2563EB;--accent-pink:#2563EB;--accent-orange:#2563EB;
 --accent-blue:#2563EB;--accent-cyan:#2563EB;
 --prime-blue:#2563EB;--prime-blue-2:#2563EB;
 --gradient-btn:linear-gradient(135deg,#2563EB,#2563EB);
 --gradient-hero:linear-gradient(135deg,#F8FAFC,#F5F7FB);
 --gradient-card:linear-gradient(145deg,#FFFFFF,#FAFCFF);
 --glow-purple:0 0 18px rgba(23,107,235,.12);
 --glow-pink:0 0 18px rgba(23,107,235,.12);
 --fo-panel:#FFFFFF;--fo-panel-2:#F8FAFC;--fo-text:#1E293B;
 --fo-muted:#64748B;--fo-line:#E2E8F0;
 --fo-orange:#2563EB;--fo-orange-2:#2563EB;--fo-gold:#2563EB;
 }
html[data-theme="light"]:root,
html[data-theme="light"]:root body,
html[data-theme="light"]:root body.admin-body,
html[data-theme="light"]:root body.page-new-order,
html[data-theme="light"]:root body.page-orders {
 color:#1E293B!important;
 background:#F5F7FB!important;
 background-image:none!important;
 }
/* Main chrome / transparent overlays */
html[data-theme="light"] :is(.wrap,.page-content,.main-content,.main,.content,.adm-main,.adm-content,.pg-store,.pg-main){color:#1E293B}
html[data-theme="light"] :is(.header,.adm-topbar,.bottom-nav,.footer,.mobile-menu,.prime-drawer,.adm-sidebar,.sidebar,.pg-sidebar){
 color:#1E293B!important;
 background:#F8FAFC!important;
 background-image:none!important;
 border-color:#E2E8F0!important;
 box-shadow:0 4px 18px rgba(33,87,154,.07)!important;
 }
html[data-theme="light"] :is(.nav-link,.adm-nav a,.sidebar a,.bottom-nav a,.footer a){color:#475569!important}
html[data-theme="light"] :is(.nav-link.active,.nav-link.current,.nav-link:hover,.adm-nav a.active,.adm-nav a:hover,.sidebar a.active,.sidebar a:hover,.bottom-nav a.active){
 color:#2563EB!important;background:#EDF4FF!important;border-color:#C8D8F2!important;
 }
html[data-theme="light"] :is(.logo-title,.logo-text,.adm-brand strong,.adm-brand-name,.top-user,.prime-user-name){color:#1E293B!important}
html[data-theme="light"] :is(.balance-pill,.currency-switch>button,.top-btn,.lang-switch a,.prime-theme-toggle,.mobile-menu-btn,.btn-icon,.cart-btn,.icon-btn){
 background:#FFFFFF!important;color:#1E293B!important;border-color:#E2E8F0!important;box-shadow:none!important;
 }
html[data-theme="light"] :is(.currency-menu,.currency-menu a,.dropdown-menu,.adm-server,.top-search,.ao-menu){
 background:#FFFFFF!important;color:#1E293B!important;border-color:#E2E8F0!important;
 }
/* Panels / cards: DO NOT change dimensions, padding or layout */
html[data-theme="light"] :is(
 .card,.sidebar-card,.hero,.cat-card,.feature-item,.gateway-card,.addfunds-card,
 .xo-card,.plat-card,.oc-card,.oc-item,.support-card,.support-hero,.account-ref-card,
 .account-ref-hero,.account-api-row,.svc-table-wrap,.svc-group,.import-hero,.auth-card,
 .auth-shell,.dash-card,.stat-box,.adm-server,.user-list,.table-scroll,.ao-card,
 .ao-cell,.ao-menu,.profile-card,.toast,.account-ref-card-body,.pg-card,
 .pg-checkout,.pg-package,.pg-receipt,.pg-receipt-product-image,.pg-receipt-layout,
 .pg-table td,.pg-table-wrap,.pg-admin .pg-card,.pg-store .pg-card,
 .support-ticket-item,.addfunds-head,.svc-list,.cat-picker,.cat-trigger,.svc-item,
 .xo-meta-item,.xo-charge,.xo-desc,.xo-info-card,.xo-info-notes,
 .fo-banner,.fo-order-card,.fo-main,.fo-panel,.service-details-card,
 .service-spec,.service-spec-card,.xo-spec-grid,.pg-package.selected
 ){
 background:#FFFFFF!important;background-image:none!important;
 border-color:#E2E8F0!important;color:#1E293B!important;
 box-shadow:0 6px 24px rgba(33,87,154,.07)!important;
 }
html[data-theme="light"] :is(.svc-item:hover,.cat-item:hover,.pg-package:hover,.support-ticket-item:hover){background:#F8FAFC!important}
html[data-theme="light"] :is(.account-ref-card-head,.support-card-title,.addfunds-head,.xo-card-head,.svc-group-head,.adm-table thead th,.svc-table th,.pg-table th,.pg-table thead th){
 background:#EFF4FC!important;background-image:none!important;color:#1E293B!important;
 border-color:#E2E8F0!important;
 }
html[data-theme="light"] :is(.account-ref-hero,.support-hero,.page-header,.pg-hero){
 background:#F1F5F9!important;background-image:none!important;color:#1E293B!important;
 border-color:#CBDDF4!important;
 }
/* Readability of text; preserve individual logos, semantic alerts and status badges */
html[data-theme="light"] :is(h1,h2,h3,h4,h5,h6,.adm-brand strong,.pg-store h2,.pg-brand,.pg-top h1,.pg-uc,.pg-total,.pg-package-price,.adm-nav-label){color:#1E293B!important}
html[data-theme="light"] :is(p,.muted,.hint,.form-group label,.xo-field label,.pg-help,.pg-description,.pg-store-nav,.pg-field span,.pg-package h3,.pg-table th,.srv-row,.srv-head,.account-ref-card-body label){color:#64748B!important}
html[data-theme="light"] :is(.card,.pg-card,.xo-card,.svc-group,.cat-card,.adm-content) :is(h1,h2,h3,h4,strong){color:#1E293B}
html[data-theme="light"] :is(.form-control,.xo-select,.xo-input,.account-input,.account-textarea,.account-select,
 .amount-input,.svc-search-box,.top-search input,.ao-search input,.cat-search,
 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),textarea,select){
 background:#FCFDFF!important;background-image:none!important;color:#1E293B!important;
 border-color:#E2E8F0!important;box-shadow:none!important;color-scheme:light;
 }
html[data-theme="light"] ::placeholder{color:#64748B!important;opacity:1!important}
html[data-theme="light"] :is(input,textarea,select):focus-visible{border-color:#2563EB!important;outline:2px solid #2563EB!important;outline-offset:1px}
html[data-theme="light"] :is(.btn-primary,.xo-submit,.account-orange-btn,.support-submit,.auth-btn-primary,
 button[type="submit"].btn-primary,.bn-center,.xo-new-order-btn,.pg-button:not(.pg-secondary),
 .adm-brand-icon,.ai-fab,.ai-input button){
 background:#2563EB!important;background-image:linear-gradient(135deg,#2563EB,#2563EB)!important;
 border-color:#2563EB!important;color:#FFFFFF!important;
 box-shadow:0 5px 16px rgba(23,107,235,.17)!important;
 }
html[data-theme="light"] :is(.btn-primary,.xo-submit,.account-orange-btn,.support-submit,.auth-btn-primary,.pg-button):is(:hover,:focus-visible){filter:brightness(.96)}
html[data-theme="light"] :is(.btn-outline,.btn-ghost,.xo-tab,.svc-pager a,.xp-page-btn,.pg-secondary,.btn-secondary){
 background:#FFFFFF!important;background-image:none!important;color:#2563EB!important;
 border-color:#E2E8F0!important;
 }
html[data-theme="light"] :is(.btn-outline:hover,.btn-ghost:hover,.xo-tab.active,.xo-tab:hover,.xp-page-btn.active,.svc-pager a:hover){
 background:#F5F7FB!important;color:#2563EB!important;border-color:#B8CDF6!important;
 }
html[data-theme="light"] :is(.pg-store,.pg-admin){
 --pg-bg:#F5F7FB;--pg-card:#FFFFFF;--pg-panel:#FFFFFF;--pg-muted:#64748B;
 --pg-text:#1E293B;--pg-line:#E2E8F0;--pg-orange:#2563EB;
 --pg-primary:#2563EB;--pg-background:#F5F7FB;
 background:#F5F7FB!important;color:#1E293B!important;
 }
html[data-theme="light"] :is(.pg-admin .pg-sidebar,.pg-package,.pg-store .pg-card,.pg-admin .pg-card,.pg-admin .pg-table td,.pg-table td,.pg-admin .pg-table th){background:#FFFFFF!important;color:#1E293B!important;border-color:#E2E8F0!important}
html[data-theme="light"] :is(.pg-store input,.pg-store select,.pg-store textarea,.pg-admin input,.pg-admin select,.pg-admin textarea){background:#FCFDFF!important;color:#1E293B!important;border-color:#E2E8F0!important}
html[data-theme="light"] :is(.pg-store-nav a,.pg-sidebar nav a,.pg-details dd,.pg-table td a){color:#2563EB!important}
html[data-theme="light"] :is(.pg-package.selected,.pg-sidebar nav a.active,.gw-row.selected,.gateway-opt.selected,.gw-tile.selected,.svc-item.selected,.cat-item.active){
 background:#F5F7FB!important;color:#1E293B!important;border-color:#2563EB!important;
 }
html[data-theme="light"] :is(.xo-info-card,.xo-info-notes,.xo-desc,.service-spec-card,.service-details-reference,.service-details-box,.search-hit,.pg-receipt-product-uc){background:#F8FAFC!important;color:#1E293B!important;border-color:#E2E8F0!important}
html[data-theme="light"] :is(.pg-receipt-badge,.pg-pill,.adm-server,.top-btn){background:#EFF4FC!important;color:#2563EB!important;border-color:#E2E8F0!important}
html[data-theme="light"] .bottom-nav .bn-center{background:linear-gradient(135deg,#2563EB,#2563EB)!important;color:#FFFFFF!important}
/* Colored brand marks and verification semantics stay untouched. */
html[data-theme="light"] :is(.pg-alert,.pg-error,.alert.error,.alert.success,.status.failed,.status.paid,.status.pending){color:inherit}
@media (prefers-reduced-motion:reduce){html[data-theme="light"] *{scroll-behavior:auto}}
/* The new-order page ships a separately loaded legacy dark skin. */
html[data-theme="light"] body.page-new-order .fo-banner,
html[data-theme="light"] body.page-new-order .fo-service-details,
html[data-theme="light"] body.page-new-order .fo-details-head,
html[data-theme="light"] body.page-new-order .xo-info-item,
html[data-theme="light"] body.page-new-order .xo-readonly,
html[data-theme="light"] body.page-new-order .cat-picker,
html[data-theme="light"] body.page-new-order .svc-picker,
html[data-theme="light"] body.page-new-order .svc-trigger,
html[data-theme="light"] body.page-new-order .search-results,
html[data-theme="light"] body.page-new-order .cat-item,
html[data-theme="light"] body.page-new-order .svc-item,
html[data-theme="light"] body.page-new-order .search-hit,
html[data-theme="light"] body.page-new-order .xo-card-head{
  background:#FFFFFF!important;background-image:none!important;
  color:#1E293B!important;border-color:#E2E8F0!important;
  box-shadow:0 6px 22px rgba(33,87,154,.065)!important;
}
html[data-theme="light"] body.page-new-order .fo-banner{background:#F8FAFC!important}
html[data-theme="light"] body.page-new-order .fo-banner :is(h2,p,.fo-banner-kicker),
html[data-theme="light"] body.page-new-order .fo-details-head :is(h3,h4,strong,span),
html[data-theme="light"] body.page-new-order .svc-item-name,
html[data-theme="light"] body.page-new-order .c-name,
html[data-theme="light"] body.page-new-order .xo-info-item strong{
 color:#1E293B!important;
}
html[data-theme="light"] body.page-new-order :is(.fo-banner-btn,.fo-banner-logo,.xo-submit,.xo-new-order-btn){
 background:linear-gradient(135deg,#2563EB,#2563EB)!important;
 color:#FFFFFF!important;border-color:#2563EB!important;
}
html[data-theme="light"] body.page-new-order .fo-banner-dots span{background:#D4E2F4!important}
html[data-theme="light"] body.page-new-order .fo-banner-dots .active{background:#2563EB!important}
html[data-theme="light"] body.page-new-order .logo-title,
html[data-theme="light"] body.page-new-order .balance-pill,
html[data-theme="light"] body.page-new-order .currency-switch>button,
html[data-theme="light"] body.page-new-order .mobile-menu-btn{color:#1E293B!important}
html[data-theme="light"] body.page-new-order :is(.balance-pill,.currency-switch>button,.lang-switch a,.mobile-menu-btn){
 background:#FFFFFF!important;border-color:#E2E8F0!important;color:#1E293B!important;
}
html[data-theme="light"] body.page-new-order :is(.cat-item.active,.svc-item.selected,.search-hit:hover){
 background:#F5F7FB!important;color:#1E293B!important;border-color:#2563EB!important;
}
html[data-theme="light"] body.page-new-order .plat-btn .plat-ico{background:#F8FAFC!important;border-color:#E2E8F0!important}
html[data-theme="light"] body.page-new-order .xo-info-notes{background:#F8FAFC!important;color:#475569!important}
/* Admin form/input and table chrome */
html[data-theme="light"] body.admin-body :is(.adm-shell,.adm-main,.adm-content,.adm-section,.adm-form,.adm-table,.adm-table-wrap){
 color:#1E293B!important;
}
html[data-theme="light"] body.admin-body :is(.adm-sidebar,.adm-topbar){background:#F8FAFC!important;border-color:#E2E8F0!important}
html[data-theme="light"] body.admin-body :is(.adm-nav a.active,.adm-nav a:hover){background:#F5F7FB!important;color:#2563EB!important}
html[data-theme="light"] body.admin-body :is(.adm-table th,.adm-table thead th,.adm-table td){border-color:#E2E8F0!important}
html[data-theme="light"] body.admin-body :is(.adm-server,.adm-form,.adm-section,.stat-box,.dash-card){background:#FFFFFF!important;color:#1E293B!important;border-color:#E2E8F0!important}

/* Prime theme button safety fallback (when theme-modes.css is unavailable or cached). */
html body button.prime-theme-toggle:not(.prime-theme-labeled) {
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;
  min-height:38px!important;max-height:38px!important;flex:0 0 38px!important;
  padding:8px!important;overflow:hidden!important;vertical-align:middle;
}
html body button.prime-theme-toggle svg.prime-theme-sun,
html body button.prime-theme-toggle svg.prime-theme-moon {
  display:none!important;width:20px!important;height:20px!important;
  min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;
  flex:0 0 20px!important;
}
html[data-theme="light"] body button.prime-theme-toggle svg.prime-theme-moon{display:block!important}
html:not([data-theme="light"]) body button.prime-theme-toggle svg.prime-theme-sun{display:block!important}
html body button.prime-theme-toggle:not(.prime-theme-labeled) .prime-theme-button-text{display:none!important}
html body button.prime-theme-toggle.prime-theme-labeled{display:inline-flex!important;align-items:center!important;gap:7px!important;max-width:none!important;}
html body button.prime-theme-toggle.prime-theme-labeled .prime-theme-button-text{display:inline!important;font-size:13px!important}
@media(max-width:650px){html body .header-left>button.prime-theme-toggle:not(.prime-theme-labeled){width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;flex:0 0 34px!important;padding:6px!important}}

/* FINAL: the icon reflects the opposite palette available on tap. */
html[data-theme="dark"] body button.prime-theme-toggle svg.prime-theme-sun{display:block!important}
html[data-theme="dark"] body button.prime-theme-toggle svg.prime-theme-moon{display:none!important}
html[data-theme="light"] body button.prime-theme-toggle svg.prime-theme-sun{display:none!important}
html[data-theme="light"] body button.prime-theme-toggle svg.prime-theme-moon{display:block!important}


/* PRIME SOCIAL PASTEL FORM CONSISTENCY FIX v3
 * The legacy FollowOM stylesheet still forces black on some new-order containers.
 * Override color only, for both user-selected LIGHT palettes. Do not alter layout.
 */


html:root[data-theme="dark"] body.page-new-order{background:#F5F7FB!important;background-image:none!important;color:#1E293B!important;color-scheme:light!important;}
html:root[data-theme="dark"] body.page-new-order .xo-wrap{background:transparent!important;background-image:none!important;color:#1E293B!important;}
html:root[data-theme="dark"] body.page-new-order .plat-card,
html:root[data-theme="dark"] body.page-new-order .xo-card,
html:root[data-theme="dark"] body.page-new-order .xo-form,
html:root[data-theme="dark"] body.page-new-order .fo-service-details,
html:root[data-theme="dark"] body.page-new-order .fo-details-head,
html:root[data-theme="dark"] body.page-new-order .xo-info-card,
html:root[data-theme="dark"] body.page-new-order .xo-info-item,
html:root[data-theme="dark"] body.page-new-order .service-details-card,
html:root[data-theme="dark"] body.page-new-order .service-details-box,
html:root[data-theme="dark"] body.page-new-order .service-spec-card{background:#FFFFFF!important;background-image:none!important;color:#1E293B!important;border-color:#E2E8F0!important;}
html:root[data-theme="dark"] body.page-new-order .xo-card-head{background:#F8FAFC!important;background-image:none!important;color:#1E293B!important;border-color:#E2E8F0!important;}
html:root[data-theme="dark"] body.page-new-order .cat-picker,
html:root[data-theme="dark"] body.page-new-order .svc-picker,
html:root[data-theme="dark"] body.page-new-order .svc-list,
html:root[data-theme="dark"] body.page-new-order .search-results,
html:root[data-theme="dark"] body.page-new-order .cat-item,
html:root[data-theme="dark"] body.page-new-order .svc-item{background:#FFFFFF!important;background-image:none!important;color:#1E293B!important;border-color:#E2E8F0!important;}
html:root[data-theme="dark"] body.page-new-order .cat-item:hover,
html:root[data-theme="dark"] body.page-new-order .svc-item:hover,
html:root[data-theme="dark"] body.page-new-order .search-hit:hover,
html:root[data-theme="dark"] body.page-new-order .cat-item.active,
html:root[data-theme="dark"] body.page-new-order .svc-item.selected{background:#F5F7FB!important;background-image:none!important;color:#1E293B!important;border-color:#2563EB!important;}
html:root[data-theme="dark"] body.page-new-order .cat-trigger,
html:root[data-theme="dark"] body.page-new-order .svc-trigger,
html:root[data-theme="dark"] body.page-new-order .xo-input,
html:root[data-theme="dark"] body.page-new-order .xo-select,
html:root[data-theme="dark"] body.page-new-order .xo-readonly,
html:root[data-theme="dark"] body.page-new-order .search-box input,
html:root[data-theme="dark"] body.page-new-order .xo-form input:not([type=checkbox]):not([type=radio]),
html:root[data-theme="dark"] body.page-new-order .xo-form textarea,
html:root[data-theme="dark"] body.page-new-order .xo-form select{background:#FCFDFF!important;background-image:none!important;color:#1E293B!important;border-color:#E2E8F0!important;color-scheme:light!important;}
html:root[data-theme="dark"] body.page-new-order .xo-field label,
html:root[data-theme="dark"] body.page-new-order .cat-trigger-inner,
html:root[data-theme="dark"] body.page-new-order #catTriggerText,
html:root[data-theme="dark"] body.page-new-order #svcTriggerText,
html:root[data-theme="dark"] body.page-new-order .cat-item .c-name,
html:root[data-theme="dark"] body.page-new-order .svc-item-name,
html:root[data-theme="dark"] body.page-new-order .xo-info-item strong{color:#1E293B!important;}
html:root[data-theme="dark"] body.page-new-order .xo-hint,
html:root[data-theme="dark"] body.page-new-order .placeholder,
html:root[data-theme="dark"] body.page-new-order .xo-meta-item span,
html:root[data-theme="dark"] body.page-new-order .svc-item .smeta{color:#64748B!important;}
html:root[data-theme="dark"] body.page-new-order .xo-submit,
html:root[data-theme="dark"] body.page-new-order .xo-new-order-btn{background:#2563EB!important;background-image:linear-gradient(135deg,#2563EB,#3B82F6)!important;color:#FFFFFF!important;}


html:root[data-theme="light"] body.page-new-order{background:#F5F7FB!important;background-image:none!important;color:#1E293B!important;color-scheme:light!important;}
html:root[data-theme="light"] body.page-new-order .xo-wrap{background:transparent!important;background-image:none!important;color:#1E293B!important;}
html:root[data-theme="light"] body.page-new-order .plat-card,
html:root[data-theme="light"] body.page-new-order .xo-card,
html:root[data-theme="light"] body.page-new-order .xo-form,
html:root[data-theme="light"] body.page-new-order .fo-service-details,
html:root[data-theme="light"] body.page-new-order .fo-details-head,
html:root[data-theme="light"] body.page-new-order .xo-info-card,
html:root[data-theme="light"] body.page-new-order .xo-info-item,
html:root[data-theme="light"] body.page-new-order .service-details-card,
html:root[data-theme="light"] body.page-new-order .service-details-box,
html:root[data-theme="light"] body.page-new-order .service-spec-card{background:#FFFFFF!important;background-image:none!important;color:#1E293B!important;border-color:#E2E8F0!important;}
html:root[data-theme="light"] body.page-new-order .xo-card-head{background:#EFF4FC!important;background-image:none!important;color:#1E293B!important;border-color:#E2E8F0!important;}
html:root[data-theme="light"] body.page-new-order .cat-picker,
html:root[data-theme="light"] body.page-new-order .svc-picker,
html:root[data-theme="light"] body.page-new-order .svc-list,
html:root[data-theme="light"] body.page-new-order .search-results,
html:root[data-theme="light"] body.page-new-order .cat-item,
html:root[data-theme="light"] body.page-new-order .svc-item{background:#FFFFFF!important;background-image:none!important;color:#1E293B!important;border-color:#E2E8F0!important;}
html:root[data-theme="light"] body.page-new-order .cat-item:hover,
html:root[data-theme="light"] body.page-new-order .svc-item:hover,
html:root[data-theme="light"] body.page-new-order .search-hit:hover,
html:root[data-theme="light"] body.page-new-order .cat-item.active,
html:root[data-theme="light"] body.page-new-order .svc-item.selected{background:#F5F7FB!important;background-image:none!important;color:#1E293B!important;border-color:#2563EB!important;}
html:root[data-theme="light"] body.page-new-order .cat-trigger,
html:root[data-theme="light"] body.page-new-order .svc-trigger,
html:root[data-theme="light"] body.page-new-order .xo-input,
html:root[data-theme="light"] body.page-new-order .xo-select,
html:root[data-theme="light"] body.page-new-order .xo-readonly,
html:root[data-theme="light"] body.page-new-order .search-box input,
html:root[data-theme="light"] body.page-new-order .xo-form input:not([type=checkbox]):not([type=radio]),
html:root[data-theme="light"] body.page-new-order .xo-form textarea,
html:root[data-theme="light"] body.page-new-order .xo-form select{background:#FCFDFF!important;background-image:none!important;color:#1E293B!important;border-color:#E2E8F0!important;color-scheme:light!important;}
html:root[data-theme="light"] body.page-new-order .xo-field label,
html:root[data-theme="light"] body.page-new-order .cat-trigger-inner,
html:root[data-theme="light"] body.page-new-order #catTriggerText,
html:root[data-theme="light"] body.page-new-order #svcTriggerText,
html:root[data-theme="light"] body.page-new-order .cat-item .c-name,
html:root[data-theme="light"] body.page-new-order .svc-item-name,
html:root[data-theme="light"] body.page-new-order .xo-info-item strong{color:#1E293B!important;}
html:root[data-theme="light"] body.page-new-order .xo-hint,
html:root[data-theme="light"] body.page-new-order .placeholder,
html:root[data-theme="light"] body.page-new-order .xo-meta-item span,
html:root[data-theme="light"] body.page-new-order .svc-item .smeta{color:#64748B!important;}
html:root[data-theme="light"] body.page-new-order .xo-submit,
html:root[data-theme="light"] body.page-new-order .xo-new-order-btn{background:#2563EB!important;background-image:linear-gradient(135deg,#2563EB,#3B82F6)!important;color:#FFFFFF!important;}

/* Standalone PUBG and auth bright emerald palette – v2. */
html[data-theme="dark"] :is(.pg-store,.pg-admin),
html[data-theme="light"] :is(.pg-store,.pg-admin){
  --pg-bg:var(--prime-bg,#F5F7FB);--pg-card:#FFFFFF;--pg-text:var(--prime-text,#1E293B);
  --pg-muted:var(--prime-muted,#64748B);--pg-line:var(--prime-line,#D9E3F0);
  --pg-orange:var(--prime-orange,#2563EB);
  background:var(--prime-bg,#F5F7FB)!important;color:var(--prime-text,#1E293B)!important;
}
html :is(.pg-store,.pg-admin) :is(.pg-card,.pg-package,.pg-history-card,.pg-payment-result,.pg-checkout,.pg-sidebar){
  background:#FFFFFF!important;background-image:none!important;
  color:var(--prime-text,#1E293B)!important;
  border-color:var(--prime-line,#D9E3F0)!important;
}
html :is(.pg-store,.pg-admin) :is(.pg-field,.pg-description,.pg-help,.pg-package h3,.pg-package-price,.pg-history-card-product){
  color:var(--prime-text,#1E293B)!important;
}
html :is(.pg-store,.pg-admin) :is(input,textarea,select){
  background:var(--prime-field,#FCFDFF)!important;color:var(--prime-text,#1E293B)!important;
  border-color:var(--prime-line,#D9E3F0)!important;
}
html :is(.pg-store,.pg-admin) :is(.pg-button:not(.pg-secondary),.pg-action-button){
  background:var(--prime-orange,#2563EB)!important;color:#fff!important;
}