/**
 * BMI Calculator Tool Specific Styling
 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
.bmi-calc{font-family:'Inter',sans-serif;color:#0f172a;max-width:520px;margin:0 auto;padding:24px}
.bmi-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06);padding:32px;display:flex;flex-direction:column;gap:24px}
[data-theme="dark"] .bmi-card{background:#1e293b;box-shadow:0 1px 3px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.2)}
[data-theme="dark"] .bmi-calc{color:#e2e8f0}
.bmi-section{display:flex;flex-direction:column;gap:6px}
.bmi-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b}
[data-theme="dark"] .bmi-label{color:#94a3b8}
.bmi-toggle-row{display:flex;gap:0;border:2px solid #e2e8f0;border-radius:10px;overflow:hidden}
[data-theme="dark"] .bmi-toggle-row{border-color:#334155}
.bmi-toggle-btn{flex:1;height:42px;border:none;background:transparent;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}
.bmi-toggle-btn.active{background:#4f46e5;color:#fff}
[data-theme="dark"] .bmi-toggle-btn{color:#94a3b8}
[data-theme="dark"] .bmi-toggle-btn.active{background:#818cf8;color:#fff}
.bmi-inputs-row{display:flex;gap:12px}
.bmi-field{flex:1;display:flex;flex-direction:column;gap:6px}
.bmi-field-sm{display:flex;flex-direction:column;gap:6px;width:80px;flex-shrink:0}
.bmi-wrap{position:relative;display:flex;align-items:center}
.bmi-wrap .sfx{position:absolute;top:50%;transform:translateY(-50%);right:14px;font-size:13px;font-weight:600;color:#94a3b8;pointer-events:none}
.bmi-input{width:100%;height:52px;border:2px solid #e2e8f0;border-radius:12px;padding:0 14px;font-family:'Inter',sans-serif;font-size:16px;font-weight:500;color:#0f172a;background:transparent;outline:none;transition:border-color .2s,box-shadow .2s}
.bmi-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.12)}
[data-theme="dark"] .bmi-input{color:#e2e8f0;border-color:#334155}
[data-theme="dark"] .bmi-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px rgba(129,140,248,.15)}
.bmi-input.has-sfx{padding-right:36px}
.bmi-err{font-size:12px;color:#ef4444;min-height:18px;margin-top:2px}
.bmi-btn{width:100%;height:52px;border:none;border-radius:12px;background:#4f46e5;color:#fff;font-family:'Inter',sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}
.bmi-btn:hover{background:#4338ca}
.bmi-btn:active{transform:scale(.98)}
[data-theme="dark"] .bmi-btn{background:#818cf8}
[data-theme="dark"] .bmi-btn:hover{background:#6366f1}
.bmi-result{border-radius:14px;padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;transition:background .3s,border-color .3s}
.bmi-result[data-state="idle"]{background:#f8fafc;border:2px solid #e2e8f0}
[data-theme="dark"] .bmi-result[data-state="idle"]{background:rgba(255,255,255,.03);border-color:#334155}
.bmi-result[data-state="under"]{background:#eff6ff;border:2px solid #bfdbfe}
[data-theme="dark"] .bmi-result[data-state="under"]{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.25)}
.bmi-result[data-state="normal"]{background:#f0fdf4;border:2px solid #bbf7d0}
[data-theme="dark"] .bmi-result[data-state="normal"]{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.25)}
.bmi-result[data-state="over"]{background:#fffbeb;border:2px solid #fde68a}
[data-theme="dark"] .bmi-result[data-state="over"]{background:rgba(234,179,8,.08);border-color:rgba(234,179,8,.25)}
.bmi-result[data-state="obese"]{background:#fef2f2;border:2px solid #fecaca}
[data-theme="dark"] .bmi-result[data-state="obese"]{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.25)}
.bmi-number{font-size:48px;font-weight:800;letter-spacing:-.03em;line-height:1}
.bmi-result[data-state="under"] .bmi-number{color:#3b82f6}
.bmi-result[data-state="normal"] .bmi-number{color:#16a34a}
.bmi-result[data-state="over"] .bmi-number{color:#d97706}
.bmi-result[data-state="obese"] .bmi-number{color:#dc2626}
.bmi-category{font-size:16px;font-weight:600}
.bmi-result[data-state="under"] .bmi-category{color:#3b82f6}
.bmi-result[data-state="normal"] .bmi-category{color:#16a34a}
.bmi-result[data-state="over"] .bmi-category{color:#d97706}
.bmi-result[data-state="obese"] .bmi-category{color:#dc2626}
.bmi-result[data-state="idle"] .bmi-number,.bmi-result[data-state="idle"] .bmi-category{color:#94a3b8}
.bmi-scale{display:flex;width:100%;height:8px;border-radius:4px;overflow:hidden;margin-top:8px}
.bmi-scale div{flex:1;transition:opacity .3s}
.bmi-scale .s-under{background:#3b82f6}
.bmi-scale .s-normal{background:#16a34a}
.bmi-scale .s-over{background:#d97706}
.bmi-scale .s-obese{background:#dc2626}
.bmi-formula{background:#f8fafc;border-radius:10px;padding:14px 18px;font-size:13px;color:#64748b;text-align:center;line-height:1.6}
[data-theme="dark"] .bmi-formula{background:rgba(255,255,255,.04);color:#94a3b8}
.bmi-formula code{font-weight:600;color:#4f46e5}
[data-theme="dark"] .bmi-formula code{color:#818cf8}
@media(max-width:480px){
.bmi-inputs-row{flex-direction:column}
.bmi-field-sm{width:100%;flex-direction:row;gap:12px}
.bmi-field-sm .bmi-wrap{flex:1}
.bmi-number{font-size:40px}
}