/* File: frontend/css/milestones/house.css
   Version: 0.6.4
   Goal:
   - Restore one clean outer border around House (like Occupants).
   - Keep editorial-style typography for headings (no override).
   - Style U-value (W/m²·K) units like other units (kW, °C).
*/

/* ---- Borders ---- */

/* Outer card frame (like Occupants) */
#house.section,
section#house.section {
  border: 1px solid var(--rule) !important;
  border-radius: 12px;
  background: #fff !important;
  padding: 16px;
  box-shadow: none !important;
}

/* Remove inner double-frame */
#house .house-card {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* ---- Layout helpers ---- */
#house .house-grid3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
}
#house .hstack { display:flex; gap:8px; align-items:center; }
#house .input { width:100%; }
#house .unit { color:#6B7280; font-size:13px; white-space:nowrap; }

/* Levels grid: 2 equal columns */
#house .levels-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, auto));
  gap: 12px 12px;
  align-items: center;
}
#house .level-row { display: contents; gap:0; }
#house .wall-select { width:100%; }

/* U-value styling — muted & consistent with "kW"/"°C" */
#house .uval {
  white-space: nowrap;
  color:#6B7280;
  font-size: 13px;
  margin-left: 8px;
}

/* Buttons aligned under wall column */
#house .btns {
  justify-self: end;
  display:flex;
  gap:8px;
}

/* table-ish readout */
#house .table-like { display:grid; gap:6px; }
#house .thead, #house .trow {
  display:grid;
  grid-template-columns: 1.2fr 0.8fr 0.8fr 0.8fr 1fr;
  column-gap: 10px;
  align-items:center;
}
#house .thead { color:#6B7280; font-size:13px; }
#house .trow.total { border-top:1px solid var(--rule); padding-top:6px; }
#house .right { text-align:right; }