/* Section: البيوت (P2: the houses, on the API). The houses part of the approved demo's household.css; money comes in
   the house phase. Colours come from the :root tokens. */

/* Main screen: the buttons under the houses. */
.hh-house-btns {
  margin-top: 12px;
}

/* House page. */
.hh-actions {
  margin: 0 0 14px;
}

.hh-notes-label {
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
}

.hh-notes {
  margin: 2px 0 0;
  font-weight: 600;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* «المصاريف والفواتير تجي في مرحلة البيت (المرحلة 6)»: a calm line, not a warning. */
.hh-later {
  margin: 4px 0 0;
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  background: var(--brand-soft);
  color: var(--brand-ink);
  font-size: 15px;
  font-weight: 600;
}

.hh-nowrap {
  white-space: nowrap;
}