/* ============================================================
   BMR Calculator — bmr-calculator.css
   Load /css/style.css FIRST, then this file
   ============================================================ */

/* ── Unit + Gender Toggles ───────────────────────────────── */
.bmr-toggle-bar { display:flex; background:#f1f5f9; border-radius:10px; padding:3px; gap:3px; margin-bottom:14px; }
.bmr-toggle-btn { flex:1; padding:8px; border-radius:8px; border:none; font-family:'Lexend',sans-serif; font-size:12px; font-weight:600; cursor:pointer; transition:all 0.2s; color:var(--slate-500); background:transparent; }
.bmr-toggle-btn.active { background:var(--navy); color:#fff; }

/* ── Formula Method Tabs ─────────────────────────────────── */
.bmr-tabs { display:flex; background:#f1f5f9; border-radius:12px; padding:4px; gap:3px; margin-bottom:14px; }
.bmr-tab { flex:1; padding:8px 6px; border-radius:9px; border:none; font-family:'Lexend',sans-serif; font-size:11px; font-weight:600; cursor:pointer; transition:all 0.2s; color:var(--slate-500); background:transparent; text-align:center; }
.bmr-tab.active { background:var(--navy); color:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.12); }
.bmr-tab:hover:not(.active) { color:var(--navy); }

/* ── Body Fat Field (Katch-McArdle only) ─────────────────── */
.bmr-bf-row { display:none; }
.bmr-bf-row.show { display:block; }

/* ── Result Area ─────────────────────────────────────────── */
#bmr-result-area { display:none; margin-top:20px; }
#bmr-result-area.show { display:block; animation:fadeInUp 0.45s ease forwards; }

/* ── Primary BMR Display ─────────────────────────────────── */
.bmr-primary-box { background:linear-gradient(135deg,var(--navy) 0%,#2d4f7f 100%); border-radius:16px; padding:20px; margin-bottom:14px; text-align:center; }
.bmr-primary-val { font-family:'Lexend',sans-serif; font-weight:900; font-size:52px; color:#fff; line-height:1; margin-bottom:4px; }
.bmr-primary-unit { font-family:'Inter',sans-serif; font-size:13px; color:rgba(255,255,255,0.7); margin-bottom:8px; }
.bmr-method-note { font-family:'Courier New',monospace; font-size:11px; color:rgba(255,255,255,0.6); background:rgba(0,0,0,0.2); border-radius:8px; padding:6px 12px; display:inline-block; }

/* ── 3-Formula Comparison Cards ──────────────────────────── */
.bmr-compare-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px; }
.bmr-compare-card { background:var(--slate-50); border:1px solid var(--slate-200); border-radius:12px; padding:12px; text-align:center; transition:all 0.3s; }
.bmr-compare-card.is-selected { background:#eff6ff; border-color:#93c5fd; }
.bmr-compare-name { font-family:'Inter',sans-serif; font-size:10px; color:var(--slate-400); text-transform:uppercase; letter-spacing:0.05em; margin-bottom:4px; }
.bmr-compare-val { font-family:'Lexend',sans-serif; font-weight:800; font-size:18px; color:var(--navy); line-height:1; }
.bmr-compare-unit { font-family:'Inter',sans-serif; font-size:9px; color:var(--slate-400); margin-top:2px; }

/* ── TDEE Bridge Panel ────────────────────────────────────── */
.bmr-tdee-panel { background:#f0fdf4; border:1px solid #86efac; border-radius:12px; padding:14px 16px; margin-bottom:12px; }
.bmr-tdee-title { font-family:'Lexend',sans-serif; font-weight:700; color:#15803d; font-size:13px; margin-bottom:10px; display:flex; align-items:center; gap:6px; }
.bmr-tdee-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.bmr-tdee-card { background:rgba(255,255,255,0.7); border-radius:10px; padding:9px; text-align:center; }
.bmr-tdee-card.is-active { background:#dcfce7; border:1.5px solid #4ade80; }
.bmr-tdee-val { font-family:'Lexend',sans-serif; font-weight:800; font-size:15px; color:#15803d; }
.bmr-tdee-label { font-family:'Inter',sans-serif; font-size:9px; color:#166534; text-transform:uppercase; }

/* ── Calorie Goal Cards ───────────────────────────────────── */
.bmr-goal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px; }
.bmr-goal-card { border-radius:12px; padding:12px; text-align:center; border:1.5px solid; }
.bmr-goal-lose { background:#fff1f2; border-color:#fca5a5; }
.bmr-goal-lose .bmr-goal-val { color:#be123c; }
.bmr-goal-maintain { background:#eff6ff; border-color:#93c5fd; }
.bmr-goal-maintain .bmr-goal-val { color:#1e40af; }
.bmr-goal-gain { background:#f0fdf4; border-color:#86efac; }
.bmr-goal-gain .bmr-goal-val { color:#15803d; }
.bmr-goal-label { font-family:'Inter',sans-serif; font-size:10px; color:var(--slate-500); text-transform:uppercase; letter-spacing:0.04em; margin-bottom:4px; }
.bmr-goal-val { font-family:'Lexend',sans-serif; font-weight:800; font-size:18px; line-height:1; }
.bmr-goal-unit { font-family:'Inter',sans-serif; font-size:9px; color:var(--slate-400); margin-top:2px; }

/* ── Mode Panel ──────────────────────────────────────────── */
.bmr-panel { display:none; }
.bmr-panel.active { display:block; animation:fadeInUp 0.3s ease; }

/* ── Formula Box ─────────────────────────────────────────── */
.bmr-formula-box { background:var(--slate-800); border-radius:12px; padding:16px 18px; margin-bottom:20px; }
.bmr-formula-label { color:var(--slate-400); font-size:11px; font-family:'Inter',sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:0.06em; margin-bottom:6px; }
.bmr-formula-eq { font-family:'Courier New',monospace; font-size:12px; line-height:2; }
.bf-green  { color:#4ade80; }
.bf-white  { color:#e2e8f0; }
.bf-yellow { color:#facc15; }
.bf-blue   { color:#93c5fd; }
.bf-gray   { color:#64748b; }

/* ── Reference Table ─────────────────────────────────────── */
.bmr-ref-table { width:100%; border-collapse:collapse; border-radius:12px; overflow:hidden; border:1px solid var(--slate-200); margin-bottom:24px; }
.bmr-ref-table thead tr { background:var(--navy); }
.bmr-ref-table th { text-align:left; padding:10px 12px; font-family:'Lexend',sans-serif; font-weight:600; font-size:11px; color:#fff; }
.bmr-ref-table td { padding:9px 12px; font-family:'Inter',sans-serif; font-size:12px; color:var(--slate-600); border-bottom:1px solid var(--slate-100); }
.bmr-ref-table tbody tr:nth-child(even) { background:var(--slate-50); }
.bmr-ref-table tbody tr:hover { background:#eff6ff; }
.bmr-ref-table tbody tr:last-child td { border-bottom:none; }
.bmr-activity-name { font-weight:600; color:var(--navy); }

/* ── Tips Grid ───────────────────────────────────────────── */
.tips-grid-bmr { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:24px; }
.tip-bmr { background:#fff; border:1px solid var(--slate-200); border-radius:12px; padding:16px; }
.tip-icon-bmr { font-size:22px; margin-bottom:8px; }
.tip-title-bmr { font-family:'Lexend',sans-serif; font-weight:600; color:var(--navy); font-size:14px; margin-bottom:6px; }
.tip-body-bmr { font-family:'Inter',sans-serif; font-size:12px; color:var(--slate-600); line-height:1.6; }

/* ── Highlight Box ───────────────────────────────────────── */
.hl-box-bmr { background:linear-gradient(135deg,#fff5f5 0%,#fef2f2 100%); border-left:4px solid var(--vitred); border-radius:0 12px 12px 0; padding:16px 18px; margin-bottom:24px; }
.hl-box-bmr p { font-size:13px; margin-bottom:0; }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width:768px) {
  .bmr-compare-grid { grid-template-columns:1fr; }
  .bmr-tdee-grid { grid-template-columns:1fr 1fr; }
  .bmr-goal-grid { grid-template-columns:1fr; }
  .tips-grid-bmr { grid-template-columns:1fr; }
  .bmr-tabs { gap:2px; }
  .bmr-tab { font-size:10px; padding:7px 4px; }
  .bmr-primary-val { font-size:38px; }
}
@media print {
  .bmr-tabs,.bmr-toggle-bar,.share-row,.sidebar-card,.calc-btn { display:none !important; }
}