/* BPF Universal Theme Engine — Classic red/black + Pro navy/blue */
html[data-bpf-theme="classic"],
html[data-theme="bpf-classic"]{
  color-scheme: dark;
  --bpf-theme-name: "BPF Classic";
  --bpf-bg: #08080A;
  --bpf-bg-2: #0D0D11;
  --bpf-panel: #121218;
  --bpf-panel-2: #1A1B22;
  --bpf-panel-3: #23242D;
  --bpf-border: rgba(255,255,255,.12);
  --bpf-border-strong: rgba(255,255,255,.18);
  --bpf-text: #F8F3EF;
  --bpf-muted: #B9B3B5;
  --bpf-muted-2: #8F878A;
  --bpf-primary: #C41E3A;
  --bpf-primary-2: #E02040;
  --bpf-primary-dark: #9C1730;
  --bpf-primary-soft: rgba(196,30,58,.14);
  --bpf-primary-glow: rgba(196,30,58,.28);
  --bpf-success: #38D47A;
  --bpf-danger: #E05050;
  --bpf-brand: var(--bpf-primary);
  --bpf-brand-2: #B5122E;
  --bpf-brand-dark: var(--bpf-primary-dark);
  --bpf-brand-rose: #E11D48;
  --bpf-brand-hot: var(--bpf-primary-2);
  --bpf-brand-deep: #21050D;
  --bpf-accent: var(--bpf-primary);
  --bpf-accent-soft: #FFE5EA;
  --bg: var(--bpf-bg);
  --s1: var(--bpf-panel);
  --s2: var(--bpf-panel-2);
  --s3: var(--bpf-panel-3);
  --panel: var(--bpf-panel);
  --panel2: var(--bpf-panel-2);
  --card: var(--bpf-panel);
  --card2: var(--bpf-panel-2);
  --bd: var(--bpf-border);
  --bd2: var(--bpf-border-strong);
  --line: var(--bpf-border);
  --wh: var(--bpf-text);
  --white: var(--bpf-text);
  --txt: var(--bpf-text);
  --text: var(--bpf-text);
  --mt: var(--bpf-muted);
  --mt2: var(--bpf-muted-2);
  --muted: var(--bpf-muted);
  --dim: var(--bpf-muted-2);
  --or: var(--bpf-primary);
  --ol: var(--bpf-primary-2);
  --red: var(--bpf-primary);
  --red2: var(--bpf-primary-2);
  --ac: var(--bpf-primary);
  --gld: var(--bpf-primary);
  --og: var(--bpf-primary-glow);
  --od: var(--bpf-primary-soft);
  --gn: var(--bpf-success);
  --re: var(--bpf-danger);
}
:root,
html[data-bpf-theme="pro"],
html[data-theme="bpf-pro"]{
  color-scheme: dark;
  --bpf-theme-name: "BPF Pro";
  --bpf-bg: #061427;
  --bpf-bg-2: #071B34;
  --bpf-panel: #0B1F3A;
  --bpf-panel-2: #102A4D;
  --bpf-panel-3: #153762;
  --bpf-border: rgba(215,227,244,.16);
  --bpf-border-strong: rgba(215,227,244,.24);
  --bpf-text: #F7FBFF;
  --bpf-muted: #D7E3F4;
  --bpf-muted-2: #A9BED8;
  --bpf-primary: #2F8BFF;
  --bpf-primary-2: #62B2FF;
  --bpf-primary-dark: #1766C8;
  --bpf-primary-soft: rgba(47,139,255,.16);
  --bpf-primary-glow: rgba(47,139,255,.30);
  --bpf-success: #38D47A;
  --bpf-danger: #FF6B6B;
  --bpf-brand: var(--bpf-primary);
  --bpf-brand-2: #2277DF;
  --bpf-brand-dark: var(--bpf-primary-dark);
  --bpf-brand-rose: #62B2FF;
  --bpf-brand-hot: var(--bpf-primary-2);
  --bpf-brand-deep: #03101F;
  --bpf-accent: var(--bpf-primary);
  --bpf-accent-soft: #D8ECFF;
  --bg: var(--bpf-bg);
  --s1: var(--bpf-panel);
  --s2: var(--bpf-panel-2);
  --s3: var(--bpf-panel-3);
  --panel: var(--bpf-panel);
  --panel2: var(--bpf-panel-2);
  --card: var(--bpf-panel);
  --card2: var(--bpf-panel-2);
  --bd: var(--bpf-border);
  --bd2: var(--bpf-border-strong);
  --line: var(--bpf-border);
  --wh: var(--bpf-text);
  --white: var(--bpf-text);
  --txt: var(--bpf-text);
  --text: var(--bpf-text);
  --mt: var(--bpf-muted);
  --mt2: var(--bpf-muted-2);
  --muted: var(--bpf-muted);
  --dim: var(--bpf-muted-2);
  --or: var(--bpf-primary);
  --ol: var(--bpf-primary-2);
  --red: var(--bpf-primary);
  --red2: var(--bpf-primary-2);
  --ac: var(--bpf-primary);
  --gld: var(--bpf-primary);
  --og: var(--bpf-primary-glow);
  --od: var(--bpf-primary-soft);
  --gn: var(--bpf-success);
  --re: var(--bpf-danger);
}
html[data-bpf-theme] body{
  background-color: var(--bpf-bg) !important;
  color: var(--bpf-text) !important;
}
html[data-bpf-theme] body::before{
  background:
    radial-gradient(ellipse 65% 40% at 95% 0%, var(--bpf-primary-soft) 0%, transparent 60%),
    radial-gradient(ellipse 38% 28% at 4% 92%, var(--bpf-primary-soft) 0%, transparent 58%) !important;
}
html[data-bpf-theme] .topbar,
html[data-bpf-theme] header,
html[data-bpf-theme] .site-header,
html[data-bpf-theme] .app-header{
  background-color: color-mix(in srgb, var(--bpf-bg) 92%, transparent) !important;
  border-color: var(--bpf-border) !important;
}
html[data-bpf-theme] .card,
html[data-bpf-theme] .panel,
html[data-bpf-theme] .prog-card,
html[data-bpf-theme] .gen-form-card,
html[data-bpf-theme] .program-result,
html[data-bpf-theme] .macro-result,
html[data-bpf-theme] .meal-plan-result,
html[data-bpf-theme] .ask-box,
html[data-bpf-theme] .setting-row,
html[data-bpf-theme] .app-home-card,
html[data-bpf-theme] .snapshot-summary,
html[data-bpf-theme] .plan-score-card,
html[data-bpf-theme] .photo-card,
html[data-bpf-theme] .chart-wrap,
html[data-bpf-theme] .workout-card,
html[data-bpf-theme] .exercise-card,
html[data-bpf-theme] .section-card{
  background-color: var(--bpf-panel) !important;
  border-color: var(--bpf-border) !important;
  color: var(--bpf-text) !important;
}
html[data-bpf-theme] .eyebrow,
html[data-bpf-theme] .kicker,
html[data-bpf-theme] .page-title .hl,
html[data-bpf-theme] .prog-week-title,
html[data-bpf-theme] .meal-day-title,
html[data-bpf-theme] .form-input:focus,
html[data-bpf-theme] a:not(.btn):not(.btn-or):not(.prog-cta){
  border-color: var(--bpf-primary) !important;
}
html[data-bpf-theme] .eyebrow,
html[data-bpf-theme] .kicker,
html[data-bpf-theme] .page-title .hl,
html[data-bpf-theme] .prog-week-title,
html[data-bpf-theme] .meal-day-title,
html[data-bpf-theme] .empty-cta,
html[data-bpf-theme] .bnav-item.active,
html[data-bpf-theme] .bnav-item[aria-current="page"]{
  color: var(--bpf-primary) !important;
}
html[data-bpf-theme] .btn-or,
html[data-bpf-theme] .lead-btn,
html[data-bpf-theme] .prog-cta,
html[data-bpf-theme] .push-btn,
html[data-bpf-theme] .primary,
html[data-bpf-theme] .red,
html[data-bpf-theme] .cta.primary,
html[data-bpf-theme] .bpf-bottom-primary,
html[data-bpf-theme] .start-btn,
html[data-bpf-theme] .finish-btn,
html[data-bpf-theme] button.primary,
html[data-bpf-theme] input[type="submit"],
html[data-bpf-theme] input[type="button"]{
  background: linear-gradient(180deg, var(--bpf-primary-2), var(--bpf-primary)) !important;
  border-color: var(--bpf-primary) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.22) !important;
  box-shadow: 0 12px 28px var(--bpf-primary-glow) !important;
}
html[data-bpf-theme] .btn-or *,
html[data-bpf-theme] .lead-btn *,
html[data-bpf-theme] .prog-cta *,
html[data-bpf-theme] .primary *,
html[data-bpf-theme] .red *,
html[data-bpf-theme] .bpf-bottom-primary *{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}
html[data-bpf-theme] .btn-ghost,
html[data-bpf-theme] .secondary,
html[data-bpf-theme] .prog-cta.secondary,
html[data-bpf-theme] button.secondary,
html[data-bpf-theme] .cta.secondary{
  background: transparent !important;
  border-color: var(--bpf-border-strong) !important;
  color: var(--bpf-text) !important;
  box-shadow: none !important;
}
html[data-bpf-theme] input,
html[data-bpf-theme] select,
html[data-bpf-theme] textarea,
html[data-bpf-theme] .form-input{
  background: var(--bpf-panel-2) !important;
  border-color: var(--bpf-border-strong) !important;
  color: var(--bpf-text) !important;
}
html[data-bpf-theme] input::placeholder,
html[data-bpf-theme] textarea::placeholder{
  color: var(--bpf-muted-2) !important;
  opacity: 1 !important;
}
html[data-bpf-theme] .form-label,
html[data-bpf-theme] label,
html[data-bpf-theme] .prog-card-desc,
html[data-bpf-theme] .macro-tip,
html[data-bpf-theme] .muted,
html[data-bpf-theme] .desc,
html[data-bpf-theme] .copy,
html[data-bpf-theme] p{
  color: var(--bpf-muted) !important;
}
html[data-bpf-theme] h1,
html[data-bpf-theme] h2,
html[data-bpf-theme] h3,
html[data-bpf-theme] h4,
html[data-bpf-theme] .page-title,
html[data-bpf-theme] .prog-card-title,
html[data-bpf-theme] .gen-form-title,
html[data-bpf-theme] .app-home-title{
  color: var(--bpf-text) !important;
}
html[data-bpf-theme] .bot-nav{
  min-height: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
  background: color-mix(in srgb, var(--bpf-bg) 94%, transparent) !important;
  border-top: 1px solid var(--bpf-border-strong) !important;
  box-shadow: 0 -12px 34px rgba(0,0,0,.34) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  backdrop-filter: blur(18px) !important;
}
html[data-bpf-theme] .bnav-item{
  color: var(--bpf-muted) !important;
  min-height: 58px !important;
  padding: 9px 4px 8px !important;
  gap: 4px !important;
}
html[data-bpf-theme] .bnav-item.active::before{
  background: var(--bpf-primary) !important;
}
html[data-bpf-theme] .bnav-icon{
  font-size: 23px !important;
  line-height: 1 !important;
}
html[data-bpf-theme] .bnav-label{
  font-size: 11.5px !important;
  line-height: 1.05 !important;
  letter-spacing: .055em !important;
  font-weight: 900 !important;
  color: currentColor !important;
}
.bpf-theme-switch{
  position: fixed;
  right: max(14px, env(safe-area-inset-right, 0px));
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  z-index: 2147483000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--bpf-border-strong, rgba(255,255,255,.2));
  background: linear-gradient(180deg, var(--bpf-panel-2, #171923), var(--bpf-panel, #111218));
  color: var(--bpf-text, #fff) !important;
  -webkit-text-fill-color: var(--bpf-text, #fff) !important;
  font: 900 12px/1 Barlow, Inter, Arial, sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow: 0 14px 34px rgba(0,0,0,.38);
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.bpf-theme-switch strong{color:#fff;-webkit-text-fill-color:#fff;font-weight:900}
.bpf-theme-switch .bpf-theme-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--bpf-primary, #C41E3A);
  box-shadow: 0 0 0 4px var(--bpf-primary-soft, rgba(196,30,58,.14));
  flex: 0 0 auto;
}
.bpf-theme-switch:focus-visible{
  outline: 3px solid var(--bpf-primary-2, #E02040);
  outline-offset: 3px;
}
body.bpf-has-bottom-nav .bpf-theme-switch{
  bottom: calc(88px + env(safe-area-inset-bottom, 0px));
}
@media(max-width:700px){
  .bpf-theme-switch{right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));min-height:40px;padding:9px 12px;font-size:11px}
  body:not(.bpf-has-bottom-nav) .bpf-theme-switch{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
}
@media(print){.bpf-theme-switch{display:none!important}}

/* ==========================================================================
   BPF Hub Pro Cleanup — navy / blue / white polish without changing hub logic
   ========================================================================== */
:root,
html[data-bpf-theme="pro"],
html[data-theme="bpf-pro"]{
  --bpf-hub-bg:#061427;
  --bpf-hub-bg-2:#071B34;
  --bpf-hub-panel:#0B1F3A;
  --bpf-hub-panel-2:#102A4D;
  --bpf-hub-panel-3:#153762;
  --bpf-hub-border:rgba(98,178,255,.24);
  --bpf-hub-border-strong:rgba(98,178,255,.40);
  --bpf-hub-soft:rgba(47,139,255,.14);
  --bpf-hub-glow:rgba(47,139,255,.22);
  --og2:rgba(47,139,255,.08);
  --red:rgba(255,107,107,.10);
  --bld:rgba(47,139,255,.14);
}
html[data-bpf-theme="pro"] body,
html[data-theme="bpf-pro"] body{
  background:
    radial-gradient(ellipse 80% 48% at 100% 0%, rgba(47,139,255,.16), transparent 62%),
    radial-gradient(ellipse 55% 38% at 0% 100%, rgba(98,178,255,.08), transparent 58%),
    #061427 !important;
  color:#F7FBFF !important;
}
html[data-bpf-theme="pro"] #screen-setup,
html[data-theme="bpf-pro"] #screen-setup{
  background:radial-gradient(ellipse at 50% 0%, rgba(47,139,255,.18) 0%, transparent 60%) !important;
}
html[data-bpf-theme="pro"] .topbar,
html[data-bpf-theme="pro"] .nav,
html[data-theme="bpf-pro"] .topbar,
html[data-theme="bpf-pro"] .nav{
  background:rgba(7,27,52,.96) !important;
  border-color:rgba(98,178,255,.22) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22) !important;
}
html[data-bpf-theme="pro"] .setup-box,
html[data-bpf-theme="pro"] .login-box,
html[data-bpf-theme="pro"] .stat,
html[data-bpf-theme="pro"] .tcc,
html[data-bpf-theme="pro"] .acard,
html[data-bpf-theme="pro"] .uitem,
html[data-bpf-theme="pro"] .act-item,
html[data-bpf-theme="pro"] .client-row,
html[data-bpf-theme="pro"] .settings-card,
html[data-bpf-theme="pro"] .history-item,
html[data-bpf-theme="pro"] .history-section,
html[data-bpf-theme="pro"] .history-hero,
html[data-bpf-theme="pro"] .coach-dash-card,
html[data-bpf-theme="pro"] .empty,
html[data-bpf-theme="pro"] .modal-card,
html[data-bpf-theme="pro"] .modal,
html[data-bpf-theme="pro"] .sheet,
html[data-bpf-theme="pro"] .box,
html[data-bpf-theme="pro"] .card,
html[data-bpf-theme="pro"] .panel,
html[data-theme="bpf-pro"] .setup-box,
html[data-theme="bpf-pro"] .login-box,
html[data-theme="bpf-pro"] .stat,
html[data-theme="bpf-pro"] .tcc,
html[data-theme="bpf-pro"] .acard,
html[data-theme="bpf-pro"] .uitem,
html[data-theme="bpf-pro"] .act-item,
html[data-theme="bpf-pro"] .client-row,
html[data-theme="bpf-pro"] .settings-card,
html[data-theme="bpf-pro"] .history-item,
html[data-theme="bpf-pro"] .history-section,
html[data-theme="bpf-pro"] .history-hero,
html[data-theme="bpf-pro"] .coach-dash-card,
html[data-theme="bpf-pro"] .empty,
html[data-theme="bpf-pro"] .modal-card,
html[data-theme="bpf-pro"] .modal,
html[data-theme="bpf-pro"] .sheet,
html[data-theme="bpf-pro"] .box,
html[data-theme="bpf-pro"] .card,
html[data-theme="bpf-pro"] .panel{
  background:linear-gradient(145deg, rgba(16,42,77,.94), rgba(7,27,52,.88)) !important;
  border-color:rgba(98,178,255,.24) !important;
  color:#F7FBFF !important;
  box-shadow:0 18px 46px rgba(0,0,0,.28) !important;
}
html[data-bpf-theme="pro"] .tcc:hover,
html[data-bpf-theme="pro"] .acard:hover,
html[data-theme="bpf-pro"] .tcc:hover,
html[data-theme="bpf-pro"] .acard:hover{
  border-color:rgba(98,178,255,.58) !important;
  box-shadow:0 14px 34px rgba(47,139,255,.16) !important;
}
html[data-bpf-theme="pro"] .ntab.on,
html[data-bpf-theme="pro"] .sec-title em,
html[data-bpf-theme="pro"] .bn em,
html[data-bpf-theme="pro"] .stat-n.or,
html[data-bpf-theme="pro"] .coach-dash-num.or,
html[data-bpf-theme="pro"] .history-section-title,
html[data-bpf-theme="pro"] .settings-title,
html[data-bpf-theme="pro"] .client-code,
html[data-theme="bpf-pro"] .ntab.on,
html[data-theme="bpf-pro"] .sec-title em,
html[data-theme="bpf-pro"] .bn em,
html[data-theme="bpf-pro"] .stat-n.or,
html[data-theme="bpf-pro"] .coach-dash-num.or,
html[data-theme="bpf-pro"] .history-section-title,
html[data-theme="bpf-pro"] .settings-title,
html[data-theme="bpf-pro"] .client-code{
  color:#62B2FF !important;
  -webkit-text-fill-color:#62B2FF !important;
}
html[data-bpf-theme="pro"] .ntab.on,
html[data-theme="bpf-pro"] .ntab.on{
  border-bottom-color:#62B2FF !important;
}
html[data-bpf-theme="pro"] .ntab:hover:not(.on),
html[data-theme="bpf-pro"] .ntab:hover:not(.on){
  color:#FFFFFF !important;
}
html[data-bpf-theme="pro"] .ntab-builder,
html[data-theme="bpf-pro"] .ntab-builder{
  background:linear-gradient(180deg,#62B2FF,#2F8BFF) !important;
  border-color:#62B2FF !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  box-shadow:0 10px 24px rgba(47,139,255,.22) !important;
}
html[data-bpf-theme="pro"] .nbadge,
html[data-bpf-theme="pro"] .av.active,
html[data-bpf-theme="pro"] .btn-or,
html[data-bpf-theme="pro"] .btn-copy.hot,
html[data-bpf-theme="pro"] .ic-btn.primary,
html[data-bpf-theme="pro"] .primary,
html[data-bpf-theme="pro"] .btn.primary,
html[data-bpf-theme="pro"] button.primary,
html[data-bpf-theme="pro"] a.primary,
html[data-theme="bpf-pro"] .nbadge,
html[data-theme="bpf-pro"] .av.active,
html[data-theme="bpf-pro"] .btn-or,
html[data-theme="bpf-pro"] .btn-copy.hot,
html[data-theme="bpf-pro"] .ic-btn.primary,
html[data-theme="bpf-pro"] .primary,
html[data-theme="bpf-pro"] .btn.primary,
html[data-theme="bpf-pro"] button.primary,
html[data-theme="bpf-pro"] a.primary{
  background:linear-gradient(180deg,#62B2FF,#2F8BFF) !important;
  border-color:#62B2FF !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  box-shadow:0 12px 28px rgba(47,139,255,.24) !important;
}
html[data-bpf-theme="pro"] .btn-or *,
html[data-bpf-theme="pro"] .btn-copy.hot *,
html[data-bpf-theme="pro"] .primary *,
html[data-theme="bpf-pro"] .btn-or *,
html[data-theme="bpf-pro"] .btn-copy.hot *,
html[data-theme="bpf-pro"] .primary *{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}
html[data-bpf-theme="pro"] .btn-copy,
html[data-bpf-theme="pro"] .btn-gh,
html[data-bpf-theme="pro"] .ic-btn,
html[data-bpf-theme="pro"] .secondary,
html[data-bpf-theme="pro"] .btn.secondary,
html[data-bpf-theme="pro"] button.secondary,
html[data-bpf-theme="pro"] a.secondary,
html[data-theme="bpf-pro"] .btn-copy,
html[data-theme="bpf-pro"] .btn-gh,
html[data-theme="bpf-pro"] .ic-btn,
html[data-theme="bpf-pro"] .secondary,
html[data-theme="bpf-pro"] .btn.secondary,
html[data-theme="bpf-pro"] button.secondary,
html[data-theme="bpf-pro"] a.secondary{
  background:rgba(16,42,77,.72) !important;
  border-color:rgba(98,178,255,.30) !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  box-shadow:none !important;
}
html[data-bpf-theme="pro"] .btn-copy:hover,
html[data-bpf-theme="pro"] .btn-gh:hover,
html[data-bpf-theme="pro"] .ic-btn:hover,
html[data-theme="bpf-pro"] .btn-copy:hover,
html[data-theme="bpf-pro"] .btn-gh:hover,
html[data-theme="bpf-pro"] .ic-btn:hover{
  border-color:rgba(98,178,255,.64) !important;
  background:rgba(47,139,255,.18) !important;
}
html[data-bpf-theme="pro"] input,
html[data-bpf-theme="pro"] textarea,
html[data-bpf-theme="pro"] select,
html[data-bpf-theme="pro"] .pin-input,
html[data-bpf-theme="pro"] .fb-ta,
html[data-theme="bpf-pro"] input,
html[data-theme="bpf-pro"] textarea,
html[data-theme="bpf-pro"] select,
html[data-theme="bpf-pro"] .pin-input,
html[data-theme="bpf-pro"] .fb-ta{
  background:#102A4D !important;
  border-color:rgba(98,178,255,.34) !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}
html[data-bpf-theme="pro"] input:focus,
html[data-bpf-theme="pro"] textarea:focus,
html[data-bpf-theme="pro"] select:focus,
html[data-bpf-theme="pro"] .pin-input:focus,
html[data-theme="bpf-pro"] input:focus,
html[data-theme="bpf-pro"] textarea:focus,
html[data-theme="bpf-pro"] select:focus,
html[data-theme="bpf-pro"] .pin-input:focus{
  border-color:#62B2FF !important;
  box-shadow:0 0 0 3px rgba(47,139,255,.20) !important;
  outline:none !important;
}
html[data-bpf-theme="pro"] input::placeholder,
html[data-bpf-theme="pro"] textarea::placeholder,
html[data-theme="bpf-pro"] input::placeholder,
html[data-theme="bpf-pro"] textarea::placeholder{
  color:#A9BED8 !important;
  -webkit-text-fill-color:#A9BED8 !important;
}
html[data-bpf-theme="pro"] .cnote-q,
html[data-theme="bpf-pro"] .cnote-q{
  background:rgba(47,139,255,.10) !important;
  border-left-color:#62B2FF !important;
  color:#F7FBFF !important;
}
html[data-bpf-theme="pro"] .pill,
html[data-bpf-theme="pro"] .badge,
html[data-bpf-theme="pro"] .setup-badge,
html[data-theme="bpf-pro"] .pill,
html[data-theme="bpf-pro"] .badge,
html[data-theme="bpf-pro"] .setup-badge{
  background:rgba(47,139,255,.12) !important;
  border-color:rgba(98,178,255,.34) !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}
html[data-bpf-theme="pro"] .pill.gn,
html[data-bpf-theme="pro"] .badge.active,
html[data-bpf-theme="pro"] .stat-n.gn,
html[data-bpf-theme="pro"] .coach-dash-num.gn,
html[data-theme="bpf-pro"] .pill.gn,
html[data-theme="bpf-pro"] .badge.active,
html[data-theme="bpf-pro"] .stat-n.gn,
html[data-theme="bpf-pro"] .coach-dash-num.gn{
  color:#38D47A !important;
  -webkit-text-fill-color:#38D47A !important;
}
html[data-bpf-theme="pro"] .pill.ye,
html[data-bpf-theme="pro"] .stat-n.ye,
html[data-bpf-theme="pro"] .coach-dash-num.ye,
html[data-theme="bpf-pro"] .pill.ye,
html[data-theme="bpf-pro"] .stat-n.ye,
html[data-theme="bpf-pro"] .coach-dash-num.ye{
  color:#FFE08A !important;
  -webkit-text-fill-color:#FFE08A !important;
}
html[data-bpf-theme="pro"] .pill.re,
html[data-bpf-theme="pro"] .pin-err,
html[data-bpf-theme="pro"] .attention-badge,
html[data-bpf-theme="pro"] .ic-btn.red,
html[data-theme="bpf-pro"] .pill.re,
html[data-theme="bpf-pro"] .pin-err,
html[data-theme="bpf-pro"] .attention-badge,
html[data-theme="bpf-pro"] .ic-btn.red{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  background:rgba(255,107,107,.14) !important;
  border-color:rgba(255,107,107,.32) !important;
}
html[data-bpf-theme="pro"] table,
html[data-theme="bpf-pro"] table{
  border-color:rgba(98,178,255,.24) !important;
}
html[data-bpf-theme="pro"] th,
html[data-theme="bpf-pro"] th{
  background:rgba(47,139,255,.14) !important;
  color:#FFFFFF !important;
}
html[data-bpf-theme="pro"] td,
html[data-theme="bpf-pro"] td{
  border-color:rgba(98,178,255,.18) !important;
}
html[data-bpf-theme="pro"] svg [stroke="#C41E3A"],
html[data-theme="bpf-pro"] svg [stroke="#C41E3A"]{stroke:#62B2FF !important;}
html[data-bpf-theme="pro"] svg [fill="#C41E3A"],
html[data-theme="bpf-pro"] svg [fill="#C41E3A"]{fill:#62B2FF !important;}
html[data-bpf-theme="pro"] svg stop[stop-color="#C41E3A"],
html[data-theme="bpf-pro"] svg stop[stop-color="#C41E3A"]{stop-color:#62B2FF !important;}
html[data-bpf-theme="pro"] [style*="C41E3A" i],
html[data-bpf-theme="pro"] [style*="E02040" i],
html[data-bpf-theme="pro"] [style*="E11D48" i],
html[data-bpf-theme="pro"] [style*="196,30,58"],
html[data-bpf-theme="pro"] [style*="225,29,72"],
html[data-theme="bpf-pro"] [style*="C41E3A" i],
html[data-theme="bpf-pro"] [style*="E02040" i],
html[data-theme="bpf-pro"] [style*="E11D48" i],
html[data-theme="bpf-pro"] [style*="196,30,58"],
html[data-theme="bpf-pro"] [style*="225,29,72"]{
  border-color:rgba(98,178,255,.30) !important;
  box-shadow:none !important;
}
html[data-bpf-theme="pro"] [style*="color:#C41E3A" i],
html[data-bpf-theme="pro"] [style*="color:#E02040" i],
html[data-bpf-theme="pro"] [style*="color:#E11D48" i],
html[data-bpf-theme="pro"] [style*="color:var(--or" i],
html[data-bpf-theme="pro"] [style*="color:var(--bpf-accent" i],
html[data-theme="bpf-pro"] [style*="color:#C41E3A" i],
html[data-theme="bpf-pro"] [style*="color:#E02040" i],
html[data-theme="bpf-pro"] [style*="color:#E11D48" i],
html[data-theme="bpf-pro"] [style*="color:var(--or" i],
html[data-theme="bpf-pro"] [style*="color:var(--bpf-accent" i]{
  color:#62B2FF !important;
  -webkit-text-fill-color:#62B2FF !important;
}
html[data-bpf-theme="pro"] [style*="C9FF00" i],
html[data-bpf-theme="pro"] [style*="201,255,0"],
html[data-theme="bpf-pro"] [style*="C9FF00" i],
html[data-theme="bpf-pro"] [style*="201,255,0"]{
  border-color:rgba(98,178,255,.34) !important;
  color:#62B2FF !important;
  -webkit-text-fill-color:#62B2FF !important;
}
html[data-bpf-theme="pro"] a:not(.btn):not(.btn-or):not(.btn-copy):not(.primary):not(.secondary),
html[data-theme="bpf-pro"] a:not(.btn):not(.btn-or):not(.btn-copy):not(.primary):not(.secondary){
  color:#9ECBFF !important;
}
@media(max-width:760px){
  html[data-bpf-theme="pro"] .content,
  html[data-theme="bpf-pro"] .content{padding-left:14px !important;padding-right:14px !important;padding-bottom:104px !important;}
  html[data-bpf-theme="pro"] .stats,
  html[data-bpf-theme="pro"] .assign-grid,
  html[data-bpf-theme="pro"] .coach-dash-grid,
  html[data-theme="bpf-pro"] .stats,
  html[data-theme="bpf-pro"] .assign-grid,
  html[data-theme="bpf-pro"] .coach-dash-grid{grid-template-columns:1fr !important;}
  html[data-bpf-theme="pro"] .client-row,
  html[data-theme="bpf-pro"] .client-row{align-items:flex-start !important;}
  html[data-bpf-theme="pro"] .client-actions,
  html[data-theme="bpf-pro"] .client-actions{width:100% !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;}
  html[data-bpf-theme="pro"] .client-actions button,
  html[data-theme="bpf-pro"] .client-actions button{width:100% !important;}
}


/* BPF Hub theme button + WhatsApp font correction — 2026-06-28
   Keep the navy/green/red-accent combo; only fix overlap and readability. */
body.bpf-has-theme-switch{
  padding-bottom: calc(118px + env(safe-area-inset-bottom, 0px)) !important;
}
.bpf-theme-switch{
  right: max(22px, env(safe-area-inset-right, 0px)) !important;
  bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important;
  min-height: 40px !important;
  padding: 9px 14px !important;
  border-radius: 999px !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.42), 0 0 0 3px rgba(47,139,255,.26) !important;
}
body.bpf-has-bottom-nav .bpf-theme-switch{
  bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
a[href*="wa.me"],
a[href*="whatsapp" i],
#live-whatsapp-training a[href*="wa.me"],
#live-whatsapp-training a[href*="whatsapp" i]{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  text-shadow:0 1px 0 rgba(0,0,0,.24) !important;
}
a[href*="wa.me"] *,
a[href*="whatsapp" i] *,
#live-whatsapp-training a[href*="wa.me"] *,
#live-whatsapp-training a[href*="whatsapp" i] *{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}
@media(max-width:760px){
  body.bpf-has-theme-switch{padding-bottom:calc(132px + env(safe-area-inset-bottom, 0px)) !important;}
  .bpf-theme-switch{
    right:14px !important;
    bottom:calc(18px + env(safe-area-inset-bottom,0px)) !important;
    min-height:38px !important;
    padding:8px 12px !important;
    font-size:10.5px !important;
  }
  body.bpf-has-bottom-nav .bpf-theme-switch{bottom:calc(92px + env(safe-area-inset-bottom,0px)) !important;}
}