/* Horizontales Scrollverhalten der Tagesplanung.
   Gilt bewusst fuer Fahrer- und Bootssicht gemeinsam. */
.ak-plan {
    container-type: inline-size;
}

/* Die linke Ressourcen-/Textspalte ist die harte Sichtgrenze der Zeitachse.
   Zeitbalken, Raster und Phasen laufen beim horizontalen Scrollen dahinter und
   werden dadurch an der Spaltengrenze optisch abgeschnitten. */
.ak-plan .ak-row > .ak-label {
    z-index: 50 !important;
    background: var(--bs-body-bg, #fff) !important;
    box-shadow: 1px 0 0 var(--bs-border-color, #dee2e6);
}

.ak-plan .ak-scale > .ak-label {
    z-index: 70 !important;
    background: var(--bs-tertiary-bg, #f8f9fa) !important;
}

/* Geoeffnete Validierungs-/Status-Popover duerfen weiterhin vor der Zeitleiste
   erscheinen. */
.ak-plan .ak-row > .ak-label:has(.ak-fahrer-validierung:hover),
.ak-plan .ak-row > .ak-label:has(.ak-fahrer-validierung:focus),
.ak-plan .ak-row > .ak-label:has(.ak-fahrer-validierung:focus-within),
.ak-plan .ak-row > .ak-label:has(.boot-validierung:hover),
.ak-plan .ak-row > .ak-label:has(.boot-validierung:focus),
.ak-plan .ak-row > .ak-label:has(.boot-validierung:focus-within),
.ak-plan .ak-row > .ak-label:has(.boot-ausser-betrieb-backdrop) {
    z-index: 2100 !important;
}

/* Separatoren sind Bedienebene, nicht Teil der breiten Zeitachse. 100cqw
   entspricht exakt der sichtbaren Breite des ak-plan-Scrollcontainers, auch
   wenn die eigentliche Zeitleiste durch Zoom deutlich breiter ist. */
.ak-plan .ak-section {
    position: sticky !important;
    left: 0 !important;
    z-index: 60 !important;
    width: 100cqw !important;
    max-width: 100cqw !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    background: var(--bs-tertiary-bg, #f8f9fa) !important;
}

.ak-plan .ak-section-with-action {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    overflow: hidden;
}

.ak-plan .ak-section-with-action > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ak-plan .ak-section-with-action > :last-child {
    position: sticky;
    right: .45rem;
    flex: 0 0 auto;
    margin-left: auto;
    z-index: 61;
}