/* /assets/css/sim/system-economic/inventory-level-simulator.css — 本页专属样式（en/zh 共用） */
/* merged from source <style> (sim-13-inventory-level-simulator.html) */

/* ===== SVG 文字与标注 ===== */
.svg-title{fill:#16202c}
.tag{fill:#334155;font-size:13px}
.tag-sm{fill:#5b6472;font-size:11px}
.legend{fill:#5b6472}

/* ===== 控制面板 ===== */
.controls{display:flex;flex-wrap:wrap;gap:14px 22px;
  padding:14px 16px 12px;margin:0 6px;border-top:1px solid var(--line-soft);}
.ctrl-group{flex:1 1 150px;display:flex;flex-direction:column;gap:4px;}
.ctrl-group label{font-size:12.5px;color:var(--muted);display:flex;justify-content:space-between;align-items:baseline;}
.ctrl-group b{color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums;}
input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;
  background:#e2e8f0;outline:none;cursor:pointer;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;
  border-radius:50%;background:#2563eb;cursor:pointer;}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#2563eb;cursor:pointer;}

/* ===== 读数与图例 ===== */
.readouts{display:flex;gap:12px;flex-wrap:wrap;padding:0 16px 14px;margin:0 6px;}
.readout{flex:1 1 120px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;
  padding:10px;text-align:center;}
.readout .k{font-size:11px;color:#5b6472;margin-bottom:4px;}
.readout .v{font-size:20px;font-weight:700;color:var(--accent-2);font-variant-numeric:tabular-nums;}

.legend{display:flex;gap:16px;flex-wrap:wrap;padding:0 16px 14px;margin:0 6px;width:auto;}
.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#5b6472;}
.legend-color{width:14px;height:14px;border-radius:3px;flex:none;}

/* ===== 移动端顺序（与 style.css 的 display:contents 排序配套） ===== */
@media (max-width:1160px){
  .controls,.readouts,.legend{order:4}
}

/* ===== 无障碍：减弱动效 ===== */
@media (prefers-reduced-motion:reduce){
  body[data-topic="inventory-level"] *{animation:none}
}