/* OX Billing 1.1.27 — full customer-portal system themes (catalog, services, billing, profile and overlays). */

/* Shared system-wide surfaces */
body[data-theme="teal"], body[data-theme="blue"], body[data-theme="violet"],
body[data-theme="warm"], body[data-theme="green"] {
  min-height:100%; background:var(--app-bg); color:var(--text);
}
body[data-theme="teal"] .ambient-glow,
body[data-theme="blue"] .ambient-glow,
body[data-theme="violet"] .ambient-glow,
body[data-theme="warm"] .ambient-glow,
body[data-theme="green"] .ambient-glow { opacity:.08; filter:blur(180px); }
body[data-theme="teal"] .app-root,
body[data-theme="blue"] .app-root,
body[data-theme="violet"] .app-root,
body[data-theme="warm"] .app-root,
body[data-theme="green"] .app-root { background:var(--app-bg); }
body[data-theme="teal"] .app-header-area,
body[data-theme="blue"] .app-header-area,
body[data-theme="violet"] .app-header-area,
body[data-theme="warm"] .app-header-area,
body[data-theme="green"] .app-header-area {
  background:color-mix(in srgb,var(--app-surface) 94%,transparent);
  color:var(--text); border-color:var(--border-subtle); box-shadow:0 8px 24px rgba(10,25,40,.08);
}
body[data-theme="teal"] .app-bottom-bar,
body[data-theme="blue"] .app-bottom-bar,
body[data-theme="violet"] .app-bottom-bar,
body[data-theme="warm"] .app-bottom-bar,
body[data-theme="green"] .app-bottom-bar {
  background:var(--app-surface); border-color:var(--border-subtle); color:var(--text);
}
body[data-theme="teal"] .app-viewport,
body[data-theme="blue"] .app-viewport,
body[data-theme="violet"] .app-viewport,
body[data-theme="warm"] .app-viewport,
body[data-theme="green"] .app-viewport { scrollbar-color:color-mix(in srgb,var(--text-muted) 35%,transparent) transparent; }
body[data-theme="teal"] .section-title,
body[data-theme="blue"] .section-title,
body[data-theme="violet"] .section-title,
body[data-theme="warm"] .section-title,
body[data-theme="green"] .section-title {
  color:var(--text); font-size:clamp(18px,2vw,24px); font-weight:850; letter-spacing:-.035em;
  margin:22px 0 14px; padding-bottom:11px; border-bottom:1px solid var(--border-subtle);
}
body[data-theme="teal"] .section-title span:last-child,
body[data-theme="blue"] .section-title span:last-child,
body[data-theme="violet"] .section-title span:last-child,
body[data-theme="warm"] .section-title span:last-child,
body[data-theme="green"] .section-title span:last-child { color:var(--text-muted); font-size:11px; font-weight:600; cursor:default; }
body[data-theme="teal"] .bar-nav-btn,
body[data-theme="blue"] .bar-nav-btn,
body[data-theme="violet"] .bar-nav-btn,
body[data-theme="warm"] .bar-nav-btn,
body[data-theme="green"] .bar-nav-btn { color:var(--text-muted); }
body[data-theme="teal"] .bar-nav-btn.active,
body[data-theme="blue"] .bar-nav-btn.active,
body[data-theme="violet"] .bar-nav-btn.active,
body[data-theme="warm"] .bar-nav-btn.active,
body[data-theme="green"] .bar-nav-btn.active { color:var(--primary); }
body[data-theme="teal"] .bar-nav-btn.active::after,
body[data-theme="blue"] .bar-nav-btn.active::after,
body[data-theme="violet"] .bar-nav-btn.active::after,
body[data-theme="warm"] .bar-nav-btn.active::after,
body[data-theme="green"] .bar-nav-btn.active::after { background:var(--primary); box-shadow:0 0 12px color-mix(in srgb,var(--primary) 45%,transparent); }

.portal-brand { display:none; align-items:center; gap:0; color:var(--text); text-decoration:none; font-size:19px; line-height:1; font-weight:900; letter-spacing:-.045em; white-space:nowrap; }
.portal-brand span { color:var(--primary); }
body[data-theme="teal"] .portal-brand, body[data-theme="blue"] .portal-brand,
body[data-theme="violet"] .portal-brand, body[data-theme="warm"] .portal-brand,
body[data-theme="green"] .portal-brand { display:inline-flex; }
body[data-theme="blue"] .portal-brand, body[data-theme="warm"] .portal-brand { margin-right:auto; }
body[data-theme="teal"] .wallet-chip, body[data-theme="blue"] .wallet-chip,
body[data-theme="violet"] .wallet-chip, body[data-theme="warm"] .wallet-chip,
body[data-theme="green"] .wallet-chip {
  border-color:var(--border-subtle); background:color-mix(in srgb,var(--primary) 8%,var(--app-surface));
  color:var(--primary); box-shadow:none;
}
body[data-theme="teal"] .user-avatar, body[data-theme="blue"] .user-avatar,
body[data-theme="violet"] .user-avatar, body[data-theme="warm"] .user-avatar,
body[data-theme="green"] .user-avatar { background:color-mix(in srgb,var(--primary) 17%,var(--app-surface)); color:var(--primary); box-shadow:none; border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border-subtle)); }

