.floor-joist { cursor: pointer; }
.floor-joist.active line { stroke: #d99b10; stroke-width: 7; }
.floor-warning { align-items: center; justify-content: space-between; }
.floor-warning label { display: flex; gap: 9px; align-items: flex-start; flex: 1; }
.floor-warning button { border: 0; border-radius: 7px; padding: 8px 10px; background: #fff; color: #174f37; font-weight: 750; cursor: pointer; white-space: nowrap; }
.floor-selection { display: flex; align-items: center; gap: 8px; margin: 8px 0; padding: 10px; border: 1px solid #d6dfd9; border-radius: 9px; background: #f4f8f5; }
.floor-selection[hidden] { display: none; }
.floor-selection div { display: flex; flex-direction: column; margin-right: auto; }
.floor-selection span { color: #59675f; font-size: 12px; }
.floor-selection button { border: 0; border-radius: 7px; padding: 8px 10px; background: #e2ebe5; color: #174f37; font-weight: 750; cursor: pointer; }
@media (max-width: 650px) {
  .floor-warning { align-items: stretch; flex-direction: column; }
  .floor-warning button { width: 100%; }
}