/* ============================================
   装修材料用量计算器 · 专有样式
   依赖：public/vendor/life-calc/life-calc.css
   ============================================ */

#app .dc-sub {
    margin: 18px 0 10px; padding-left: 9px; font-size: 0.95rem; font-weight: 600;
    color: var(--text); border-left: 3px solid var(--primary); line-height: 1.3;
}
#app .dc-sub:first-child { margin-top: 4px; }

#app .dc-hint { font-size: 0.85rem; color: var(--text-dim, #86868b); margin: 10px 0 0; line-height: 1.7; }

#app .dc-check { display: flex; align-items: center; gap: 8px; font-size: 0.95rem; cursor: pointer; }
#app .dc-check input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--primary, #2563eb); }

/* 房间表（第一行为克隆模板，始终隐藏） */
#app .dc-room[hidden] { display: none; }

#app .dc-room-table input,
#app .dc-room-table select { padding: 6px 8px; font-size: 0.88rem; min-width: 74px; }
#app .dc-room-table th, #app .dc-room-table td { white-space: nowrap; }
#app .dc-room-table td:first-child input { min-width: 92px; }
#app .dc-room-table td:nth-child(7) select,
#app .dc-room-table td:nth-child(8) select { min-width: 92px; }

#app .dc-del {
    width: 26px; height: 26px; line-height: 1; font-size: 1.1rem; cursor: pointer;
    border: 1px solid var(--border); border-radius: 6px; background: var(--card-bg); color: var(--danger, #ef4444);
}
#app .dc-del:hover { background: var(--danger-bg, #fef2f2); }

/* 采购清单 */
#app .dc-mat-name { font-weight: 600; color: var(--text); }
#app .dc-mat-note { display: block; font-weight: 400; font-size: 0.8rem; color: var(--text-dim, #86868b); margin-top: 2px; }
#app .dc-price { width: 92px; padding: 5px 8px; font-size: 0.88rem; }
#app .dc-num { font-variant-numeric: tabular-nums; }
#app .dc-strong { font-weight: 700; color: var(--primary); }
#app .dc-sum td { font-weight: 700; background: var(--primary-light); }

#app .dc-help p { font-size: 0.92rem; line-height: 1.85; color: var(--text-secondary); margin: 0 0 10px; }
#app .dc-help b { color: var(--text); }

@media (max-width: 900px) {
    #app .dc-room-table { font-size: 0.85rem; }
    #app .dc-room-table input, #app .dc-room-table select { min-width: 62px; }
}