/* ===== BMI RESULT — Glassmorphism Redesign ===== */
.bmi-results-panel { display:none; }
.bmi-results-panel.show { display:block; animation:fadeInUp 0.45s ease; }

/* --- Big Value Hero --- */
.bmi-hero-value { text-align:center; margin-bottom:1.75rem; position:relative; }
.bmi-hero-number { font-size:4.5rem; font-weight:900; line-height:1; letter-spacing:-0.03em; transition:color 0.5s; position:relative; display:inline-block; }
.bmi-hero-number::after { content:""; position:absolute; inset:-10px -20px; border-radius:50%; opacity:0.12; z-index:-1; filter:blur(30px); }
.bmi-hero-label { font-size:1.25rem; font-weight:700; margin-top:0.25rem; transition:color 0.5s; letter-spacing:0.02em; }
.bmi-hero-sub { font-size:0.85rem; color:var(--text-tertiary); margin-top:0.15rem; font-weight:500; }

/* --- Gauge --- */
.bmi-gauge-wrap { margin:0 auto 1.75rem; max-width:380px; }
.bmi-gauge { position:relative; width:100%; }
.bmi-gauge-bar { height:14px; border-radius:100px; background:linear-gradient(90deg,#2196F3 0%,#2196F3 18.5%,#4CAF50 18.5%,#4CAF50 25%,#FFC107 25%,#FFC107 30%,#FF9800 30%,#FF9800 35%,#F44336 35%,#F44336 100%); overflow:hidden; position:relative; box-shadow:inset 0 1px 4px rgba(0,0,0,0.1),0 2px 8px rgba(0,0,0,0.04); border:1.5px solid var(--border-glass); }
[data-theme="dark"] .bmi-gauge-bar { box-shadow:inset 0 1px 4px rgba(0,0,0,0.5),0 2px 8px rgba(0,0,0,0.25); }
.bmi-gauge-needle { position:absolute; top:-7px; bottom:-7px; width:5px; background:var(--text); border-radius:3px; transition:left 0.7s cubic-bezier(0.16,1,0.3,1); z-index:2; box-shadow:0 0 10px rgba(0,0,0,0.3),0 0 20px var(--accent-glow); }
.bmi-gauge-dot { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:12px; height:12px; background:var(--text); border-radius:50%; z-index:3; box-shadow:0 0 8px var(--accent-glow); transition:left 0.7s cubic-bezier(0.16,1,0.3,1); }
.bmi-gauge-labels { display:flex; justify-content:space-between; font-size:0.65rem; color:var(--text-tertiary); margin-top:6px; font-weight:600; padding:0 2px; }

/* --- Metrics Grid (Glass Cards) --- */
.bmi-metrics-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:1rem; }
.bmi-metric-card { text-align:center; padding:18px 10px; background:var(--bg-glass); border:1px solid var(--border-glass); border-radius:var(--radius); transition:all 0.25s; position:relative; overflow:hidden; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.bmi-metric-card:hover { border-color:var(--accent); transform:translateY(-2px); box-shadow:0 6px 20px var(--accent-glow); }
.bmi-metric-icon { font-size:1.3rem; margin-bottom:6px; opacity:0.7; }
.bmi-metric-card .result-value { font-size:1.35rem; font-weight:700; color:var(--accent); }
.bmi-metric-card .result-label { font-size:0.72rem; color:var(--text-tertiary); margin-top:3px; font-weight:500; text-transform:uppercase; letter-spacing:0.04em; }

/* --- Risk Cards --- */
.bmi-risk-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:0.75rem; }
.bmi-risk-card { padding:1rem 1.1rem; background:var(--bg-glass); border:1px solid var(--border-glass); border-radius:var(--radius); transition:all 0.25s; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); position:relative; overflow:hidden; }
.bmi-risk-card::before { content:""; position:absolute; left:0; top:12px; bottom:12px; width:3px; border-radius:0 3px 3px 0; }
.bmi-risk-card.risk-warn::before { background:#FF9800; }
.bmi-risk-card.risk-good::before { background:#4CAF50; }
.bmi-risk-card.risk-danger::before { background:#F44336; }
.bmi-risk-card h4 { font-size:0.78rem; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; color:var(--text-secondary); margin-bottom:0.4rem; display:flex; align-items:center; gap:6px; }
.bmi-risk-card p { font-size:0.85rem; color:var(--text-secondary); line-height:1.5; margin:0; }

/* --- Navy Results --- */
.bmi-navy-results { display:none; margin-bottom:1rem; }
.bmi-navy-results.show { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.bmi-navy-results .bmi-metric-card { animation:fadeInUp 0.3s ease both; }

.bmi-navy-inputs { display:none; margin-top:0.75rem; }
.bmi-navy-inputs.show { display:block; }

/* --- Sex Buttons --- */
.option-group-sex { gap:6px; }
.option-btn-male, .option-btn-female { transition:all 0.2s; }
.option-btn-male { border-color:rgba(33,150,243,0.3); }
.option-btn-male:hover { border-color:#2196F3; color:#2196F3; background:rgba(33,150,243,0.06); }
.option-btn-male.active { background:linear-gradient(135deg,#2196F3,#1976D2); border-color:#2196F3; color:#fff; box-shadow:0 4px 16px rgba(33,150,243,0.35); }
.option-btn-female { border-color:rgba(233,30,99,0.3); }
.option-btn-female:hover { border-color:#E91E63; color:#E91E63; background:rgba(233,30,99,0.06); }
.option-btn-female.active { background:linear-gradient(135deg,#E91E63,#C2185B); border-color:#E91E63; color:#fff; box-shadow:0 4px 16px rgba(233,30,99,0.35); }

/* --- Navy Toggle Card --- */
.navy-toggle-card { background:var(--bg-glass); border:1px solid var(--border-glass); border-radius:var(--radius); padding:0; margin-bottom:0.5rem; transition:all 0.25s; overflow:hidden; }
.navy-toggle-card:has(.navy-toggle-input:checked) { border-color:var(--accent-2); box-shadow:0 0 0 2px var(--accent-2-glow); }
.navy-toggle-card:has(.navy-toggle-input:checked) { background:rgba(124,92,252,0.04); }
[data-theme="dark"] .navy-toggle-card:has(.navy-toggle-input:checked) { background:rgba(124,92,252,0.08); }
.navy-toggle-label { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; cursor:pointer; user-select:none; }
.navy-toggle-left { display:flex; align-items:center; gap:12px; min-width:0; }
.navy-toggle-icon { font-size:1.5rem; flex-shrink:0; transition:transform 0.25s; }
.navy-toggle-card:has(.navy-toggle-input:checked) .navy-toggle-icon { transform:scale(1.1); }
.navy-toggle-text { display:flex; flex-direction:column; gap:2px; min-width:0; }
.navy-toggle-title { font-size:0.9rem; font-weight:700; color:var(--text); line-height:1.2; }
.navy-toggle-desc { font-size:0.75rem; color:var(--text-tertiary); line-height:1.2; }
.navy-toggle-switch { flex-shrink:0; position:relative; }
.navy-toggle-input { position:absolute; opacity:0; width:0; height:0; }
.navy-toggle-slider { display:block; width:44px; height:26px; background:var(--border); border-radius:100px; position:relative; transition:all 0.25s; cursor:pointer; border:1.5px solid var(--border-glass); }
.navy-toggle-slider::after { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; background:#fff; border-radius:50%; transition:all 0.25s; box-shadow:0 1px 4px rgba(0,0,0,0.15); }
.navy-toggle-input:checked+.navy-toggle-slider { background:var(--accent-2); border-color:var(--accent-2); }
.navy-toggle-input:checked+.navy-toggle-slider::after { left:21px; }

@media (max-width:768px) { .bmi-metrics-grid { grid-template-columns:repeat(2,1fr); } .bmi-risk-grid { grid-template-columns:1fr; } .bmi-hero-number { font-size:3.5rem; } .bmi-navy-results.show { grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px) { .bmi-metrics-grid { grid-template-columns:1fr; } .bmi-navy-results.show { grid-template-columns:1fr; } }


.checkbox-label { user-select:none; }