/* Profile style fixes: ensure styles 11-20 fully apply in profile + dashboard preview */
.profile-compact .compact-avatar-shell,
.profile-page-compact .compact-avatar-shell,
.dashboard-live-preview .preview-avatar{
  background: linear-gradient(135deg, var(--theme-primary), var(--theme-secondary)) !important;
  box-shadow: 0 16px 40px color-mix(in srgb, var(--theme-primary) 24%, rgba(15,15,30,.18)) !important;
}

.profile-compact.theme-11,
.dashboard-live-preview.theme-11{
  --hero-bg:linear-gradient(180deg,#354050 0%,#4f5d70 100%);
  --hero-text:#fff;
  --hero-text-soft:rgba(255,255,255,.78);
  --hero-orb-1:rgba(255,255,255,.24);
  --hero-orb-2:rgba(217,222,232,.20);
  --stroke-soft:rgba(255,255,255,.22);
  --text-on-theme:#eef2f7;
  --muted-on-theme:rgba(255,255,255,.72);
  --badge-bg:rgba(255,255,255,.14);
  --badge-text:#f7f9fc;
  --code-bg:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.10));
  --code-text:#ffffff;
  --action-primary:linear-gradient(135deg,#7a869a,#d9dee8);
  --action-primary-text:#1f2a37;
  --action-secondary:rgba(255,255,255,.12);
  --action-secondary-text:#ffffff;
  --orb-1:rgba(122,134,154,.42);
  --orb-2:rgba(217,222,232,.22);
  --accent-glow:rgba(217,222,232,.24);
}
.profile-compact.theme-12,
.dashboard-live-preview.theme-12{
  --hero-bg:linear-gradient(180deg,#7b5b52 0%,#a57769 100%);
  --hero-text:#fff;
  --hero-text-soft:rgba(255,248,244,.82);
  --hero-orb-1:rgba(255,255,255,.22);
  --hero-orb-2:rgba(243,212,203,.20);
  --stroke-soft:rgba(255,255,255,.22);
  --text-on-theme:#fff7f2;
  --muted-on-theme:rgba(255,255,255,.74);
  --badge-bg:rgba(255,255,255,.14);
  --badge-text:#fff8f4;
  --code-bg:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.10));
  --code-text:#ffffff;
  --action-primary:linear-gradient(135deg,#c68b7b,#f3d4cb);
  --action-primary-text:#4c2e26;
  --action-secondary:rgba(255,255,255,.12);
  --action-secondary-text:#ffffff;
  --orb-1:rgba(198,139,123,.36);
  --orb-2:rgba(243,212,203,.22);
  --accent-glow:rgba(243,212,203,.24);
}
.profile-compact.theme-13,
.dashboard-live-preview.theme-13{
  --hero-bg:linear-gradient(180deg,#8d4136 0%,#c85a48 100%);
  --hero-text:#fff;
  --hero-text-soft:rgba(255,245,241,.82);
  --hero-orb-1:rgba(255,255,255,.22);
  --hero-orb-2:rgba(255,194,177,.18);
  --stroke-soft:rgba(255,255,255,.22);
  --text-on-theme:#fff6f3;
  --muted-on-theme:rgba(255,255,255,.74);
  --badge-bg:rgba(255,255,255,.14);
  --badge-text:#fff5f1;
  --code-bg:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.10));
  --code-text:#ffffff;
  --action-primary:linear-gradient(135deg,#ff7e6b,#ffc2b1);
  --action-primary-text:#5c241b;
  --action-secondary:rgba(255,255,255,.12);
  --action-secondary-text:#ffffff;
  --orb-1:rgba(255,126,107,.34);
  --orb-2:rgba(255,194,177,.22);
  --accent-glow:rgba(255,194,177,.22);
}
.profile-compact.theme-14,
.dashboard-live-preview.theme-14{
  --hero-bg:linear-gradient(180deg,#31234f 0%,#5d3fa8 100%);
  --hero-text:#fff;
  --hero-text-soft:rgba(250,247,255,.84);
  --hero-orb-1:rgba(255,255,255,.22);
  --hero-orb-2:rgba(223,207,255,.20);
  --stroke-soft:rgba(255,255,255,.22);
  --text-on-theme:#f7f2ff;
  --muted-on-theme:rgba(255,255,255,.74);
  --badge-bg:rgba(255,255,255,.14);
  --badge-text:#faf7ff;
  --code-bg:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.10));
  --code-text:#ffffff;
  --action-primary:linear-gradient(135deg,#9b75ff,#dfcfff);
  --action-primary-text:#2f2250;
  --action-secondary:rgba(255,255,255,.12);
  --action-secondary-text:#ffffff;
  --orb-1:rgba(155,117,255,.36);
  --orb-2:rgba(223,207,255,.22);
  --accent-glow:rgba(223,207,255,.22);
}
.profile-compact.theme-15,
.dashboard-live-preview.theme-15{
  --hero-bg:linear-gradient(180deg,#103c4a 0%,#166a82 100%);
  --hero-text:#fff;
  --hero-text-soft:rgba(243,252,255,.84);
  --hero-orb-1:rgba(255,255,255,.22);
  --hero-orb-2:rgba(154,216,230,.18);
  --stroke-soft:rgba(255,255,255,.22);
  --text-on-theme:#f1fcfe;
  --muted-on-theme:rgba(255,255,255,.74);
  --badge-bg:rgba(255,255,255,.14);
  --badge-text:#f3fcff;
  --code-bg:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.10));
  --code-text:#ffffff;
  --action-primary:linear-gradient(135deg,#177f9a,#9ad8e6);
  --action-primary-text:#0e3641;
  --action-secondary:rgba(255,255,255,.12);
  --action-secondary-text:#ffffff;
  --orb-1:rgba(23,127,154,.34);
  --orb-2:rgba(154,216,230,.22);
  --accent-glow:rgba(154,216,230,.22);
}
.profile-compact.theme-16,
.dashboard-live-preview.theme-16{
  --hero-bg:linear-gradient(180deg,#6e4120 0%,#b86f3f 100%);
  --hero-text:#fff;
  --hero-text-soft:rgba(255,248,241,.84);
  --hero-orb-1:rgba(255,255,255,.22);
  --hero-orb-2:rgba(255,208,174,.18);
  --stroke-soft:rgba(255,255,255,.22);
  --text-on-theme:#fff9f3;
  --muted-on-theme:rgba(255,255,255,.74);
  --badge-bg:rgba(255,255,255,.14);
  --badge-text:#fff8f1;
  --code-bg:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.10));
  --code-text:#ffffff;
  --action-primary:linear-gradient(135deg,#ef9a63,#ffd0ae);
  --action-primary-text:#573117;
  --action-secondary:rgba(255,255,255,.12);
  --action-secondary-text:#ffffff;
  --orb-1:rgba(239,154,99,.34);
  --orb-2:rgba(255,208,174,.22);
  --accent-glow:rgba(255,208,174,.22);
}
.profile-compact.theme-17,
.dashboard-live-preview.theme-17{
  --hero-bg:linear-gradient(180deg,#473126 0%,#725243 100%);
  --hero-text:#fff;
  --hero-text-soft:rgba(251,248,246,.84);
  --hero-orb-1:rgba(255,255,255,.22);
  --hero-orb-2:rgba(217,183,163,.18);
  --stroke-soft:rgba(255,255,255,.22);
  --text-on-theme:#fbf8f6;
  --muted-on-theme:rgba(255,255,255,.74);
  --badge-bg:rgba(255,255,255,.14);
  --badge-text:#fbf8f6;
  --code-bg:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.10));
  --code-text:#ffffff;
  --action-primary:linear-gradient(135deg,#8f6a58,#d9b7a3);
  --action-primary-text:#35241b;
  --action-secondary:rgba(255,255,255,.12);
  --action-secondary-text:#ffffff;
  --orb-1:rgba(143,106,88,.34);
  --orb-2:rgba(217,183,163,.22);
  --accent-glow:rgba(217,183,163,.22);
}
.profile-compact.theme-18,
.dashboard-live-preview.theme-18{
  --hero-bg:linear-gradient(180deg,#0f4331 0%,#177657 100%);
  --hero-text:#fff;
  --hero-text-soft:rgba(244,253,249,.84);
  --hero-orb-1:rgba(255,255,255,.22);
  --hero-orb-2:rgba(156,231,203,.18);
  --stroke-soft:rgba(255,255,255,.22);
  --text-on-theme:#f4fdf9;
  --muted-on-theme:rgba(255,255,255,.74);
  --badge-bg:rgba(255,255,255,.14);
  --badge-text:#f4fdf9;
  --code-bg:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.10));
  --code-text:#ffffff;
  --action-primary:linear-gradient(135deg,#1f9d74,#9ce7cb);
  --action-primary-text:#0f3c2c;
  --action-secondary:rgba(255,255,255,.12);
  --action-secondary-text:#ffffff;
  --orb-1:rgba(31,157,116,.34);
  --orb-2:rgba(156,231,203,.22);
  --accent-glow:rgba(156,231,203,.22);
}
.profile-compact.theme-19,
.dashboard-live-preview.theme-19{
  --hero-bg:linear-gradient(180deg,#7a3529 0%,#c45441 100%);
  --hero-text:#fff;
  --hero-text-soft:rgba(255,245,241,.84);
  --hero-orb-1:rgba(255,255,255,.22);
  --hero-orb-2:rgba(255,192,167,.18);
  --stroke-soft:rgba(255,255,255,.22);
  --text-on-theme:#fff6f3;
  --muted-on-theme:rgba(255,255,255,.74);
  --badge-bg:rgba(255,255,255,.14);
  --badge-text:#fff5f1;
  --code-bg:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.10));
  --code-text:#ffffff;
  --action-primary:linear-gradient(135deg,#f06f5a,#ffc0a7);
  --action-primary-text:#5b231a;
  --action-secondary:rgba(255,255,255,.12);
  --action-secondary-text:#ffffff;
  --orb-1:rgba(240,111,90,.34);
  --orb-2:rgba(255,192,167,.22);
  --accent-glow:rgba(255,192,167,.22);
}
.profile-compact.theme-20,
.dashboard-live-preview.theme-20{
  --hero-bg:linear-gradient(180deg,#181428 0%,#2d2646 100%);
  --hero-text:#fff;
  --hero-text-soft:rgba(246,245,251,.84);
  --hero-orb-1:rgba(255,255,255,.18);
  --hero-orb-2:rgba(159,150,199,.16);
  --stroke-soft:rgba(255,255,255,.18);
  --text-on-theme:#f6f5fb;
  --muted-on-theme:rgba(255,255,255,.72);
  --badge-bg:rgba(255,255,255,.12);
  --badge-text:#f6f5fb;
  --code-bg:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.08));
  --code-text:#ffffff;
  --action-primary:linear-gradient(135deg,#3d345f,#9f96c7);
  --action-primary-text:#f6f5fb;
  --action-secondary:rgba(255,255,255,.10);
  --action-secondary-text:#ffffff;
  --orb-1:rgba(61,52,95,.40);
  --orb-2:rgba(159,150,199,.18);
  --accent-glow:rgba(159,150,199,.20);
}


