/* E2ris V2 – Bereich anlagen. Nur Tokens der Components Library, Klassen mit Präfix e2-. */

/* ---------- Liste ---------- */
.e2-anlagen-filter > * {
    flex: 0 1 12rem;
    min-width: 9rem;
}

.e2-anlagen-filter__suche {
    flex: 1 1 18rem !important;
}

.e2-anlagen-faellig {
    white-space: nowrap;
}

.e2-anlagen-nur-handy {
    display: none;
}

@media (max-width: 47.99rem) {
    .e2-anlagen-nur-desktop {
        display: none;
    }

    .e2-anlagen-nur-handy {
        display: block;
    }

    .e2-anlagen-filter > * {
        flex: 1 1 100%;
    }
}

/* Karten */
.e2-anlagen-kartenraster {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
    gap: var(--oo-space-3);
}

.e2-anlagen-karte {
    height: 100%;
}

.e2-anlagen-karte__fakten {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--oo-space-1) var(--oo-space-3);
    font-size: var(--oo-font-size-sm);
}

/* Baum */
.e2-anlagen-baum {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.e2-anlagen-baum__knoten {
    display: flex;
    flex-direction: column;
}

.e2-anlagen-baum__knoten > .e2-anlagen-baum__knoten {
    margin-left: var(--oo-space-5);
    border-left: 1px solid var(--oo-color-border);
}

.e2-anlagen-baum__knoten--kontext > .e2-anlagen-baum__zeile {
    color: var(--oo-color-text-subtle);
}

.e2-anlagen-baum__zeile {
    display: flex;
    align-items: center;
    gap: var(--oo-space-2);
    padding: var(--oo-space-1) var(--oo-space-2);
    border-radius: var(--oo-radius-sm);
    min-width: 0;
}

.e2-anlagen-baum__zeile:hover {
    background: var(--oo-color-background);
}

.e2-anlagen-baum__text {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e2-anlagen-baum__status,
.e2-anlagen-baum__werkzeuge {
    display: inline-flex;
    gap: var(--oo-space-1);
    align-items: center;
    flex-shrink: 0;
}

.e2-anlagen-baum__platzhalter {
    width: 1.5rem;
    flex-shrink: 0;
}

/* Foto mit Handykamera */
.e2-anlagen-foto {
    display: inline-flex;
    align-items: center;
    gap: var(--oo-space-2);
}

.e2-anlagen-foto__eingabe {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.e2-anlagen-foto--laedt {
    opacity: 0.6;
}

/* ---------- Detailseite ---------- */
.e2-anlage__raster {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr));
    gap: var(--oo-space-4);
    align-items: start;
    margin-top: var(--oo-space-3);
}

.e2-anlage__breit {
    grid-column: 1 / -1;
}

.e2-anlage__zwei {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr));
    gap: var(--oo-space-3);
}

.e2-anlage__status {
    width: 11rem;
}

.e2-anlage__bilder {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
    gap: var(--oo-space-2);
}

.e2-anlage__bilder img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--oo-radius-md);
    border: 1px solid var(--oo-color-border);
}