/* Dieta BMI Calculator — v1.2.0 */
.dbmi-wrap{padding:0 12px;max-width:880px;margin:0 auto;}
.dbmi-title{margin:8px 0 4px;font-weight:800;}
.dbmi-intro{color:#475569}
.dbmi-form{margin-top:10px}
.dbmi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.dbmi-field{display:flex;flex-direction:column;gap:6px;background:#f7f9fc;border:1px solid #e7eef7;border-radius:12px;padding:10px}
/* Inline value+unit */
.dbmi-inline{display:grid;grid-template-columns:1.8fr 1fr;gap:8px;align-items:center}
.dbmi-field input{width:100%;padding:12px;border:1px solid #dbe4f0;border-radius:10px;background:#fff;font-size:16px;}
.dbmi-field select{width:100%;padding:12px;border:1px solid #dbe4f0;border-radius:10px;background:#fff;font-size:16px;-webkit-appearance:none;appearance:none;text-align:center;line-height:1.2;min-width:100px}
.dbmi-field select option{font-size:16px}
/* Buttons */
.dbmi-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.dbmi-btn{background:#2563eb;color:#fff;border:none;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer;flex:1 1 180px;text-align:center}
.dbmi-ghost{background:#eef2f7;color:#0f172a;border:1px solid #dbe1ea}
/* Results */
.dbmi-results{margin-top:16px}
.dbmi-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.dbmi-card{background:#fff;border:1px solid #e5eaf3;border-radius:14px;padding:12px;box-shadow:0 2px 6px rgba(16,24,40,.06)}
.dbmi-card-title{font-weight:700;color:#334155}
.dbmi-card-value{font-size:1.8rem;font-weight:800;margin-top:4px}
.dbmi-chip{display:inline-block;margin-top:6px;padding:8px 12px;border-radius:9999px;border:1px solid #e6edf7;font-weight:700}
.dbmi-ideal{margin-top:8px;color:#334155;font-weight:600}
/* Tips card spans full width on desktop */
.dbmi-tips-card{grid-column:1/-1}
.dbmi-tips{list-style:none;margin:6px 0 0;padding:0}
.dbmi-tips li{display:flex;gap:8px;align-items:flex-start;margin:6px 0}
.dbmi-tips .tip-badge{padding:4px 10px;border-radius:10px;font-weight:700;font-size:.9rem}
/* colored chips */
.chip{display:inline-block;padding:6px 10px;border-radius:9999px;font-weight:700;border:1px solid transparent}
.chip-blue{background:#e8f2ff;color:#0b5bd7;border-color:#cfe2ff}
.chip-green{background:#eaf9ef;color:#17623c;border-color:#c9efda}
.chip-amber{background:#fff6e5;color:#7a4d07;border-color:#ffe2b8}
.chip-red{background:#ffefef;color:#7a0b0b;border-color:#ffd1d1}
/* dynamic chip classes for result chip */
.dbmi-ok{background:#eaf9ef;color:#17623c;border-color:#c9efda}
.dbmi-warn{background:#fff6e5;color:#7a4d07;border-color:#ffe2b8}
.dbmi-bad{background:#ffefef;color:#7a0b0b;border-color:#ffd1d1}
.dbmi-info{background:#e8f2ff;color:#0b5bd7;border-color:#cfe2ff}
/* WHO scale */
.dbmi-scale{list-style:none;margin:6px 0 0;padding:0}
.dbmi-scale li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed #eff3f8}
.dbmi-scale li:last-child{border-bottom:none}
@media(max-width:640px){
  .dbmi-grid{grid-template-columns:1fr;gap:10px}
  .dbmi-cards{grid-template-columns:1fr}
  .dbmi-btn{flex:1 1 100%}
  .dbmi-field select{min-width:110px}
}