/* 计算器10（集装箱式房屋结构计算器 · 依据DBJ/T 15-112-2016）专属样式 — 由 jsq/calculator10.php 内联 <style> 收敛而来
   页面级作用域，不污染全局。如需去重公共组件，见 _audit_reports 技术债 #260。 */

.parameter-info { font-size:.8rem; color:var(--gray-500); margin-top:6px; line-height:1.5; }

.calc10-combo-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:4px; }

.calc10-combo-card {
    border:1px solid var(--gray-200); background:var(--white); 
    padding:12px 8px; text-align:center; cursor:pointer; transition:all .2s;
}

.calc10-combo-card:hover { border-color:var(--primary); background:var(--primary-50); }

.calc10-combo-card.active { border-color:var(--primary); background:var(--primary-100); box-shadow:0 0 0 2px rgba(44,128,255,0.15); }

.calc10-combo-icon { font-size:22px; color:var(--primary); margin-bottom:6px; }

.calc10-combo-name { font-size: var(--fs-label); font-weight:600; color:var(--gray-700); line-height:1.4; }

.calc10-combo-desc { font-size: var(--fs-xs); color:var(--gray-500); margin-top:4px; }

.action-buttons { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }

.alert { display:none; padding:12px 16px;  margin-bottom:16px; font-size:.9rem; }

.alert.alert-success { background:var(--success-50); color:var(--success); border:1px solid var(--success-50); }

.alert.alert-error { background:var(--danger-50); color:var(--danger); border:1px solid var(--danger-50); }

.calc10-result-block {
    background:var(--white); border:1px solid var(--gray-200); 
    padding:14px 16px; margin-bottom:14px;
}

.calc10-result-block.pass { border-left:4px solid var(--success); }

.calc10-result-block.fail { border-left:4px solid var(--danger); }

.calc10-result-block h4 {
    font-size: var(--fs-h4); font-weight:600; color:var(--gray-900); margin:0 0 12px;
    padding-bottom:8px; border-bottom:1px solid var(--gray-100);
    display:flex; align-items:center; justify-content:space-between; gap:8px;
}

.calc10-result-block h4 .badge { font-size: var(--fs-sm); padding:2px 10px;  font-weight:500; white-space:nowrap; }

.calc10-result-block.pass h4 .badge { background:var(--success-50); color:var(--success); }

.calc10-result-block.fail h4 .badge { background:var(--danger-50); color:var(--danger); }

.calc10-result-block h4 .badge.summary { background:var(--primary-100); color:var(--primary-dark); }

.calc10-diagram { margin-top:18px; border:1px solid var(--gray-200);  padding:12px; background:var(--white); }

.calc10-diagram h5 { font-size: var(--fs-label); color:var(--gray-700); margin:0 0 8px; font-weight:600; }

.calc10-diagram svg { width:100%; max-width:360px; height:auto; display:block; margin:0 auto; }

#resultArea:empty::before {
    content:'输入参数后点击「计算」';
    display:block; padding:40px; text-align:center; color:var(--gray-400); font-size: var(--fs-label);
}

@media (max-width:768px) {
        .calculator-wrapper { grid-template-columns: 1fr !important; }
    .calc10-combo-grid { grid-template-columns:1fr; }
}