/* bassin.css — Bassin-arbejdsrummets eget layout. Bruger kun tokens fra studio.css. */

/* Bassinerne tegnes oven over Kloaks plan og står nedtonet under de andre arbejdsrum. */
#bassin-canvas { position: absolute; inset: 0; pointer-events: none; z-index: 451; transition: opacity var(--t-fast) ease, filter var(--t-fast) ease }
body[data-aktivt-arbejdsrum]:not([data-aktivt-arbejdsrum="bassin"]) #bassin-canvas { opacity: .35; filter: grayscale(1) }

/* Vælgeren over Bassins faner: hvilket bassin fanerne viser. */
.bassin-vaelger { display: flex; align-items: center; gap: 4px; padding: 8px 10px 0 }
.bassin-vaelger select { flex: 1 1 auto; min-width: 0; height: 30px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); padding: 0 8px; font: inherit; font-size: 12.5px; font-weight: 600; color: var(--ink) }
.bassin-vaelger .icon-btn { height: 30px; min-width: 30px }
.bassin-vaelger svg { width: 15px; height: 15px }
body.input-collapsed .bassin-vaelger { display: none }
/* Uden et bassin står fanerne dæmpede. */
.bassin-projektering.uden-bassin > * { opacity: .45; pointer-events: none }
/* Markøren i planen, mens bassinet redigeres. */
.leaflet-container.bassin-tegner { cursor: crosshair }
.leaflet-container.bassin-greb { cursor: move }
/* Bassins popups (overløb, anlæg pr. side) ligger over kortets lag. */
.leaflet-container > .geology-popup { z-index: 1000; cursor: auto }
/* Bassins længdeprofil under kortet: profiltyperne, tegningen (190 px) og målene skal være der. */
#bassin-profil-panel { flex-basis: 300px }
#bassin-profil-panel .profil-flade { overflow: auto }
#bassin-profil-panel .profil-hoved .command { white-space: nowrap; min-height: 26px }
/* Bassins 3D (Bassin Studios egen) ligger over kortet, når 3D er valgt. */
.bassin-3d { display: contents }