/* Portal: nutzt app.css des HMI (Farben, Karten, Knöpfe) und ergänzt die Anlagenliste */
.kopf-rechts { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.kopf .knopf { background: transparent; color: #F1EAD9; border-color: rgba(241,234,217,.4); }
.anlagen { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 16px; align-items: start; }
.anlage .akopf { display: flex; align-items: center; gap: 12px; }
.anlage .akopf h2 { margin: 0; }
.anlage .akopf .punkt { width: 12px; height: 12px; }
.punkt.wartet { background: var(--warn); }
.aknoepfe { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.aextra:empty { display: none; }
.code { display: grid; gap: 6px; padding: 12px 14px; border-radius: 12px; background: var(--flaeche2); }
.code b { font: 700 30px var(--f-zahl); letter-spacing: .12em; }
label.wahl { display: flex; gap: 8px; align-items: center; }
label.wahl input { width: auto; }