/* Catalog and real tariff cards */
body[data-theme="teal"] .main-category-tabs,
body[data-theme="blue"] .main-category-tabs,
body[data-theme="violet"] .main-category-tabs,
body[data-theme="warm"] .main-category-tabs,
body[data-theme="green"] .main-category-tabs {
  width:min(100%,760px); max-width:760px; margin:0 0 20px; padding:5px;
  border:1px solid var(--border-subtle); border-radius:15px; background:var(--app-surface);
  box-shadow:0 7px 22px rgba(5,20,30,.07);
}
body[data-theme="teal"] .cat-tab-btn, body[data-theme="blue"] .cat-tab-btn,
body[data-theme="violet"] .cat-tab-btn, body[data-theme="warm"] .cat-tab-btn,
body[data-theme="green"] .cat-tab-btn { min-height:42px; border-radius:11px; color:var(--text-muted); }
body[data-theme="teal"] .cat-tab-btn:hover, body[data-theme="blue"] .cat-tab-btn:hover,
body[data-theme="violet"] .cat-tab-btn:hover, body[data-theme="warm"] .cat-tab-btn:hover,
body[data-theme="green"] .cat-tab-btn:hover { color:var(--text); background:var(--app-surface-hover); }
body[data-theme="teal"] .cat-tab-btn.active,
body[data-theme="blue"] .cat-tab-btn.active,
body[data-theme="violet"] .cat-tab-btn.active,
body[data-theme="warm"] .cat-tab-btn.active,
body[data-theme="green"] .cat-tab-btn.active {
  background:var(--primary)!important; color:var(--theme-action-ink,#fff)!important;
  border-color:transparent!important; box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 22%,transparent)!important;
}
body[data-theme="teal"] .cat-tab-btn.active i,
body[data-theme="blue"] .cat-tab-btn.active i,
body[data-theme="violet"] .cat-tab-btn.active i,
body[data-theme="warm"] .cat-tab-btn.active i,
body[data-theme="green"] .cat-tab-btn.active i { color:var(--theme-action-ink,#fff)!important; }
body[data-theme="teal"] .grid-responsive-tariffs,
body[data-theme="blue"] .grid-responsive-tariffs,
body[data-theme="violet"] .grid-responsive-tariffs,
body[data-theme="warm"] .grid-responsive-tariffs,
body[data-theme="green"] .grid-responsive-tariffs { grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
body[data-theme="teal"] .plan-card-3d,
body[data-theme="blue"] .plan-card-3d,
body[data-theme="violet"] .plan-card-3d,
body[data-theme="warm"] .plan-card-3d,
body[data-theme="green"] .plan-card-3d {
  min-width:0; gap:10px; padding:18px; border:1px solid var(--border-subtle);
  border-radius:17px; background:var(--app-surface); color:var(--text); box-shadow:0 11px 28px rgba(8,20,32,.09);
}
body[data-theme="teal"] .plan-card-3d:hover,
body[data-theme="blue"] .plan-card-3d:hover,
body[data-theme="violet"] .plan-card-3d:hover,
body[data-theme="warm"] .plan-card-3d:hover,
body[data-theme="green"] .plan-card-3d:hover { transform:translateY(-3px); border-color:var(--card-accent,var(--primary)); box-shadow:0 16px 32px rgba(8,20,32,.13); }
body[data-theme="teal"] .plan-badge, body[data-theme="blue"] .plan-badge,
body[data-theme="violet"] .plan-badge, body[data-theme="warm"] .plan-badge,
body[data-theme="green"] .plan-badge { background:color-mix(in srgb,var(--card-accent,var(--primary)) 12%,var(--app-bg)); color:var(--card-accent,var(--primary)); border:1px solid color-mix(in srgb,var(--card-accent,var(--primary)) 20%,transparent); }
body[data-theme="teal"] .plan-price, body[data-theme="blue"] .plan-price,
body[data-theme="violet"] .plan-price, body[data-theme="warm"] .plan-price,
body[data-theme="green"] .plan-price { color:var(--text)!important; }
body[data-theme="teal"] .plan-price span, body[data-theme="blue"] .plan-price span,
body[data-theme="violet"] .plan-price span, body[data-theme="warm"] .plan-price span,
body[data-theme="green"] .plan-price span { color:var(--text-muted); }
body[data-theme="teal"] .plan-specs, body[data-theme="blue"] .plan-specs,
body[data-theme="violet"] .plan-specs, body[data-theme="warm"] .plan-specs,
body[data-theme="green"] .plan-specs { color:var(--text-muted); }
body[data-theme="teal"] .plan-specs li, body[data-theme="blue"] .plan-specs li,
body[data-theme="violet"] .plan-specs li, body[data-theme="warm"] .plan-specs li,
body[data-theme="green"] .plan-specs li { white-space:normal; align-items:flex-start; line-height:1.4; }
body[data-theme="teal"] .plan-card-actions, body[data-theme="blue"] .plan-card-actions,
body[data-theme="violet"] .plan-card-actions, body[data-theme="warm"] .plan-card-actions,
body[data-theme="green"] .plan-card-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:auto; }
body[data-theme="teal"] .plan-card-actions .action-badge-btn,
body[data-theme="blue"] .plan-card-actions .action-badge-btn,
body[data-theme="violet"] .plan-card-actions .action-badge-btn,
body[data-theme="warm"] .plan-card-actions .action-badge-btn,
body[data-theme="green"] .plan-card-actions .action-badge-btn { min-height:40px; padding:8px 10px; border-radius:10px; }
body[data-theme="teal"] .section-title .catalog-seo-heading,
body[data-theme="blue"] .section-title .catalog-seo-heading,
body[data-theme="violet"] .section-title .catalog-seo-heading,
body[data-theme="warm"] .section-title .catalog-seo-heading,
body[data-theme="green"] .section-title .catalog-seo-heading { color:var(--text); }
body[data-theme="teal"] .domain-search-header,
body[data-theme="blue"] .domain-search-header,
body[data-theme="violet"] .domain-search-header,
body[data-theme="warm"] .domain-search-header,
body[data-theme="green"] .domain-search-header,
body[data-theme="teal"] .domain-table-wrap,
body[data-theme="blue"] .domain-table-wrap,
body[data-theme="violet"] .domain-table-wrap,
body[data-theme="warm"] .domain-table-wrap,
body[data-theme="green"] .domain-table-wrap { max-width:none; border-color:var(--border-subtle); border-radius:17px; background:var(--app-surface); box-shadow:0 8px 24px rgba(8,20,32,.06); }
body[data-theme="teal"] .domain-search-input-wrap,
body[data-theme="blue"] .domain-search-input-wrap,
body[data-theme="violet"] .domain-search-input-wrap,
body[data-theme="warm"] .domain-search-input-wrap,
body[data-theme="green"] .domain-search-input-wrap { background:var(--app-bg); border-color:var(--border-subtle); border-radius:12px; }
body[data-theme="teal"] .domain-search-input-wrap input,
body[data-theme="blue"] .domain-search-input-wrap input,
body[data-theme="violet"] .domain-search-input-wrap input,
body[data-theme="warm"] .domain-search-input-wrap input,
body[data-theme="green"] .domain-search-input-wrap input { color:var(--text); min-height:40px; }
body[data-theme="teal"] .domain-table th,
body[data-theme="blue"] .domain-table th,
body[data-theme="violet"] .domain-table th,
body[data-theme="warm"] .domain-table th,
body[data-theme="green"] .domain-table th { background:color-mix(in srgb,var(--primary) 6%,var(--app-surface)); color:var(--text-muted); border-bottom-color:var(--border-subtle); }
body[data-theme="teal"] .domain-table td,
body[data-theme="blue"] .domain-table td,
body[data-theme="violet"] .domain-table td,
body[data-theme="warm"] .domain-table td,
body[data-theme="green"] .domain-table td { color:var(--text); border-bottom-color:var(--border-subtle); }
body[data-theme="teal"] .domain-name-td, body[data-theme="blue"] .domain-name-td,
body[data-theme="violet"] .domain-name-td, body[data-theme="warm"] .domain-name-td,
body[data-theme="green"] .domain-name-td { color:var(--text); }

/* Services list and the full service cockpit */
body[data-theme="teal"] .services-dashboard-head,
body[data-theme="blue"] .services-dashboard-head,
body[data-theme="violet"] .services-dashboard-head,
body[data-theme="warm"] .services-dashboard-head,
body[data-theme="green"] .services-dashboard-head {
  align-items:center; min-height:120px; margin:0 0 16px; padding:22px 24px;
  border-color:var(--border-subtle); border-radius:19px;
  background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 13%,var(--app-surface)),var(--app-surface));
  box-shadow:0 10px 26px rgba(8,20,32,.08);
}
body[data-theme="teal"] .services-dashboard-head h1, body[data-theme="teal"] .services-dashboard-head h2,
body[data-theme="blue"] .services-dashboard-head h1, body[data-theme="blue"] .services-dashboard-head h2,
body[data-theme="violet"] .services-dashboard-head h1, body[data-theme="violet"] .services-dashboard-head h2,
body[data-theme="warm"] .services-dashboard-head h1, body[data-theme="warm"] .services-dashboard-head h2,
body[data-theme="green"] .services-dashboard-head h1, body[data-theme="green"] .services-dashboard-head h2 { color:var(--text)!important; font-size:clamp(21px,2.8vw,30px); }
body[data-theme="teal"] .services-dashboard-icon, body[data-theme="blue"] .services-dashboard-icon,
body[data-theme="violet"] .services-dashboard-icon, body[data-theme="warm"] .services-dashboard-icon,
body[data-theme="green"] .services-dashboard-icon { background:color-mix(in srgb,var(--primary) 12%,var(--app-bg)); color:var(--primary); border-color:var(--border-subtle); }
body[data-theme="teal"] .services-summary, body[data-theme="blue"] .services-summary,
body[data-theme="violet"] .services-summary, body[data-theme="warm"] .services-summary,
body[data-theme="green"] .services-summary { grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
body[data-theme="teal"] .services-summary-card, body[data-theme="blue"] .services-summary-card,
body[data-theme="violet"] .services-summary-card, body[data-theme="warm"] .services-summary-card,
body[data-theme="green"] .services-summary-card { min-height:82px; padding:15px; border:1px solid var(--border-subtle); border-radius:15px; background:var(--app-surface); }
body[data-theme="teal"] .services-summary-card strong, body[data-theme="blue"] .services-summary-card strong,
body[data-theme="violet"] .services-summary-card strong, body[data-theme="warm"] .services-summary-card strong,
body[data-theme="green"] .services-summary-card strong { color:var(--text); }
body[data-theme="teal"] .service-card, body[data-theme="blue"] .service-card,
body[data-theme="violet"] .service-card, body[data-theme="warm"] .service-card,
body[data-theme="green"] .service-card { min-height:78px; padding:24px 17px 15px; border-radius:15px; background:var(--app-surface); border-color:var(--border-subtle); box-shadow:0 6px 18px rgba(8,20,32,.06); }
body[data-theme="teal"] .service-card::before, body[data-theme="blue"] .service-card::before,
body[data-theme="violet"] .service-card::before, body[data-theme="warm"] .service-card::before,
body[data-theme="green"] .service-card::before { background:var(--primary); }
body[data-theme="teal"] .service-card-icon, body[data-theme="blue"] .service-card-icon,
body[data-theme="violet"] .service-card-icon, body[data-theme="warm"] .service-card-icon,
body[data-theme="green"] .service-card-icon { background:color-mix(in srgb,var(--primary) 12%,var(--app-bg)); color:var(--primary); }
body[data-theme="teal"] .service-card-main strong, body[data-theme="blue"] .service-card-main strong,
body[data-theme="violet"] .service-card-main strong, body[data-theme="warm"] .service-card-main strong,
body[data-theme="green"] .service-card-main strong { color:var(--text)!important; }
body[data-theme="teal"] .service-card-price, body[data-theme="blue"] .service-card-price,
body[data-theme="violet"] .service-card-price, body[data-theme="warm"] .service-card-price,
body[data-theme="green"] .service-card-price { color:var(--text-muted); }
body[data-theme="teal"] .services-empty, body[data-theme="blue"] .services-empty,
body[data-theme="violet"] .services-empty, body[data-theme="warm"] .services-empty,
body[data-theme="green"] .services-empty { border-color:var(--border-subtle); border-radius:16px; background:var(--app-surface); }
body[data-theme="teal"] .cockpit-box, body[data-theme="blue"] .cockpit-box,
body[data-theme="violet"] .cockpit-box, body[data-theme="warm"] .cockpit-box,
body[data-theme="green"] .cockpit-box { border-color:var(--border-subtle); border-radius:18px; background:var(--app-surface); box-shadow:0 12px 30px rgba(8,20,32,.08); color:var(--text); }
body[data-theme="teal"] .cockpit-header, body[data-theme="blue"] .cockpit-header,
body[data-theme="violet"] .cockpit-header, body[data-theme="warm"] .cockpit-header,
body[data-theme="green"] .cockpit-header { border-bottom-color:var(--border-subtle); }
body[data-theme="teal"] .cockpit-header [style*="color:#fff"],
body[data-theme="blue"] .cockpit-header [style*="color:#fff"],
body[data-theme="violet"] .cockpit-header [style*="color:#fff"],
body[data-theme="warm"] .cockpit-header [style*="color:#fff"],
body[data-theme="green"] .cockpit-header [style*="color:#fff"] { color:var(--text)!important; }
body[data-theme="teal"] .tool-content-viewport, body[data-theme="blue"] .tool-content-viewport,
body[data-theme="violet"] .tool-content-viewport, body[data-theme="warm"] .tool-content-viewport,
body[data-theme="green"] .tool-content-viewport { background:var(--app-bg); border-color:var(--border-subtle); border-radius:15px; color:var(--text); }
body[data-theme="teal"] .service-tool-panel label, body[data-theme="blue"] .service-tool-panel label,
body[data-theme="violet"] .service-tool-panel label, body[data-theme="warm"] .service-tool-panel label,
body[data-theme="green"] .service-tool-panel label { color:var(--text-muted); }
body[data-theme="teal"] .service-tool-panel select, body[data-theme="teal"] .service-tool-panel textarea,
body[data-theme="blue"] .service-tool-panel select, body[data-theme="blue"] .service-tool-panel textarea,
body[data-theme="violet"] .service-tool-panel select, body[data-theme="violet"] .service-tool-panel textarea,
body[data-theme="warm"] .service-tool-panel select, body[data-theme="warm"] .service-tool-panel textarea,
body[data-theme="green"] .service-tool-panel select, body[data-theme="green"] .service-tool-panel textarea { background:var(--app-surface)!important; color:var(--text)!important; border-color:var(--border-subtle)!important; }
body[data-theme="teal"] .service-cockpit .tool-btn, body[data-theme="blue"] .service-cockpit .tool-btn,
body[data-theme="violet"] .service-cockpit .tool-btn, body[data-theme="warm"] .service-cockpit .tool-btn,
body[data-theme="green"] .service-cockpit .tool-btn { background:var(--app-surface); border-color:var(--border-subtle); color:var(--text-muted); }
body[data-theme="teal"] .service-cockpit .tool-btn i, body[data-theme="blue"] .service-cockpit .tool-btn i,
body[data-theme="violet"] .service-cockpit .tool-btn i, body[data-theme="warm"] .service-cockpit .tool-btn i,
body[data-theme="green"] .service-cockpit .tool-btn i { color:var(--primary); }
body[data-theme="teal"] .service-cockpit .tool-btn.active, body[data-theme="blue"] .service-cockpit .tool-btn.active,
body[data-theme="violet"] .service-cockpit .tool-btn.active, body[data-theme="warm"] .service-cockpit .tool-btn.active,
body[data-theme="green"] .service-cockpit .tool-btn.active { background:color-mix(in srgb,var(--primary) 13%,var(--app-surface)); border-color:var(--primary); color:var(--text); box-shadow:none; }
body[data-theme="teal"] .domain-hero-card, body[data-theme="blue"] .domain-hero-card,
body[data-theme="violet"] .domain-hero-card, body[data-theme="warm"] .domain-hero-card,
body[data-theme="green"] .domain-hero-card { background:color-mix(in srgb,var(--primary) 8%,var(--app-surface)); border-color:var(--border-subtle); }
body[data-theme="teal"] .domain-hero-card strong, body[data-theme="blue"] .domain-hero-card strong,
body[data-theme="violet"] .domain-hero-card strong, body[data-theme="warm"] .domain-hero-card strong,
body[data-theme="green"] .domain-hero-card strong { color:var(--text)!important; }
body[data-theme="teal"] .domain-info-grid>div, body[data-theme="blue"] .domain-info-grid>div,
body[data-theme="violet"] .domain-info-grid>div, body[data-theme="warm"] .domain-info-grid>div,
body[data-theme="green"] .domain-info-grid>div { background:var(--app-bg); border-color:var(--border-subtle); }
body[data-theme="teal"] .domain-info-grid b, body[data-theme="blue"] .domain-info-grid b,
body[data-theme="violet"] .domain-info-grid b, body[data-theme="warm"] .domain-info-grid b,
body[data-theme="green"] .domain-info-grid b { color:var(--text); }
body[data-theme="teal"] .panel-note, body[data-theme="blue"] .panel-note,
body[data-theme="violet"] .panel-note, body[data-theme="warm"] .panel-note,
body[data-theme="green"] .panel-note { color:var(--text-muted); background:color-mix(in srgb,var(--primary) 6%,var(--app-surface)); border-left-color:var(--primary); }

/* Billing, payment choices, deposit and transaction history */
body[data-theme="teal"] #screen-billing, body[data-theme="blue"] #screen-billing,
body[data-theme="violet"] #screen-billing, body[data-theme="warm"] #screen-billing,
body[data-theme="green"] #screen-billing { max-width:1120px; margin:0 auto; }
body[data-theme="teal"] .billing-balance-card, body[data-theme="blue"] .billing-balance-card,
body[data-theme="violet"] .billing-balance-card, body[data-theme="warm"] .billing-balance-card,
body[data-theme="green"] .billing-balance-card {
  display:flex; align-items:center; justify-content:space-between; gap:20px; max-width:none!important;
  padding:24px 28px!important; border-color:var(--border-subtle)!important; border-radius:19px!important;
  background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 16%,var(--app-surface)),var(--app-surface))!important;
  box-shadow:0 10px 26px rgba(8,20,32,.08);
}
body[data-theme="teal"] #billingBalanceVal, body[data-theme="blue"] #billingBalanceVal,
body[data-theme="violet"] #billingBalanceVal, body[data-theme="warm"] #billingBalanceVal,
body[data-theme="green"] #billingBalanceVal { color:var(--primary)!important; font-size:clamp(30px,4vw,42px)!important; }
body[data-theme="teal"] .billing-choice-tabs, body[data-theme="blue"] .billing-choice-tabs,
body[data-theme="violet"] .billing-choice-tabs, body[data-theme="warm"] .billing-choice-tabs,
body[data-theme="green"] .billing-choice-tabs { max-width:none; margin:0 0 14px; padding:5px; border-color:var(--border-subtle); background:var(--app-surface); }
body[data-theme="teal"] .b-choice-btn, body[data-theme="blue"] .b-choice-btn,
body[data-theme="violet"] .b-choice-btn, body[data-theme="warm"] .b-choice-btn,
body[data-theme="green"] .b-choice-btn { min-height:43px; border-radius:10px; color:var(--text-muted); }
body[data-theme="teal"] .b-choice-btn.active, body[data-theme="blue"] .b-choice-btn.active,
body[data-theme="violet"] .b-choice-btn.active, body[data-theme="warm"] .b-choice-btn.active,
body[data-theme="green"] .b-choice-btn.active { background:var(--primary); color:var(--theme-action-ink,#fff); }
body[data-theme="teal"] #billingBoxCard, body[data-theme="teal"] #billingBoxCrypto,
body[data-theme="blue"] #billingBoxCard, body[data-theme="blue"] #billingBoxCrypto,
body[data-theme="violet"] #billingBoxCard, body[data-theme="violet"] #billingBoxCrypto,
body[data-theme="warm"] #billingBoxCard, body[data-theme="warm"] #billingBoxCrypto,
body[data-theme="green"] #billingBoxCard, body[data-theme="green"] #billingBoxCrypto { max-width:none!important; margin:0 0 18px!important; padding:22px!important; }
body[data-theme="teal"] #billingBoxCard>[style*="color:#fff"],
body[data-theme="blue"] #billingBoxCard>[style*="color:#fff"],
body[data-theme="violet"] #billingBoxCard>[style*="color:#fff"],
body[data-theme="warm"] #billingBoxCard>[style*="color:#fff"],
body[data-theme="green"] #billingBoxCard>[style*="color:#fff"],
body[data-theme="teal"] #billingBoxCrypto>[style*="color:#fff"],
body[data-theme="blue"] #billingBoxCrypto>[style*="color:#fff"],
body[data-theme="violet"] #billingBoxCrypto>[style*="color:#fff"],
body[data-theme="warm"] #billingBoxCrypto>[style*="color:#fff"],
body[data-theme="green"] #billingBoxCrypto>[style*="color:#fff"] { color:var(--text)!important; }
body[data-theme="teal"] #cryptoNetworkPicker, body[data-theme="blue"] #cryptoNetworkPicker,
body[data-theme="violet"] #cryptoNetworkPicker, body[data-theme="warm"] #cryptoNetworkPicker,
body[data-theme="green"] #cryptoNetworkPicker { border-color:var(--border-subtle); border-radius:14px; background:var(--app-bg); }
body[data-theme="teal"] .crypto-network-selected, body[data-theme="blue"] .crypto-network-selected,
body[data-theme="violet"] .crypto-network-selected, body[data-theme="warm"] .crypto-network-selected,
body[data-theme="green"] .crypto-network-selected { color:var(--text); border-color:var(--border-subtle); background:var(--app-surface); }
body[data-theme="teal"] #cryptoAddressTxt, body[data-theme="blue"] #cryptoAddressTxt,
body[data-theme="violet"] #cryptoAddressTxt, body[data-theme="warm"] #cryptoAddressTxt,
body[data-theme="green"] #cryptoAddressTxt { color:var(--primary)!important; }
body[data-theme="teal"] #depositHistoryWrap, body[data-theme="blue"] #depositHistoryWrap,
body[data-theme="violet"] #depositHistoryWrap, body[data-theme="warm"] #depositHistoryWrap,
body[data-theme="green"] #depositHistoryWrap { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-width:none!important; }
body[data-theme="teal"] #depositHistoryWrap>*, body[data-theme="blue"] #depositHistoryWrap>*,
body[data-theme="violet"] #depositHistoryWrap>*, body[data-theme="warm"] #depositHistoryWrap>*,
body[data-theme="green"] #depositHistoryWrap>* { min-width:0; border:1px solid var(--border-subtle); border-radius:14px; background:var(--app-surface); color:var(--text); }

/* Profile, preferences and history subsections */
body[data-theme="teal"] #profileMainView, body[data-theme="blue"] #profileMainView,
body[data-theme="violet"] #profileMainView, body[data-theme="warm"] #profileMainView,
body[data-theme="green"] #profileMainView { max-width:900px!important; margin:0 auto!important; }
body[data-theme="teal"] #profileMainView>div:first-child,
body[data-theme="blue"] #profileMainView>div:first-child,
body[data-theme="violet"] #profileMainView>div:first-child,
body[data-theme="warm"] #profileMainView>div:first-child,
body[data-theme="green"] #profileMainView>div:first-child {
  display:grid; grid-template-columns:70px minmax(0,1fr) auto; align-items:center; column-gap:16px;
  text-align:left!important; border-color:var(--border-subtle)!important; border-radius:18px!important;
  background:linear-gradient(115deg,color-mix(in srgb,var(--primary) 12%,var(--app-surface)),var(--app-surface))!important;
}
body[data-theme="teal"] #profAvatar, body[data-theme="blue"] #profAvatar,
body[data-theme="violet"] #profAvatar, body[data-theme="warm"] #profAvatar,
body[data-theme="green"] #profAvatar { grid-row:1 / span 3; margin:0!important; }
body[data-theme="teal"] #profName, body[data-theme="blue"] #profName,
body[data-theme="violet"] #profName, body[data-theme="warm"] #profName,
body[data-theme="green"] #profName { margin:0; color:var(--text); }
body[data-theme="teal"] #profileMainView .section-title,
body[data-theme="blue"] #profileMainView .section-title,
body[data-theme="violet"] #profileMainView .section-title,
body[data-theme="warm"] #profileMainView .section-title,
body[data-theme="green"] #profileMainView .section-title { margin-top:24px; }
body[data-theme="teal"] .profile-action-row, body[data-theme="blue"] .profile-action-row,
body[data-theme="violet"] .profile-action-row, body[data-theme="warm"] .profile-action-row,
body[data-theme="green"] .profile-action-row { min-height:58px; background:var(--app-surface)!important; border-color:var(--border-subtle)!important; border-radius:13px; box-shadow:0 4px 14px rgba(8,20,32,.04); color:var(--text); }
body[data-theme="teal"] .profile-action-row [style*="color:#fff"],
body[data-theme="blue"] .profile-action-row [style*="color:#fff"],
body[data-theme="violet"] .profile-action-row [style*="color:#fff"],
body[data-theme="warm"] .profile-action-row [style*="color:#fff"],
body[data-theme="green"] .profile-action-row [style*="color:#fff"] { color:var(--text)!important; }
body[data-theme="teal"] .switch-wrap, body[data-theme="blue"] .switch-wrap,
body[data-theme="violet"] .switch-wrap, body[data-theme="warm"] .switch-wrap,
body[data-theme="green"] .switch-wrap { min-height:60px; border-color:var(--border-subtle); border-radius:13px; background:var(--app-surface); }
body[data-theme="teal"] #profileLoginHistoryView, body[data-theme="blue"] #profileLoginHistoryView,
body[data-theme="violet"] #profileLoginHistoryView, body[data-theme="warm"] #profileLoginHistoryView,
body[data-theme="green"] #profileLoginHistoryView, body[data-theme="teal"] #profileExpenseHistoryView,
body[data-theme="blue"] #profileExpenseHistoryView, body[data-theme="violet"] #profileExpenseHistoryView,
body[data-theme="warm"] #profileExpenseHistoryView, body[data-theme="green"] #profileExpenseHistoryView { max-width:1000px!important; }
body[data-theme="teal"] .item-list-mini li, body[data-theme="blue"] .item-list-mini li,
body[data-theme="violet"] .item-list-mini li, body[data-theme="warm"] .item-list-mini li,
body[data-theme="green"] .item-list-mini li { border:1px solid var(--border-subtle); border-radius:12px; background:var(--app-surface); color:var(--text); }

/* Forms, details, modal sheets and alerts */
body[data-theme="teal"] input, body[data-theme="teal"] textarea,
body[data-theme="blue"] input, body[data-theme="blue"] textarea,
body[data-theme="violet"] input, body[data-theme="violet"] textarea,
body[data-theme="warm"] input, body[data-theme="warm"] textarea,
body[data-theme="green"] input, body[data-theme="green"] textarea { background:var(--app-bg); color:var(--text); border-color:var(--border-subtle); }
body[data-theme="teal"] select, body[data-theme="blue"] select,
body[data-theme="violet"] select, body[data-theme="warm"] select,
body[data-theme="green"] select { background-color:var(--app-bg)!important; color:var(--text)!important; border-color:var(--border-subtle)!important; }
body[data-theme="teal"] select option, body[data-theme="blue"] select option,
body[data-theme="violet"] select option, body[data-theme="warm"] select option,
body[data-theme="green"] select option { background:var(--app-surface); color:var(--text); }
body[data-theme="teal"] .bottom-sheet, body[data-theme="blue"] .bottom-sheet,
body[data-theme="violet"] .bottom-sheet, body[data-theme="warm"] .bottom-sheet,
body[data-theme="green"] .bottom-sheet { background:var(--app-surface); color:var(--text); border-color:var(--border-subtle); }
body[data-theme="teal"] .plan-detail-item, body[data-theme="blue"] .plan-detail-item,
body[data-theme="violet"] .plan-detail-item, body[data-theme="warm"] .plan-detail-item,
body[data-theme="green"] .plan-detail-item { background:var(--app-bg); color:var(--text); border-color:var(--border-subtle); }
body[data-theme="teal"] .back-btn-strip, body[data-theme="blue"] .back-btn-strip,
body[data-theme="violet"] .back-btn-strip, body[data-theme="warm"] .back-btn-strip,
body[data-theme="green"] .back-btn-strip { background:color-mix(in srgb,var(--primary) 9%,var(--app-surface)); border-color:var(--border-subtle); color:var(--primary); }
body[data-theme="teal"] .nc-dialog, body[data-theme="blue"] .nc-dialog,
body[data-theme="violet"] .nc-dialog, body[data-theme="warm"] .nc-dialog,
body[data-theme="green"] .nc-dialog { background:var(--app-surface); border-color:var(--border-subtle); color:var(--text); }
body[data-theme="teal"] .nc-dialog p, body[data-theme="blue"] .nc-dialog p,
body[data-theme="violet"] .nc-dialog p, body[data-theme="warm"] .nc-dialog p,
body[data-theme="green"] .nc-dialog p { color:var(--text-muted); }

/* Visual identity differences preserved outside the homepage */
body[data-theme="teal"] { --theme-action-ink:#06252a; }
body[data-theme="teal"] .service-card, body[data-theme="teal"] .plan-card-3d,
body[data-theme="teal"] .cockpit-box { border-radius:12px; }
body[data-theme="teal"] #screen-manage .services-dashboard-head { background:linear-gradient(120deg,#0e2c39,var(--app-surface)); }
body[data-theme="teal"] #screen-billing .billing-balance-card { border-left:4px solid var(--primary)!important; }

body[data-theme="blue"] { --theme-action-ink:#fff; }
body[data-theme="blue"] .app-header-area { box-shadow:0 2px 14px rgba(29,78,135,.07); }
body[data-theme="blue"] .plan-card-3d, body[data-theme="blue"] .service-card,
body[data-theme="blue"] .cockpit-box, body[data-theme="blue"] .profile-action-row { box-shadow:0 8px 22px rgba(34,78,130,.07); }
body[data-theme="blue"] #screen-billing .billing-balance-card { background:linear-gradient(115deg,#e5f1ff,#fff)!important; }

body[data-theme="violet"] { --theme-action-ink:#fff; }
body[data-theme="violet"] .plan-card-3d, body[data-theme="violet"] .service-card,
body[data-theme="violet"] .cockpit-box { box-shadow:0 12px 30px rgba(0,0,0,.22); }
body[data-theme="violet"] .services-summary-card { background:linear-gradient(145deg,var(--app-surface),color-mix(in srgb,var(--primary) 5%,var(--app-surface))); }
body[data-theme="violet"] #screen-manage .tools-grid-responsive { grid-template-columns:repeat(5,minmax(0,1fr)); }

body[data-theme="warm"] { --theme-action-ink:#fff; }
body[data-theme="warm"] .plan-card-3d, body[data-theme="warm"] .service-card,
body[data-theme="warm"] .cockpit-box, body[data-theme="warm"] .profile-action-row { border-radius:18px; box-shadow:0 10px 25px rgba(81,70,45,.07); }
body[data-theme="warm"] .billing-balance-card { background:linear-gradient(110deg,#e9f0e4,#fffdf7)!important; }
body[data-theme="warm"] .tool-btn.active { background:#e9f3eb!important; color:#1f603d!important; }

body[data-theme="green"] { --theme-action-ink:#05251b; }
body[data-theme="green"] .plan-card-3d, body[data-theme="green"] .service-card,
body[data-theme="green"] .cockpit-box { border-color:color-mix(in srgb,var(--primary) 20%,var(--border-subtle)); }
body[data-theme="green"] .billing-balance-card { background:linear-gradient(120deg,#10392f,var(--app-surface))!important; }
body[data-theme="green"] .service-status.active { color:#04291e; background:#6be5b2; }

@media (min-width:900px) {
  body[data-theme="teal"] .portal-brand, body[data-theme="violet"] .portal-brand,
  body[data-theme="green"] .portal-brand { position:fixed; top:23px; left:27px; z-index:700; font-size:20px; }
  body[data-theme="teal"] .app-header-area .header-content,
  body[data-theme="violet"] .app-header-area .header-content,
  body[data-theme="green"] .app-header-area .header-content { max-width:none; }
}
@media (max-width:899px) {
  body[data-theme="teal"] .header-content, body[data-theme="blue"] .header-content,
  body[data-theme="violet"] .header-content, body[data-theme="warm"] .header-content,
  body[data-theme="green"] .header-content { gap:10px; padding-left:15px; padding-right:15px; }
  body[data-theme="teal"] .portal-brand, body[data-theme="blue"] .portal-brand,
  body[data-theme="violet"] .portal-brand, body[data-theme="warm"] .portal-brand,
  body[data-theme="green"] .portal-brand { position:static; font-size:17px; }
  body[data-theme="teal"] .user-pill>div:not(.user-avatar), body[data-theme="blue"] .user-pill>div:not(.user-avatar),
  body[data-theme="violet"] .user-pill>div:not(.user-avatar), body[data-theme="warm"] .user-pill>div:not(.user-avatar),
  body[data-theme="green"] .user-pill>div:not(.user-avatar) { display:none; }
  body[data-theme="teal"] .user-pill, body[data-theme="blue"] .user-pill,
  body[data-theme="violet"] .user-pill, body[data-theme="warm"] .user-pill,
  body[data-theme="green"] .user-pill { margin-left:auto; }
  body[data-theme="teal"] .footer-content, body[data-theme="blue"] .footer-content,
  body[data-theme="violet"] .footer-content, body[data-theme="warm"] .footer-content,
  body[data-theme="green"] .footer-content { max-width:600px; }
  body[data-theme="teal"] .bar-nav-btn, body[data-theme="blue"] .bar-nav-btn,
  body[data-theme="violet"] .bar-nav-btn, body[data-theme="warm"] .bar-nav-btn,
  body[data-theme="green"] .bar-nav-btn { min-height:46px; }
  body[data-theme="teal"] .grid-responsive-tariffs, body[data-theme="blue"] .grid-responsive-tariffs,
  body[data-theme="violet"] .grid-responsive-tariffs, body[data-theme="warm"] .grid-responsive-tariffs,
  body[data-theme="green"] .grid-responsive-tariffs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  body[data-theme="violet"] #screen-manage .tools-grid-responsive { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:680px) {
  body[data-theme="teal"] .section-title, body[data-theme="blue"] .section-title,
  body[data-theme="violet"] .section-title, body[data-theme="warm"] .section-title,
  body[data-theme="green"] .section-title { margin-top:16px; font-size:19px; }
  body[data-theme="teal"] .main-category-tabs, body[data-theme="blue"] .main-category-tabs,
  body[data-theme="violet"] .main-category-tabs, body[data-theme="warm"] .main-category-tabs,
  body[data-theme="green"] .main-category-tabs { gap:4px; margin-bottom:14px; }
  body[data-theme="teal"] .cat-tab-btn, body[data-theme="blue"] .cat-tab-btn,
  body[data-theme="violet"] .cat-tab-btn, body[data-theme="warm"] .cat-tab-btn,
  body[data-theme="green"] .cat-tab-btn { flex-direction:column; gap:4px; min-height:50px; padding:7px 3px; font-size:10px; }
  body[data-theme="teal"] .grid-responsive-tariffs, body[data-theme="blue"] .grid-responsive-tariffs,
  body[data-theme="violet"] .grid-responsive-tariffs, body[data-theme="warm"] .grid-responsive-tariffs,
  body[data-theme="green"] .grid-responsive-tariffs { grid-template-columns:1fr; gap:9px; }
  body[data-theme="teal"] .plan-card-3d, body[data-theme="blue"] .plan-card-3d,
  body[data-theme="violet"] .plan-card-3d, body[data-theme="warm"] .plan-card-3d,
  body[data-theme="green"] .plan-card-3d { display:grid; grid-template-columns:minmax(0,1fr); padding:15px; }
  body[data-theme="teal"] .plan-specs, body[data-theme="blue"] .plan-specs,
  body[data-theme="violet"] .plan-specs, body[data-theme="warm"] .plan-specs,
  body[data-theme="green"] .plan-specs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-theme="teal"] .services-dashboard-head, body[data-theme="blue"] .services-dashboard-head,
  body[data-theme="violet"] .services-dashboard-head, body[data-theme="warm"] .services-dashboard-head,
  body[data-theme="green"] .services-dashboard-head { min-height:95px; padding:16px; }
  body[data-theme="teal"] .services-summary-card, body[data-theme="blue"] .services-summary-card,
  body[data-theme="violet"] .services-summary-card, body[data-theme="warm"] .services-summary-card,
  body[data-theme="green"] .services-summary-card { min-height:70px; padding:10px; }
  body[data-theme="teal"] .service-card, body[data-theme="blue"] .service-card,
  body[data-theme="violet"] .service-card, body[data-theme="warm"] .service-card,
  body[data-theme="green"] .service-card { align-items:flex-start; gap:10px; padding:24px 12px 12px; }
  body[data-theme="teal"] .service-card-meta, body[data-theme="blue"] .service-card-meta,
  body[data-theme="violet"] .service-card-meta, body[data-theme="warm"] .service-card-meta,
  body[data-theme="green"] .service-card-meta { max-width:34%; white-space:normal; text-align:right; }
  body[data-theme="teal"] .tools-grid-responsive, body[data-theme="blue"] .tools-grid-responsive,
  body[data-theme="violet"] .tools-grid-responsive, body[data-theme="warm"] .tools-grid-responsive,
  body[data-theme="green"] .tools-grid-responsive { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
  body[data-theme="teal"] .cockpit-box, body[data-theme="blue"] .cockpit-box,
  body[data-theme="violet"] .cockpit-box, body[data-theme="warm"] .cockpit-box,
  body[data-theme="green"] .cockpit-box { padding:15px; }
  body[data-theme="teal"] .billing-balance-card, body[data-theme="blue"] .billing-balance-card,
  body[data-theme="violet"] .billing-balance-card, body[data-theme="warm"] .billing-balance-card,
  body[data-theme="green"] .billing-balance-card { align-items:flex-start; flex-direction:column; gap:7px; padding:18px!important; }
  body[data-theme="teal"] #billingBoxCard, body[data-theme="teal"] #billingBoxCrypto,
  body[data-theme="blue"] #billingBoxCard, body[data-theme="blue"] #billingBoxCrypto,
  body[data-theme="violet"] #billingBoxCard, body[data-theme="violet"] #billingBoxCrypto,
  body[data-theme="warm"] #billingBoxCard, body[data-theme="warm"] #billingBoxCrypto,
  body[data-theme="green"] #billingBoxCard, body[data-theme="green"] #billingBoxCrypto { padding:15px!important; }
  body[data-theme="teal"] #depositHistoryWrap, body[data-theme="blue"] #depositHistoryWrap,
  body[data-theme="violet"] #depositHistoryWrap, body[data-theme="warm"] #depositHistoryWrap,
  body[data-theme="green"] #depositHistoryWrap { grid-template-columns:1fr; }
  body[data-theme="teal"] #profileMainView>div:first-child,
  body[data-theme="blue"] #profileMainView>div:first-child,
  body[data-theme="violet"] #profileMainView>div:first-child,
  body[data-theme="warm"] #profileMainView>div:first-child,
  body[data-theme="green"] #profileMainView>div:first-child { grid-template-columns:54px minmax(0,1fr); column-gap:12px; padding:15px!important; }
  body[data-theme="teal"] #profAvatar, body[data-theme="blue"] #profAvatar,
  body[data-theme="violet"] #profAvatar, body[data-theme="warm"] #profAvatar,
  body[data-theme="green"] #profAvatar { width:50px!important; height:50px!important; grid-row:1 / span 3; font-size:17px!important; }
  body[data-theme="teal"] .billing-choice-tabs, body[data-theme="blue"] .billing-choice-tabs,
  body[data-theme="violet"] .billing-choice-tabs, body[data-theme="warm"] .billing-choice-tabs,
  body[data-theme="green"] .billing-choice-tabs { width:100%; }
  body[data-theme="teal"] .b-choice-btn, body[data-theme="blue"] .b-choice-btn,
  body[data-theme="violet"] .b-choice-btn, body[data-theme="warm"] .b-choice-btn,
  body[data-theme="green"] .b-choice-btn { font-size:10px; padding:7px 4px; }
}
@media (max-width:420px) {
  body[data-theme="teal"] .portal-brand, body[data-theme="blue"] .portal-brand,
  body[data-theme="violet"] .portal-brand, body[data-theme="warm"] .portal-brand,
  body[data-theme="green"] .portal-brand { font-size:15px; }
  body[data-theme="teal"] .theme-toggle, body[data-theme="blue"] .theme-toggle,
  body[data-theme="violet"] .theme-toggle, body[data-theme="warm"] .theme-toggle,
  body[data-theme="green"] .theme-toggle { width:36px; height:36px; }
  body[data-theme="teal"] .wallet-chip, body[data-theme="blue"] .wallet-chip,
  body[data-theme="violet"] .wallet-chip, body[data-theme="warm"] .wallet-chip,
  body[data-theme="green"] .wallet-chip { padding:6px 8px; font-size:11px; }
  body[data-theme="teal"] .services-summary, body[data-theme="blue"] .services-summary,
  body[data-theme="violet"] .services-summary, body[data-theme="warm"] .services-summary,
  body[data-theme="green"] .services-summary { gap:6px; }
  body[data-theme="teal"] .services-summary-card small, body[data-theme="blue"] .services-summary-card small,
  body[data-theme="violet"] .services-summary-card small, body[data-theme="warm"] .services-summary-card small,
  body[data-theme="green"] .services-summary-card small { font-size:9px; }
  body[data-theme="teal"] .domain-table, body[data-theme="blue"] .domain-table,
  body[data-theme="violet"] .domain-table, body[data-theme="warm"] .domain-table,
  body[data-theme="green"] .domain-table { min-width:460px; }
}

/* Design-specific full-page surfaces */
body[data-theme="teal"] #screen-catalog, body[data-theme="teal"] #screen-manage,
body[data-theme="teal"] #screen-billing, body[data-theme="teal"] #screen-profile { --primary:#12bfc4; }
body[data-theme="blue"] #screen-catalog, body[data-theme="blue"] #screen-manage,
body[data-theme="blue"] #screen-billing, body[data-theme="blue"] #screen-profile { --primary:#1769d2; }
body[data-theme="violet"] #screen-catalog, body[data-theme="violet"] #screen-manage,
body[data-theme="violet"] #screen-billing, body[data-theme="violet"] #screen-profile { --primary:#7567f8; }
body[data-theme="warm"] #screen-catalog, body[data-theme="warm"] #screen-manage,
body[data-theme="warm"] #screen-billing, body[data-theme="warm"] #screen-profile { --primary:#28784c; }
body[data-theme="green"] #screen-catalog, body[data-theme="green"] #screen-manage,
body[data-theme="green"] #screen-billing, body[data-theme="green"] #screen-profile { --primary:#22c995; }


/* Four real category/account metrics; the domain price table becomes card rows on phones. */
body[data-theme="teal"] .services-summary, body[data-theme="blue"] .services-summary,
body[data-theme="violet"] .services-summary, body[data-theme="warm"] .services-summary,
body[data-theme="green"] .services-summary { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media(max-width:680px) {
  body[data-theme="teal"] .services-summary, body[data-theme="blue"] .services-summary,
  body[data-theme="violet"] .services-summary, body[data-theme="warm"] .services-summary,
  body[data-theme="green"] .services-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-theme="teal"] .domain-table-wrap, body[data-theme="blue"] .domain-table-wrap,
  body[data-theme="violet"] .domain-table-wrap, body[data-theme="warm"] .domain-table-wrap,
  body[data-theme="green"] .domain-table-wrap { overflow:visible; }
  body[data-theme="teal"] .domain-table, body[data-theme="blue"] .domain-table,
  body[data-theme="violet"] .domain-table, body[data-theme="warm"] .domain-table,
  body[data-theme="green"] .domain-table { display:block; width:100%; min-width:0; }
  body[data-theme="teal"] .domain-table thead, body[data-theme="blue"] .domain-table thead,
  body[data-theme="violet"] .domain-table thead, body[data-theme="warm"] .domain-table thead,
  body[data-theme="green"] .domain-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  body[data-theme="teal"] .domain-table tbody, body[data-theme="blue"] .domain-table tbody,
  body[data-theme="violet"] .domain-table tbody, body[data-theme="warm"] .domain-table tbody,
  body[data-theme="green"] .domain-table tbody { display:grid; gap:9px; padding:9px; }
  body[data-theme="teal"] .domain-table tbody tr, body[data-theme="blue"] .domain-table tbody tr,
  body[data-theme="violet"] .domain-table tbody tr, body[data-theme="warm"] .domain-table tbody tr,
  body[data-theme="green"] .domain-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:9px; border:1px solid var(--border-subtle); border-radius:13px; background:var(--app-bg); }
  body[data-theme="teal"] .domain-table td, body[data-theme="blue"] .domain-table td,
  body[data-theme="violet"] .domain-table td, body[data-theme="warm"] .domain-table td,
  body[data-theme="green"] .domain-table td { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; padding:7px 5px; border:0; font-size:11px; }
  body[data-theme="teal"] .domain-table td:nth-child(1), body[data-theme="blue"] .domain-table td:nth-child(1),
  body[data-theme="violet"] .domain-table td:nth-child(1), body[data-theme="warm"] .domain-table td:nth-child(1),
  body[data-theme="green"] .domain-table td:nth-child(1) { grid-column:1/-1; padding-bottom:9px; border-bottom:1px solid var(--border-subtle); font-size:13px; }
  body[data-theme="teal"] .domain-table td:nth-child(2)::before, body[data-theme="blue"] .domain-table td:nth-child(2)::before,
  body[data-theme="violet"] .domain-table td:nth-child(2)::before, body[data-theme="warm"] .domain-table td:nth-child(2)::before,
  body[data-theme="green"] .domain-table td:nth-child(2)::before { content:"Qeydiyyat"; color:var(--text-muted); font-size:9px; }
  body[data-theme="teal"] .domain-table td:nth-child(3)::before, body[data-theme="blue"] .domain-table td:nth-child(3)::before,
  body[data-theme="violet"] .domain-table td:nth-child(3)::before, body[data-theme="warm"] .domain-table td:nth-child(3)::before,
  body[data-theme="green"] .domain-table td:nth-child(3)::before { content:"Uzatma"; color:var(--text-muted); font-size:9px; }
  body[data-theme="teal"] .domain-table td:nth-child(4), body[data-theme="blue"] .domain-table td:nth-child(4),
  body[data-theme="violet"] .domain-table td:nth-child(4), body[data-theme="warm"] .domain-table td:nth-child(4),
  body[data-theme="green"] .domain-table td:nth-child(4) { grid-column:1/-1; }
  body[data-theme="teal"] .domain-table td:nth-child(4)::before, body[data-theme="blue"] .domain-table td:nth-child(4)::before,
  body[data-theme="violet"] .domain-table td:nth-child(4)::before, body[data-theme="warm"] .domain-table td:nth-child(4)::before,
  body[data-theme="green"] .domain-table td:nth-child(4)::before { content:"Əməliyyat"; color:var(--text-muted); font-size:9px; }
  body[data-theme="teal"] .domain-table td[colspan], body[data-theme="blue"] .domain-table td[colspan],
  body[data-theme="violet"] .domain-table td[colspan], body[data-theme="warm"] .domain-table td[colspan],
  body[data-theme="green"] .domain-table td[colspan] { display:block; grid-column:1/-1; }
  body[data-theme="teal"] .domain-table td[colspan]::before, body[data-theme="blue"] .domain-table td[colspan]::before,
  body[data-theme="violet"] .domain-table td[colspan]::before, body[data-theme="warm"] .domain-table td[colspan]::before,
  body[data-theme="green"] .domain-table td[colspan]::before { content:none; }
}


/* Desktop dark-theme wordmark sits in the navigation rail, not over the account controls. */
@media(min-width:900px) {
  body[data-theme="teal"] .portal-brand, body[data-theme="violet"] .portal-brand,
  body[data-theme="green"] .portal-brand { position:absolute; top:22px; left:calc(-1 * var(--nav-rail-width) + 26px); z-index:701; }
}


/* Nested tools and payment selectors reused by catalog, service detail and verification flows. */
body[data-theme="teal"] .domain-choice-tabs, body[data-theme="blue"] .domain-choice-tabs,
body[data-theme="violet"] .domain-choice-tabs, body[data-theme="warm"] .domain-choice-tabs,
body[data-theme="green"] .domain-choice-tabs { max-width:none; padding:5px; border-color:var(--border-subtle); border-radius:13px; background:var(--app-surface); }
body[data-theme="teal"] .d-choice-btn, body[data-theme="blue"] .d-choice-btn,
body[data-theme="violet"] .d-choice-btn, body[data-theme="warm"] .d-choice-btn,
body[data-theme="green"] .d-choice-btn { min-height:40px; border-radius:9px; color:var(--text-muted); }
body[data-theme="teal"] .d-choice-btn.active, body[data-theme="blue"] .d-choice-btn.active,
body[data-theme="violet"] .d-choice-btn.active, body[data-theme="warm"] .d-choice-btn.active,
body[data-theme="green"] .d-choice-btn.active { background:var(--primary); color:var(--theme-action-ink,#fff); }
body[data-theme="teal"] .service-row-item, body[data-theme="blue"] .service-row-item,
body[data-theme="violet"] .service-row-item, body[data-theme="warm"] .service-row-item,
body[data-theme="green"] .service-row-item { border-color:var(--border-subtle); background:var(--app-surface); color:var(--text); }
body[data-theme="teal"] .input-group-pill, body[data-theme="blue"] .input-group-pill,
body[data-theme="violet"] .input-group-pill, body[data-theme="warm"] .input-group-pill,
body[data-theme="green"] .input-group-pill { border-color:var(--border-subtle); background:var(--app-surface); }
body[data-theme="teal"] .input-group-pill input, body[data-theme="teal"] .input-group-pill select,
body[data-theme="blue"] .input-group-pill input, body[data-theme="blue"] .input-group-pill select,
body[data-theme="violet"] .input-group-pill input, body[data-theme="violet"] .input-group-pill select,
body[data-theme="warm"] .input-group-pill input, body[data-theme="warm"] .input-group-pill select,
body[data-theme="green"] .input-group-pill input, body[data-theme="green"] .input-group-pill select { color:var(--text)!important; }
body[data-theme="teal"] .crypto-network-picker, body[data-theme="blue"] .crypto-network-picker,
body[data-theme="violet"] .crypto-network-picker, body[data-theme="warm"] .crypto-network-picker,
body[data-theme="green"] .crypto-network-picker { background:var(--app-bg); border-color:var(--border-subtle); }
body[data-theme="teal"] .crypto-network-search, body[data-theme="blue"] .crypto-network-search,
body[data-theme="violet"] .crypto-network-search, body[data-theme="warm"] .crypto-network-search,
body[data-theme="green"] .crypto-network-search { background:var(--app-surface); border-color:var(--border-subtle); }
body[data-theme="teal"] .crypto-network-option, body[data-theme="blue"] .crypto-network-option,
body[data-theme="violet"] .crypto-network-option, body[data-theme="warm"] .crypto-network-option,
body[data-theme="green"] .crypto-network-option { background:var(--app-surface); border-color:var(--border-subtle); color:var(--text); }
body[data-theme="teal"] .crypto-network-option-copy strong, body[data-theme="blue"] .crypto-network-option-copy strong,
body[data-theme="violet"] .crypto-network-option-copy strong, body[data-theme="warm"] .crypto-network-option-copy strong,
body[data-theme="green"] .crypto-network-option-copy strong { color:var(--text); }
body[data-theme="teal"] .crypto-network-selected, body[data-theme="blue"] .crypto-network-selected,
body[data-theme="violet"] .crypto-network-selected, body[data-theme="warm"] .crypto-network-selected,
body[data-theme="green"] .crypto-network-selected { background:color-mix(in srgb,var(--primary) 10%,var(--app-surface)); }
body[data-theme="teal"] .crypto-address-card, body[data-theme="blue"] .crypto-address-card,
body[data-theme="violet"] .crypto-address-card, body[data-theme="warm"] .crypto-address-card,
body[data-theme="green"] .crypto-address-card { background:var(--app-bg)!important; border-color:var(--border-subtle)!important; }
body[data-theme="teal"] .resource-stat-card, body[data-theme="blue"] .resource-stat-card,
body[data-theme="violet"] .resource-stat-card, body[data-theme="warm"] .resource-stat-card,
body[data-theme="green"] .resource-stat-card { background:var(--app-surface); border-color:var(--border-subtle); box-shadow:0 6px 18px rgba(8,20,32,.06); }
body[data-theme="teal"] .resource-stat-card strong, body[data-theme="blue"] .resource-stat-card strong,
body[data-theme="violet"] .resource-stat-card strong, body[data-theme="warm"] .resource-stat-card strong,
body[data-theme="green"] .resource-stat-card strong { color:var(--primary); }
body[data-theme="teal"] .resource-stat-values>div, body[data-theme="blue"] .resource-stat-values>div,
body[data-theme="violet"] .resource-stat-values>div, body[data-theme="warm"] .resource-stat-values>div,
body[data-theme="green"] .resource-stat-values>div { background:var(--app-bg); }
body[data-theme="teal"] .server-context-section, body[data-theme="blue"] .server-context-section,
body[data-theme="violet"] .server-context-section, body[data-theme="warm"] .server-context-section,
body[data-theme="green"] .server-context-section { background:color-mix(in srgb,var(--primary) 6%,var(--app-surface)); border-color:var(--border-subtle); }
body[data-theme="teal"] .server-context-chip, body[data-theme="teal"] .server-context-empty,
body[data-theme="blue"] .server-context-chip, body[data-theme="blue"] .server-context-empty,
body[data-theme="violet"] .server-context-chip, body[data-theme="violet"] .server-context-empty,
body[data-theme="warm"] .server-context-chip, body[data-theme="warm"] .server-context-empty,
body[data-theme="green"] .server-context-chip, body[data-theme="green"] .server-context-empty { background:var(--app-bg); border-color:var(--border-subtle); color:var(--text); }
body[data-theme="teal"] .server-context-chip b, body[data-theme="blue"] .server-context-chip b,
body[data-theme="violet"] .server-context-chip b, body[data-theme="warm"] .server-context-chip b,
body[data-theme="green"] .server-context-chip b { color:var(--primary); }
body[data-theme="teal"] .verification-code-cells input, body[data-theme="blue"] .verification-code-cells input,
body[data-theme="violet"] .verification-code-cells input, body[data-theme="warm"] .verification-code-cells input,
body[data-theme="green"] .verification-code-cells input { background:var(--app-bg); color:var(--text); border-color:var(--border-subtle); }
@media(max-width:420px) {
  body[data-theme="teal"] .crypto-network-options, body[data-theme="blue"] .crypto-network-options,
  body[data-theme="violet"] .crypto-network-options, body[data-theme="warm"] .crypto-network-options,
  body[data-theme="green"] .crypto-network-options { grid-template-columns:1fr; }
}