/* bmi — tool-specific styles
   只放这个工具独有的东西。公共外观（toolbox / field / alert / chip）
   已经在全局样式表里。

   ★ 分类横幅的色档语义是"WHO 分类"不是"诊断"：
     ok（绿）= 正常；warn（黄）= 消瘦各档 + 超重；bad（红）= 肥胖各级。
     文字与颜色同时给出，颜色不是唯一的信息通道。
   ★ 不写裸色值的地方一律走主题变量；ok/bad 两档沿 phone 的
     已接受做法（亮色定值 + dark 覆写），不新增一套主题变量。 */

.bi-block {
  margin-top: 22px;
}

/* 输入区：metric 两框 + imperial 三框 + 单位框。宽屏一行、窄屏折列 */
.bi-controls {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px 16px;
  align-items: start;
}

.bi-controls .field {
  min-width: 0;
}

/* 单位下拉比数值框窄一档 —— 附属口径不抢宽度 */
.bi-controls .field:first-child select {
  max-width: 180px;
}

/* 隐藏/显示当前单位那一组输入 */
.bi-hidden {
  display: none;
}

/* 分类横幅（沿用 phone 的三档状态色方案） */
.bi-status {
  margin: 0 0 14px;
  padding: 9px 12px;
  border-radius: var(--radius-sm);
  font-weight: 600;
  font-size: 14px;
}

.bi-status--ok {
  color: #178553;
  background: rgba(23, 133, 83, 0.1);
  border: 1px solid rgba(23, 133, 83, 0.35);
}

.bi-status--warn {
  color: var(--warn-fg);
  background: var(--warn-bg);
  border: 1px solid var(--warn-line);
}

.bi-status--bad {
  color: #c62828;
  background: rgba(198, 40, 40, 0.08);
  border: 1px solid rgba(198, 40, 40, 0.35);
}

html[data-theme='dark'] .bi-status--ok {
  color: #5cc491;
  background: rgba(74, 178, 128, 0.12);
  border-color: rgba(74, 178, 128, 0.4);
}

html[data-theme='dark'] .bi-status--bad {
  color: #e07e7e;
  background: rgba(224, 110, 110, 0.1);
  border-color: rgba(224, 110, 110, 0.4);
}

/* 结果卡片：3 张（BMI / 健康体重区间 / 输入读回） */
.bi-kv {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
  margin: 0 0 12px;
}

.bi-kv__item {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface);
}

.bi-kv__k {
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--fg-faint);
}

.bi-kv__v {
  font-family: var(--mono);
  font-size: 15px;
  color: var(--fg);
  word-break: break-word;
}

/* 主数字（BMI 本身）比其余卡片大一号 */
.bi-kv__v--lead {
  font-size: 19px;
  font-weight: 600;
}