/* tastime — Vorschau-Stile */

/* Demo-Banner immer oben sichtbar */
.bg-warning.text-body-emphasis {
    position: sticky;
    top: 0;
    z-index: 1050;
}

/* Navigation unter Banner */
.navbar.sticky-top {
    top: 36px;
    z-index: 1040;
}

/* Text-Trennzeichen */
.text-divider {
    opacity: 0.5;
}

/* Eingabefelder für Mobilgeräte größer */
@media (max-width: 575.98px) {
    .form-control,
    .form-select {
        font-size: 1rem;
        min-height: 2.5rem;
    }

    .input-group-sm > .form-control,
    .input-group-sm > .form-select {
        min-height: 2.2rem;
    }

    /* Stunden/Minuten-Felder auf Mobilgeräten prominenter */
    .table td {
        padding: 0.5rem 0.25rem;
    }
}

/* Tabelle: Zeilen nicht umbrechen */
.table td {
    white-space: nowrap;
}

/* Status-Badge im Admin */
.badge {
    font-weight: 500;
    padding: 0.35em 0.6em;
}

/* Footer immer unten */
footer {
    margin-top: auto;
}

/* Transition für Alpine x-show */
[x-cloak] {
    display: none !important;
}

/* Wochenzeilen mobil untereinander, damit Zahlen vollständig lesbar bleiben. */
@media (max-width: 575.98px) {
    .week-employees thead { display: none; }
    .week-employees tbody { display: block; }
    .week-employees tbody tr {
        display: block;
        margin-bottom: 0.75rem;
        border-bottom: 1px solid var(--bs-border-color);
        padding: 0.5rem;
    }
    .week-employees tbody td {
        display: block;
        width: 100%;
        white-space: normal;
    }
    .week-employees .input-group .form-control { min-width: 60px; }
    .navbar.sticky-top,
    .bg-warning.text-body-emphasis { position: static; }
}