/* HOME — buildings to click into, and the one button to add another. */

.home-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin: 6px 0 22px; flex-wrap: wrap; }
.home-hero h2 { margin: 0 0 4px; }
.home-hero p { margin: 0; max-width: 60ch; font-size: 14px; }
.home-hero-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.home-add { font-size: 16px; padding: 12px 22px; }

/* The buildings table borrows the review's classes (styles.css .buildings-*, .b-*). */
.home-table .b-actions { white-space: nowrap; text-align: right; }
.home-table .b-actions .button { margin-left: 6px; }
.home-table .b-none { font-size: 13px; }
.home-table .b-row.b-empty .b-title { color: var(--color-neutral-800); }

.home-empty { max-width: 560px; padding: 26px; gap: 12px; }
.home-empty .btn { align-self: flex-start; font-size: 16px; padding: 12px 22px; }

/* Operator tools live behind the footer, not across the top. */
.foot-tools { font-size: 11px; color: var(--color-muted); }
.foot-tools summary { cursor: pointer; list-style: none; color: var(--color-muted); }
.foot-tools summary::-webkit-details-marker { display: none; }
.foot-tools summary:hover { color: var(--color-accent-700); }
.foot-tools-links { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 6px; }
.foot-tools-links a { color: var(--color-accent-700); text-decoration: none; }
.foot-tools-links a:hover { text-decoration: underline; }