/**
 * Profile page — full light/dark theming.
 * Dark: default chrome (no data-vc-rail="light") or html[data-theme="dark"].
 * Light: html[data-vc-rail="light"] and not forced dark theme.
 */

/* ── Theme tokens ── */
html:not([data-vc-rail="light"]) body.profile-page,
html[data-theme="dark"] body.profile-page {
    --pf-page: #07080d;
    --pf-surface: #12141c;
    --pf-surface-elevated: #181b26;
    --pf-border: rgba(148, 163, 184, 0.2);
    --pf-border-strong: rgba(148, 163, 184, 0.32);
    --pf-text: #f1f5f9;
    --pf-muted: #94a3b8;
    --pf-subtle: #64748b;
    --pf-accent: #818cf8;
    --pf-shadow: rgba(0, 0, 0, 0.45);
}

html[data-vc-rail="light"]:not([data-theme="dark"]) body.profile-page {
    --pf-page: #e8ecf4;
    --pf-surface: #ffffff;
    --pf-surface-elevated: #f8fafc;
    --pf-border: rgba(148, 163, 184, 0.4);
    --pf-border-strong: rgba(100, 116, 139, 0.35);
    --pf-text: #0f172a;
    --pf-muted: #64748b;
    --pf-subtle: #475569;
    --pf-accent: #4f6ef7;
    --pf-shadow: rgba(15, 23, 42, 0.08);
}

body.profile-page {
    background: var(--pf-page) !important;
    color: var(--pf-text);
    min-height: 100vh;
}

body.profile-page .profile-container {
    background: transparent;
}

/* Center column */
html:not([data-vc-rail="light"]) body.profile-page .profile-center-section,
html[data-theme="dark"] body.profile-page .profile-center-section {
    background: var(--pf-surface);
    border-color: var(--pf-border);
    box-shadow: 0 0.5vw 1.5vw var(--pf-shadow);
}

html[data-vc-rail="light"]:not([data-theme="dark"]) body.profile-page .profile-center-section {
    background: var(--pf-surface);
    border-color: var(--pf-border);
    box-shadow: 0 0.4vw 1.2vw var(--pf-shadow);
}

