/* calc20.css — calculator20.php（楼梯）页面专用补充样式
 * 说明：仅包含本页缺失的类（rebar-table / rebar-input / label-cell / value-strong /
 *       check-grid / load-table / checkbox-row / #stairsSvg）与缺失变量 --space-rem1。
 *       不重复定义 --space-* 间距令牌及 .calc-block/.input-item/.calculator-wrapper 等
 *       公共类（它们已在 tokens.css / calc-common.css 定义），避免覆盖全站外观。
 * 生成：2026-08-30
 */

:root {
--space-rem1: 1rem;
}

/* 配筋结果表 */
.rebar-table { width:100%; border-collapse:collapse; font-size:.85rem; margin-top:10px; }


.rebar-table th, .rebar-table td { border:1px solid var(--gray-200); padding:7px 10px; text-align:center; }


.rebar-table thead th { background:var(--primary-50); color:var(--primary-dark); font-weight:600; }


.rebar-table tbody tr:hover { background:var(--gray-050); }


.rebar-table .label-cell { background:var(--gray-050); color:var(--gray-600); font-weight:600; text-align:left; padding-left:14px; }


.rebar-table .value-strong { font-weight:700; color:var(--gray-900); }


.rebar-table .check-ok { color:var(--success); font-weight:700; }


.rebar-table .check-fail { color:var(--danger); font-weight:700; }


.rebar-input { width:90px; padding:3px 6px; border:1px solid var(--gray-300);  text-align:center; font-size:.82rem; }

/* 复选框行 */
.checkbox-row input[type=checkbox] { width:16px; height:16px; accent-color:var(--primary); }
.check-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:10px 0; font-size:.85rem; }


.check-grid .ok    { background:#f0fdf4; border:1px solid #bbf7d0; color:var(--success); padding:6px 10px;  }


.check-grid .fail  { background:#fef2f2; border:1px solid #fecaca; color:var(--danger); padding:6px 10px;  }
/* 荷载明细 */

.load-table { width:100%; border-collapse:collapse; font-size:.82rem; margin-top:8px; }


.load-table th, .load-table td { border-bottom:1px solid var(--gray-200); padding:6px 10px; text-align:left; }


.load-table th { color:var(--gray-600); font-weight:600; background:var(--gray-050); }


#stairsSvg { width:100%; height:280px; display:block; background:#fafbfd;  }