/* flood.css — Flood-arbejdsrummets eget layout. Bruger kun tokens fra studio.css. */

/* Maks. vanddybde tegnes oven over bassinerne og står nedtonet under de andre arbejdsrum. */
#flood-canvas { position: absolute; inset: 0; pointer-events: none; z-index: 452; transition: opacity var(--t-fast) ease, filter var(--t-fast) ease }
body[data-aktivt-arbejdsrum]:not([data-aktivt-arbejdsrum="flood"]) #flood-canvas { opacity: .45; filter: grayscale(.6) }

.flood-regn { padding: 10px }
.flood-knapper .command { flex: 1 1 auto; justify-content: center }
.flood-fremdrift { display: grid; gap: 4px; margin-top: 8px; font-size: 11.5px; color: var(--muted); font-family: var(--font-num) }
.flood-fremdrift progress { width: 100%; height: 8px; accent-color: var(--accent) }

/* Skalaen for vanddybden: farverne er de samme som i planen (core/flood/dybdeskala.js). */
.flood-skala-bar { height: 10px; border: 1px solid var(--line-2); border-radius: 3px; background-color: var(--surface-2) }
.flood-skala-tal { position: relative; height: 14px; margin-top: 3px; font-size: 10.5px; color: var(--muted); font-family: var(--font-num) }
.flood-skala-tal span { position: absolute; top: 0; transform: translateX(-50%); white-space: nowrap }
.flood-skala-tal span.sidst { transform: translateX(-100%) }