/* 2026-04-02 readability patch: prevent white text from disappearing on light cards */
.profile-page-compact{
  --public-card-text:#34284f;
  --public-soft-text:#7a6d95;
  --public-soft-text-2:#9a8fb0;
  --public-soft-bg:rgba(255,255,255,.94);
  --public-soft-border:rgba(77,58,114,.12);
}

.profile-page-compact .coupon-copy-count,
.profile-page-compact .coupon-copy-hint,
.profile-page-compact .social-compact-panel h2,
.profile-page-compact .social-compact-panel h3,
.profile-page-compact .compact-panel .panel-mini-head h2,
.profile-page-compact .compact-panel .panel-mini-head span,
.profile-page-compact .notice-box.small-text,
.profile-page-compact .qr-mini-link,
.profile-page-compact .footer-note,
.profile-page-compact .lang-switcher-title,
.profile-page-compact .lang-switcher-subtitle,
.profile-page-compact .section-soft-title{
  color:var(--public-soft-text) !important;
}

.profile-page-compact .coupon-copy-count{
  background:var(--public-soft-bg) !important;
  border:1px solid var(--public-soft-border) !important;
  box-shadow:0 10px 24px rgba(26,18,48,.08) !important;
}

.profile-page-compact .compact-btn-secondary,
.profile-page-compact .coupon-compact-actions .compact-btn-secondary,
.profile-page-compact .coupon-compact-actions a.compact-btn-secondary,
.profile-page-compact .profile-share-tools .cover-tool:not(.cover-tool-copy):not(.cover-tool-qr),
.profile-page-compact .lang-switcher .lang-btn,
.profile-page-compact .footer-actions .cover-tool:not(.cover-tool-copy):not(.cover-tool-qr){
  background:var(--public-soft-bg) !important;
  color:var(--public-card-text) !important;
  border:1px solid var(--public-soft-border) !important;
  box-shadow:0 10px 24px rgba(26,18,48,.08) !important;
  text-shadow:none !important;
}

.profile-page-compact .compact-btn-secondary:hover,
.profile-page-compact .coupon-compact-actions a.compact-btn-secondary:hover,
.profile-page-compact .profile-share-tools .cover-tool:not(.cover-tool-copy):not(.cover-tool-qr):hover,
.profile-page-compact .lang-switcher .lang-btn:hover{
  color:#2a203f !important;
}

.profile-page-compact .coupon-title,
.profile-page-compact .coupon-copy-hint-text,
.profile-page-compact .compact-stat-box span,
.profile-page-compact .social-compact-panel .muted,
.profile-page-compact .social-compact-panel small,
.profile-page-compact .footer-soft-text,
.profile-page-compact .profile-footer .text-muted{
  color:var(--public-soft-text) !important;
}

.profile-page-compact .coupon-copy-hint{
  border-color:rgba(93,70,131,.12) !important;
}

.profile-page-compact .profile-share-tools .cover-tool.cover-tool-copy,
.profile-page-compact .coupon-compact-actions .compact-btn-primary,
.profile-page-compact .lang-switcher .lang-btn.is-active{
  color:#ffffff !important;
}