/* Building units (multi-unit / condo breakdown) */

.building-units-section {
    margin-top: var(--space-lg, 1.5rem);
}

.bldg-summary {
    display: flex;
    gap: var(--space-md, 1rem);
    flex-wrap: wrap;
    margin-bottom: var(--space-md, 1rem);
}

.bldg-stat {
    display: flex;
    flex-direction: column;
    padding: 0.75rem 1.25rem;
    background: var(--surface-alt, #f8f9fa);
    border-radius: var(--radius, 8px);
    min-width: 120px;
}

.bldg-stat__val {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary, #111);
}

.bldg-stat__label {
    font-size: 0.75rem;
    color: var(--text-secondary, #666);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 0.125rem;
}

.bldg-types {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: var(--space-md, 1rem);
}

.bldg-chip {
    font-size: 0.75rem;
    padding: 0.25rem 0.625rem;
    border-radius: 999px;
    background: var(--surface-alt, #f0f0f0);
    color: var(--text-secondary, #555);
    text-transform: capitalize;
}

.bldg-table-wrap {
    overflow-x: auto;
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid var(--border, #e0e0e0);
    border-radius: var(--radius, 8px);
}

.bldg-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
    white-space: nowrap;
}

.bldg-table thead {
    position: sticky;
    top: 0;
    z-index: 1;
}

.bldg-table th {
    background: var(--surface-alt, #f8f9fa);
    padding: 0.5rem 0.75rem;
    text-align: left;
    font-weight: 600;
    color: var(--text-secondary, #555);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid var(--border, #e0e0e0);
}

.bldg-table td {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--border-light, #f0f0f0);
    color: var(--text-primary, #333);
}

.bldg-table tbody tr:hover {
    background: var(--surface-hover, #f5f7fa);
}

.bldg-unit-link {
    color: var(--accent, #4a7cff);
    text-decoration: none;
}

.bldg-unit-link:hover {
    text-decoration: underline;
}

.bldg-table tbody tr.bldg-row--active {
    background: var(--accent-light, #e8f0fe);
}


/* "Units" badge shown on search results and portfolio cards */
.unit-data-badge {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 600;
    padding: 0.125rem 0.375rem;
    border-radius: 3px;
    background: var(--accent, #4a7cff);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    vertical-align: middle;
    margin-left: 0.375rem;
}