/* ═══════════════════════════════════════════════════════════
   COACHR — Light mode overrides
   Base.css handles the dark default — this file only adjusts light mode
   ═══════════════════════════════════════════════════════════ */

/* Light mode role badges */
html.light .role-admin  { background: rgba(207,34,46,0.08);  color: #cf222e; border-color: rgba(207,34,46,0.15); }
html.light .role-coach  { background: rgba(99,102,241,0.08); color: #6366f1; border-color: rgba(99,102,241,0.15); }
html.light .role-client { background: rgba(31,136,61,0.08);  color: #1f883d; border-color: rgba(31,136,61,0.15); }

/* Light mode sync badges */
html.light .sync-ok      { background: rgba(31,136,61,0.08);   color: #1f883d; border-color: rgba(31,136,61,0.15); }
html.light .sync-pending { background: rgba(99,102,241,0.08);  color: #6366f1; border-color: rgba(99,102,241,0.15); }
html.light .sync-err     { background: rgba(207,34,46,0.08);   color: #cf222e; border-color: rgba(207,34,46,0.15); }

/* Light mode dots */
html.light .dot-green { background: #1f883d; }
html.light .dot-blue  { background: #6366f1; }
html.light .dot-accent{ background: #4f46e5; }

/* Light mode day strip */
html.light .day-slider {
  background: #fff;
  border-color: var(--border-2);
}

/* Light mode auth card */
html.light .auth-card {
  background: #fff;
  border-color: var(--border);
}

/* Light mode exercise card done */
html.light .ex-card.done { border-left-color: #1f883d; }
html.light .ex-card.done .ex-name { color: #1f883d; }

/* Light mode set input filled */
html.light .set-input.filled {
  border-color: rgba(31,136,61,0.3);
  color: #1f883d;
}

/* Light mode focus input filled */
html.light .focus-in:not(:placeholder-shown) { color: #6366f1; }

/* Light mode expanded toggle */
html.light .ex-card.expanded .ex-toggle {
  background: #6366f1;
  border-color: #6366f1;
  color: #fff;
}

/* Light mode active pills */
html.light .session-pill.active { background: #6366f1; border-color: #6366f1; color: #fff; }
html.light .client-chip.active  { background: #6366f1; border-color: #6366f1; color: #fff; }
html.light .btn-accent { background: #6366f1; border-color: #6366f1; color: #fff; }
html.light .btn-accent:hover { background: #4f46e5; border-color: #4f46e5; }
html.light .btn-blue { background: #6366f1; border-color: #6366f1; color: #fff; }
html.light .btn-blue:hover { background: #4f46e5; }

/* Light mode muscle bars */
html.light .muscle-bar-fill { background: #6366f1 !important; }
html.light .muscle-bar-count { color: #6366f1 !important; }

/* Light mode selected count */
html.light .selected-count { background: #6366f1; color: #fff; }

/* Light mode quota */
html.light .quota-ok   { background: #1f883d; }
html.light .quota-warn { background: #6366f1; }
html.light .quota-full { background: #cf222e; }

/* Light mode scrollbar */
html.light ::-webkit-scrollbar-thumb { background: var(--border-2); }
html.light ::-webkit-scrollbar-thumb:hover { background: var(--ink-4); }

/* Light mode toast */
html.light .toast { background: #fff; border-color: var(--border); color: var(--ink); }

/* Light mode invite badges */
html.light .invite-used-badge { background: rgba(31,136,61,0.08); color: #1f883d; }
html.light .invite-pending     { background: rgba(99,102,241,0.08); color: #6366f1; }

/* Light mode cat badge */
html.light .cat-badge { background: var(--surface-2); color: var(--ink-3); border-color: var(--border); }

/* Light mode selected exo tag */
html.light .selected-exo-tag { background: var(--surface-2); color: var(--ink-2); border-color: var(--border); }

/* Light mode bottom nav & plus sheet */
html.light .bottom-nav { background: var(--bg); border-top-color: var(--border); }
html.light .bnav-tab { color: var(--ink-3); }
html.light .bnav-tab.active { color: #6366f1; }
html.light .plus-sheet { background: #fff; border-color: var(--border); }
html.light .plus-sheet-item { color: var(--ink); }
html.light .plus-sheet-danger { color: #cf222e; }