@if (plant(); as p) {
  <div class="plant-shell">
    <!-- Anlagen-Header -->
    <header class="plant-header">
      <div class="plant-header__info">
        <h1>{{ p.name }}</h1>
        <span class="plant-header__location">📍 {{ p.location }}</span>
      </div>
      <app-status-badge [status]="p.status" />
    </header>

    <!-- Tab-Navigation -->
    <nav class="tab-nav" aria-label="Anlagen-Navigation">
      <a
        [routerLink]="['overview']"
        routerLinkActive="tab-nav__link--active"
        class="tab-nav__link"
        [routerLinkActiveOptions]="{ exact: true }"
      >
        <span aria-hidden="true">⚡</span> Livedaten
      </a>
      <a
        [routerLink]="['history']"
        routerLinkActive="tab-nav__link--active"
        class="tab-nav__link"
      >
        <span aria-hidden="true">📈</span> Verlauf
      </a>
    </nav>

    <!-- Child-Route Outlet -->
    <div class="tab-content">
      <router-outlet />
    </div>
  </div>
}