/* Section headers (po2 + legacy) */
html:not([data-vc-rail="light"]) body.profile-page .po2-section-header,
html[data-theme="dark"] body.profile-page .po2-section-header {
    background: var(--pf-surface-elevated);
    border-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-section-header h2,
html[data-theme="dark"] body.profile-page .po2-section-header h2 {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-section-header-icon-wrap .lucide-icon,
html[data-theme="dark"] body.profile-page .po2-section-header-icon-wrap .lucide-icon {
    color: var(--pf-accent);
}

html:not([data-vc-rail="light"]) body.profile-page .profile-section-header,
html[data-theme="dark"] body.profile-page .profile-section-header {
    border-bottom-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .profile-section-header h2,
html[data-theme="dark"] body.profile-page .profile-section-header h2 {
    color: var(--pf-text);
}

/* Profile overview v2 cards */
html:not([data-vc-rail="light"]) body.profile-page .po2-card,
html[data-theme="dark"] body.profile-page .po2-card {
    background: var(--pf-surface);
    border-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-card-header,
html[data-theme="dark"] body.profile-page .po2-card-header {
    border-bottom-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-card-header-left span,
html[data-theme="dark"] body.profile-page .po2-card-header-left span {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-bio,
html[data-theme="dark"] body.profile-page .po2-bio {
    color: var(--pf-muted);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-respect-count,
html[data-theme="dark"] body.profile-page .po2-respect-count {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-xp-title,
html[data-theme="dark"] body.profile-page .po2-xp-title {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-xp-numbers,
html:not([data-vc-rail="light"]) body.profile-page .po2-xp-remaining,
html[data-theme="dark"] body.profile-page .po2-xp-numbers,
html[data-theme="dark"] body.profile-page .po2-xp-remaining {
    color: var(--pf-muted);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-xp-track,
html[data-theme="dark"] body.profile-page .po2-xp-track {
    background: rgba(148, 163, 184, 0.2);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-level-name,
html[data-theme="dark"] body.profile-page .po2-level-name {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-level-sep,
html:not([data-vc-rail="light"]) body.profile-page .po2-level-num,
html[data-theme="dark"] body.profile-page .po2-level-sep,
html[data-theme="dark"] body.profile-page .po2-level-num {
    color: var(--pf-muted);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-level-label,
html:not([data-vc-rail="light"]) body.profile-page .po2-level-max,
html[data-theme="dark"] body.profile-page .po2-level-label,
html[data-theme="dark"] body.profile-page .po2-level-max {
    background: rgba(148, 163, 184, 0.15);
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-level-track,
html[data-theme="dark"] body.profile-page .po2-level-track {
    background: rgba(148, 163, 184, 0.22);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-account-item,
html[data-theme="dark"] body.profile-page .po2-account-item {
    background: var(--pf-surface-elevated);
    border-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-account-label,
html[data-theme="dark"] body.profile-page .po2-account-label {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-account-value,
html[data-theme="dark"] body.profile-page .po2-account-value {
    color: var(--pf-muted);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-stat-item,
html[data-theme="dark"] body.profile-page .po2-stat-item {
    background: var(--pf-surface-elevated);
    border-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-stat-item:hover,
html[data-theme="dark"] body.profile-page .po2-stat-item:hover {
    border-color: var(--pf-border-strong);
    box-shadow: 0 0.2vw 0.8vw var(--pf-shadow);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-stat-value,
html[data-theme="dark"] body.profile-page .po2-stat-value {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .po2-stat-label,
html[data-theme="dark"] body.profile-page .po2-stat-label {
    color: var(--pf-muted);
}

/* Achievements */
html:not([data-vc-rail="light"]) body.profile-page .ach-cat-card,
html:not([data-vc-rail="light"]) body.profile-page .ach-card,
html[data-theme="dark"] body.profile-page .ach-cat-card,
html[data-theme="dark"] body.profile-page .ach-card {
    background: var(--pf-surface);
    border-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .ach-cat-btn,
html[data-theme="dark"] body.profile-page .ach-cat-btn {
    color: var(--pf-muted);
}

html:not([data-vc-rail="light"]) body.profile-page .ach-cat-btn.active,
html[data-theme="dark"] body.profile-page .ach-cat-btn.active {
    color: var(--pf-accent);
}

html:not([data-vc-rail="light"]) body.profile-page .ach-series-name,
html[data-theme="dark"] body.profile-page .ach-series-name {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .ach-series-count,
html:not([data-vc-rail="light"]) body.profile-page .ach-empty,
html[data-theme="dark"] body.profile-page .ach-series-count,
html[data-theme="dark"] body.profile-page .ach-empty {
    color: var(--pf-muted);
}

html:not([data-vc-rail="light"]) body.profile-page .achievements-subtab,
html[data-theme="dark"] body.profile-page .achievements-subtab {
    color: var(--pf-muted);
    border-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .achievements-subtab.active,
html[data-theme="dark"] body.profile-page .achievements-subtab.active {
    color: var(--pf-accent);
    background: rgba(129, 140, 248, 0.12);
    border-color: rgba(129, 140, 248, 0.35);
}

html:not([data-vc-rail="light"]) body.profile-page .achievement-card-figma,
html[data-theme="dark"] body.profile-page .achievement-card-figma {
    background: var(--pf-surface-elevated);
    border-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .ach-card-title,
html[data-theme="dark"] body.profile-page .ach-card-title {
    color: var(--pf-text);
}

/* Contributions */
html:not([data-vc-rail="light"]) body.profile-page .contrib-toolbar,
html:not([data-vc-rail="light"]) body.profile-page .contrib-list-card,
html[data-theme="dark"] body.profile-page .contrib-toolbar,
html[data-theme="dark"] body.profile-page .contrib-list-card {
    background: var(--pf-surface);
    border-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .contrib-count,
html:not([data-vc-rail="light"]) body.profile-page .contrib-sort-btn,
html[data-theme="dark"] body.profile-page .contrib-count,
html[data-theme="dark"] body.profile-page .contrib-sort-btn {
    color: var(--pf-muted);
}

html:not([data-vc-rail="light"]) body.profile-page .contrib-divider,
html[data-theme="dark"] body.profile-page .contrib-divider {
    background: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .contrib-chip[data-active="false"],
html[data-theme="dark"] body.profile-page .contrib-chip[data-active="false"] {
    background: var(--pf-surface-elevated);
    border-color: var(--pf-border);
    color: var(--pf-subtle);
}

html:not([data-vc-rail="light"]) body.profile-page .contrib-row,
html[data-theme="dark"] body.profile-page .contrib-row {
    border-bottom-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .contrib-row-title,
html:not([data-vc-rail="light"]) body.profile-page .contrib-row-meta strong,
html[data-theme="dark"] body.profile-page .contrib-row-title,
html[data-theme="dark"] body.profile-page .contrib-row-meta strong {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .contrib-row-meta,
html[data-theme="dark"] body.profile-page .contrib-row-meta {
    color: var(--pf-muted);
}

/* Bookmarks grid (wiki tiles) */
html:not([data-vc-rail="light"]) body.profile-page .category-card-search,
html[data-theme="dark"] body.profile-page .category-card-search {
    background: var(--pf-surface-elevated);
    border-color: var(--pf-border);
    box-shadow: 0 0.2vw 0.8vw var(--pf-shadow);
}

html:not([data-vc-rail="light"]) body.profile-page .category-image-container-search,
html[data-theme="dark"] body.profile-page .category-image-container-search {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

html:not([data-vc-rail="light"]) body.profile-page .category-title-search,
html[data-theme="dark"] body.profile-page .category-title-search {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .category-meta-info,
html[data-theme="dark"] body.profile-page .category-meta-info {
    color: var(--pf-muted);
}

html:not([data-vc-rail="light"]) body.profile-page .category-explore-link,
html[data-theme="dark"] body.profile-page .category-explore-link {
    color: var(--pf-accent);
}

/* Settings */
html:not([data-vc-rail="light"]) body.profile-page .settings-section-title,
html[data-theme="dark"] body.profile-page .settings-section-title {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .settings-input,
html[data-theme="dark"] body.profile-page .settings-input {
    background: var(--pf-surface-elevated);
    border-color: var(--pf-border);
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .settings-input::placeholder,
html[data-theme="dark"] body.profile-page .settings-input::placeholder {
    color: var(--pf-subtle);
}

html:not([data-vc-rail="light"]) body.profile-page .settings-input-readonly,
html[data-theme="dark"] body.profile-page .settings-input-readonly {
    color: var(--pf-muted);
}

html:not([data-vc-rail="light"]) body.profile-page .settings-hint,
html:not([data-vc-rail="light"]) body.profile-page .settings-label,
html[data-theme="dark"] body.profile-page .settings-hint,
html[data-theme="dark"] body.profile-page .settings-label {
    color: var(--pf-muted);
}

html:not([data-vc-rail="light"]) body.profile-page .settings-cancel-btn,
html[data-theme="dark"] body.profile-page .settings-cancel-btn {
    background: rgba(148, 163, 184, 0.12);
    color: var(--pf-text);
    border-color: var(--pf-border);
}

/* Purchase history — text + level card (tables: purchases.css vc-rail) */
html:not([data-vc-rail="light"]) body.profile-page .purchase-history-level-card,
html[data-theme="dark"] body.profile-page .purchase-history-level-card {
    background: var(--pf-surface);
    border-color: rgba(167, 139, 250, 0.35);
}

html:not([data-vc-rail="light"]) body.profile-page .purchase-history-level-name,
html[data-theme="dark"] body.profile-page .purchase-history-level-name {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .purchase-history-stat-label,
html:not([data-vc-rail="light"]) body.profile-page .purchase-history-progress-label,
html[data-theme="dark"] body.profile-page .purchase-history-stat-label,
html[data-theme="dark"] body.profile-page .purchase-history-progress-label {
    color: var(--pf-muted);
}

/* Opportunities */
html:not([data-vc-rail="light"]) body.profile-page .opp-card,
html[data-theme="dark"] body.profile-page .opp-card {
    background: var(--pf-surface);
    border-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .opp-level-title,
html:not([data-vc-rail="light"]) body.profile-page .opp-level-circle-label,
html:not([data-vc-rail="light"]) body.profile-page .opp-level-circle-num,
html:not([data-vc-rail="light"]) body.profile-page .opp-card-header-left span,
html:not([data-vc-rail="light"]) body.profile-page .opp-act-label,
html:not([data-vc-rail="light"]) body.profile-page .opp-act-used,
html:not([data-vc-rail="light"]) body.profile-page .opp-limit-value,
html[data-theme="dark"] body.profile-page .opp-level-title,
html[data-theme="dark"] body.profile-page .opp-level-circle-label,
html[data-theme="dark"] body.profile-page .opp-level-circle-num,
html[data-theme="dark"] body.profile-page .opp-card-header-left span,
html[data-theme="dark"] body.profile-page .opp-act-label,
html[data-theme="dark"] body.profile-page .opp-act-used,
html[data-theme="dark"] body.profile-page .opp-limit-value {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .opp-level-xp-current,
html:not([data-vc-rail="light"]) body.profile-page .opp-level-xp-remaining,
html:not([data-vc-rail="light"]) body.profile-page .opp-act-limit,
html:not([data-vc-rail="light"]) body.profile-page .opp-act-limit-unl,
html:not([data-vc-rail="light"]) body.profile-page .opp-limit-label,
html[data-theme="dark"] body.profile-page .opp-level-xp-current,
html[data-theme="dark"] body.profile-page .opp-level-xp-remaining,
html[data-theme="dark"] body.profile-page .opp-act-limit,
html[data-theme="dark"] body.profile-page .opp-act-limit-unl,
html[data-theme="dark"] body.profile-page .opp-limit-label {
    color: var(--pf-muted);
}

html:not([data-vc-rail="light"]) body.profile-page .opp-level-bar-wrap,
html:not([data-vc-rail="light"]) body.profile-page .opp-act-mini-bar-bg,
html[data-theme="dark"] body.profile-page .opp-level-bar-wrap,
html[data-theme="dark"] body.profile-page .opp-act-mini-bar-bg {
    background: rgba(148, 163, 184, 0.2);
}

html:not([data-vc-rail="light"]) body.profile-page .opp-limit-row,
html[data-theme="dark"] body.profile-page .opp-limit-row {
    border-bottom-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .opp-info-body,
html:not([data-vc-rail="light"]) body.profile-page .opp-info-reset,
html[data-theme="dark"] body.profile-page .opp-info-body,
html[data-theme="dark"] body.profile-page .opp-info-reset {
    color: var(--pf-muted);
}

/* Edit profile (ep- layout) */
html:not([data-vc-rail="light"]) body.profile-page .ep-placeholder-card,
html:not([data-vc-rail="light"]) body.profile-page .ep-card,
html[data-theme="dark"] body.profile-page .ep-placeholder-card,
html[data-theme="dark"] body.profile-page .ep-card {
    background: var(--pf-surface);
    border-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .ep-card-header,
html[data-theme="dark"] body.profile-page .ep-card-header {
    border-bottom-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .ep-placeholder-title,
html:not([data-vc-rail="light"]) body.profile-page .ep-card-header-title,
html:not([data-vc-rail="light"]) body.profile-page .ep-label,
html[data-theme="dark"] body.profile-page .ep-placeholder-title,
html[data-theme="dark"] body.profile-page .ep-card-header-title,
html[data-theme="dark"] body.profile-page .ep-label {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .ep-char-counter,
html:not([data-vc-rail="light"]) body.profile-page .ep-coming-soon span,
html:not([data-vc-rail="light"]) body.profile-page .ep-time-remaining,
html[data-theme="dark"] body.profile-page .ep-char-counter,
html[data-theme="dark"] body.profile-page .ep-coming-soon span,
html[data-theme="dark"] body.profile-page .ep-time-remaining {
    color: var(--pf-muted);
}

html:not([data-vc-rail="light"]) body.profile-page .ep-input,
html:not([data-vc-rail="light"]) body.profile-page .ep-textarea,
html[data-theme="dark"] body.profile-page .ep-input,
html[data-theme="dark"] body.profile-page .ep-textarea {
    background: var(--pf-surface-elevated);
    border-color: var(--pf-border);
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .ep-social-item,
html[data-theme="dark"] body.profile-page .ep-social-item {
    background: var(--pf-surface-elevated);
    border-color: var(--pf-border);
}

/* Empty states & legacy tabs */
html:not([data-vc-rail="light"]) body.profile-page .empty-state,
html[data-theme="dark"] body.profile-page .empty-state {
    color: var(--pf-muted);
}

html:not([data-vc-rail="light"]) body.profile-page .profile-tabs-container,
html[data-theme="dark"] body.profile-page .profile-tabs-container {
    background: var(--pf-surface);
    border-color: var(--pf-border);
}

html:not([data-vc-rail="light"]) body.profile-page .tab:not(.profile-navigation-container .tab),
html[data-theme="dark"] body.profile-page .tab:not(.profile-navigation-container .tab) {
    color: var(--pf-muted);
}

/* Pagination inside profile */
html:not([data-vc-rail="light"]) body.profile-page .pagination a,
html:not([data-vc-rail="light"]) body.profile-page .pagination span,
html:not([data-vc-rail="light"]) body.profile-page .page-btn,
html[data-theme="dark"] body.profile-page .pagination a,
html[data-theme="dark"] body.profile-page .pagination span,
html[data-theme="dark"] body.profile-page .page-btn {
    background: var(--pf-surface-elevated);
    border-color: var(--pf-border);
    color: var(--pf-text);
}

/* Preference modal */
html:not([data-vc-rail="light"]) body.profile-page .preference-modal-content,
html[data-theme="dark"] body.profile-page .preference-modal-content {
    background: var(--pf-surface);
    border: 1px solid var(--pf-border);
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .preference-modal-title,
html[data-theme="dark"] body.profile-page .preference-modal-title {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .preference-modal-search-input,
html[data-theme="dark"] body.profile-page .preference-modal-search-input {
    background: var(--pf-surface-elevated);
    border-color: var(--pf-border);
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .preference-modal-empty,
html[data-theme="dark"] body.profile-page .preference-modal-empty {
    color: var(--pf-muted);
}

/* Admin / restrict modals (section-header) */
html:not([data-vc-rail="light"]) body.profile-page .modal-backdrop .modal,
html[data-theme="dark"] body.profile-page .modal-backdrop .modal {
    background: var(--pf-surface);
    border: 1px solid var(--pf-border);
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .modal-header h3,
html[data-theme="dark"] body.profile-page .modal-header h3 {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .modal-body,
html[data-theme="dark"] body.profile-page .modal-body {
    color: var(--pf-muted);
}

/* Edit preferences header */
html:not([data-vc-rail="light"]) body.profile-page .edit-preferences-cancel-btn,
html[data-theme="dark"] body.profile-page .edit-preferences-cancel-btn {
    background: rgba(148, 163, 184, 0.12);
    color: var(--pf-text);
}

/* Right rail ad slot frame */
html:not([data-vc-rail="light"]) body.profile-page .profile-ad-container,
html[data-theme="dark"] body.profile-page .profile-ad-container {
    border-radius: 0.6vw;
    overflow: hidden;
}

/* profile-overview.css legacy text */
html:not([data-vc-rail="light"]) body.profile-page .profile-overview-container,
html[data-theme="dark"] body.profile-page .profile-overview-container {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .profile-overview-container .stat-label,
html:not([data-vc-rail="light"]) body.profile-page .profile-overview-container .info-label,
html[data-theme="dark"] body.profile-page .profile-overview-container .stat-label,
html[data-theme="dark"] body.profile-page .profile-overview-container .info-label {
    color: var(--pf-muted);
}

html:not([data-vc-rail="light"]) body.profile-page .profile-overview-container .stat-value,
html:not([data-vc-rail="light"]) body.profile-page .profile-overview-container .info-value,
html[data-theme="dark"] body.profile-page .profile-overview-container .stat-value,
html[data-theme="dark"] body.profile-page .profile-overview-container .info-value {
    color: var(--pf-text);
}

/* Achievements — extra text / tooltips / progress */
html:not([data-vc-rail="light"]) body.profile-page .ach-card-tier,
html:not([data-vc-rail="light"]) body.profile-page .ach-card-progress-text,
html:not([data-vc-rail="light"]) body.profile-page .ach-tooltip,
html:not([data-vc-rail="light"]) body.profile-page .ach-tooltip-title,
html[data-theme="dark"] body.profile-page .ach-card-tier,
html[data-theme="dark"] body.profile-page .ach-card-progress-text,
html[data-theme="dark"] body.profile-page .ach-tooltip,
html[data-theme="dark"] body.profile-page .ach-tooltip-title {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .ach-card-progress,
html:not([data-vc-rail="light"]) body.profile-page .ach-card-progress-bar,
html[data-theme="dark"] body.profile-page .ach-card-progress,
html[data-theme="dark"] body.profile-page .ach-card-progress-bar {
    background: rgba(148, 163, 184, 0.2);
}

html:not([data-vc-rail="light"]) body.profile-page .ach-tooltip,
html[data-theme="dark"] body.profile-page .ach-tooltip {
    background: var(--pf-surface-elevated);
    border-color: var(--pf-border);
    box-shadow: 0 0.5vw 1.2vw var(--pf-shadow);
}

/* Settings — panels & toggles */
html:not([data-vc-rail="light"]) body.profile-page .settings-section,
html:not([data-vc-rail="light"]) body.profile-page .settings-card,
html:not([data-vc-rail="light"]) body.profile-page .settings-panel,
html[data-theme="dark"] body.profile-page .settings-section,
html[data-theme="dark"] body.profile-page .settings-card,
html[data-theme="dark"] body.profile-page .settings-panel {
    background: var(--pf-surface);
    border-color: var(--pf-border);
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .settings-description,
html:not([data-vc-rail="light"]) body.profile-page .settings-item-label,
html[data-theme="dark"] body.profile-page .settings-description,
html[data-theme="dark"] body.profile-page .settings-item-label {
    color: var(--pf-muted);
}

html:not([data-vc-rail="light"]) body.profile-page .settings-toggle-track,
html[data-theme="dark"] body.profile-page .settings-toggle-track {
    background: rgba(148, 163, 184, 0.25);
}

/* Contributions — row copy */
html:not([data-vc-rail="light"]) body.profile-page .contrib-row-text,
html:not([data-vc-rail="light"]) body.profile-page .contrib-row-date-line,
html[data-theme="dark"] body.profile-page .contrib-row-text,
html[data-theme="dark"] body.profile-page .contrib-row-date-line {
    color: var(--pf-muted);
}

/* Preferences — labels outside dark media blocks */
html:not([data-vc-rail="light"]) body.profile-page .pref-card-header-label,
html:not([data-vc-rail="light"]) body.profile-page .pref-card-title,
html[data-theme="dark"] body.profile-page .pref-card-header-label,
html[data-theme="dark"] body.profile-page .pref-card-title {
    color: var(--pf-text);
}

html:not([data-vc-rail="light"]) body.profile-page .ach-tooltip-desc,
html:not([data-vc-rail="light"]) body.profile-page .ach-tooltip-stats,
html:not([data-vc-rail="light"]) body.profile-page .ach-tooltip-row,
html[data-theme="dark"] body.profile-page .ach-tooltip-desc,
html[data-theme="dark"] body.profile-page .ach-tooltip-stats,
html[data-theme="dark"] body.profile-page .ach-tooltip-row {
    color: var(--pf-muted);
}