.floodvents-screen .site-header {
    background: linear-gradient(
        to bottom,
        rgba(244, 244, 244, 1) 0%,
        rgba(244, 244, 244, 0.96) 56%,
        rgba(244, 244, 244, 0) 100%
    );
}

.floodvents-shell {
    display: grid;
    gap: 16px;
}

.floodvents-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.floodvents-room-shell,
.floodvents-result-table-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #2a2a2a;
    background: #f7f4ef;
}

.floodvents-room-table,
.floodvents-result-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    font-size: 0.84rem;
}

.floodvents-room-table th,
.floodvents-room-table td,
.floodvents-result-table th,
.floodvents-result-table td {
    border: 1px solid #2a2a2a;
    padding: 10px 8px;
    text-align: left;
    vertical-align: middle;
}

.floodvents-room-table th,
.floodvents-result-table th {
    background: #efe7dc;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.72rem;
}

.floodvents-room-table td .energycals-input {
    width: 100%;
    min-width: 120px;
}

.floodvents-room-table td[data-fv-readonly],
.floodvents-result-table td[data-fv-numeric] {
    font-weight: 700;
}

.floodvents-room-remove {
    border: 2px solid #2a2a2a;
    background: #f7f4ef;
    color: #121212;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 7px 8px;
    cursor: pointer;
}

.floodvents-room-remove:hover,
.floodvents-room-remove:focus-visible,
.floodvents-screen .energycals-home:hover,
.floodvents-screen .energycals-home:focus-visible {
    border-color: #d64b2a;
    color: #d64b2a;
    outline: none;
}

.floodvents-summary-grid .energycals-result-value {
    font-size: clamp(1.15rem, 2vw, 1.65rem);
}

.floodvents-results-shell {
    display: grid;
    gap: 10px;
}

.floodvents-empty {
    color: #4f4f4f;
    font-style: italic;
}

@media (max-width: 860px) {
    .floodvents-section-head {
        flex-direction: column;
        align-items: stretch;
    }

    .floodvents-room-table,
    .floodvents-result-table {
        min-width: 680px;
    }
}