/* /square-footage-calculator only: the repeating room row. Scoped under #sqfApp. */
#sqfApp .sqf-row { border: 1px solid var(--bm-line); border-radius: 12px; padding: 10px 12px 4px; margin-bottom: 10px; background: var(--bm-bg); }
#sqfApp .sqf-row.is-cut { border-style: dashed; }
#sqfApp .sqf-row-head { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; flex-wrap: wrap; }
#sqfApp .sqf-row-head .sqf-name { flex: 1 1 140px; min-width: 0; }
#sqfApp .sqf-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px 10px; }
#sqfApp .sqf-grid .ic-field { margin: 0 0 6px; }
#sqfApp .sqf-area { font-size: .76rem; font-weight: 700; border-radius: 999px; padding: 2px 8px; background: var(--bm-accent-soft); color: var(--bm-accent-strong); white-space: nowrap; }
#sqfApp .sqf-row.is-cut .sqf-area { background: var(--bm-surface); color: var(--bm-ink-2); border: 1px solid var(--bm-line); }
#sqfApp .sqf-row-err { color: var(--bm-fail, var(--bm-ink)); font-size: .8rem; margin: 0 0 6px; }
@media (forced-colors: active) { #sqfApp .sqf-area { border: 1px solid CanvasText; } }