/*
 * Styly denní přípravy (C5a) — komponenta mes::filament.pages.daily-preparation.
 * Admin běží na výchozím prekompilovaném Filament theme bez Tailwind buildu, proto vlastní
 * třídy dodává tento asset (registrace v MesServiceProvider, publikace přes filament:assets).
 * Dark mode přepíná Filament třídou `.dark` na <html>. Cílový displej je tablet na dílně —
 * proto velké písmo u položky a množství a dost velké odsazení řádků na dotyk.
 */

.daily-prep__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.daily-prep__cleaning {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    border-inline-start: 3px solid currentColor;
    border-radius: 0.375rem;
    margin-bottom: 0.5rem;
}

.daily-prep__cleaning:last-child {
    margin-bottom: 0;
}

.daily-prep__cleaning--sanitation {
    color: var(--danger-600, rgb(190 18 60));
    background-color: color-mix(
        in srgb,
        var(--danger-500, rgb(190 18 60)) 6%,
        transparent
    );
}

.daily-prep__cleaning--coarse {
    color: var(--warning-600, rgb(180 83 9));
    background-color: color-mix(
        in srgb,
        var(--warning-500, rgb(180 83 9)) 6%,
        transparent
    );
}

.dark .daily-prep__cleaning--sanitation {
    color: var(--danger-300, rgb(253 164 175));
    background-color: color-mix(
        in srgb,
        var(--danger-500, rgb(190 18 60)) 12%,
        transparent
    );
}

.dark .daily-prep__cleaning--coarse {
    color: var(--warning-300, rgb(253 211 141));
    background-color: color-mix(
        in srgb,
        var(--warning-500, rgb(180 83 9)) 12%,
        transparent
    );
}

/* Kroky, na kterých visí budoucí běh — nesmí splynout se zbytkem dne. */
.daily-prep__critical {
    padding: 0.625rem 0.75rem;
    margin-bottom: 0.5rem;
    border-inline-start: 3px solid var(--warning-500, rgb(217 119 6));
    border-radius: 0.375rem;
    background-color: color-mix(
        in srgb,
        var(--warning-500, rgb(217 119 6)) 6%,
        transparent
    );
}

.daily-prep__critical:last-child {
    margin-bottom: 0;
}

.daily-prep__step {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--gray-200, rgb(0 0 0 / 0.06));
}

.dark .daily-prep__step {
    border-bottom-color: var(--gray-700, rgb(255 255 255 / 0.08));
}

.daily-prep__step:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

/* Navážka a etiketace jsou podpůrné kroky — nesmí přebít hlavní výrobu. */
.daily-prep__step--preparation .daily-prep__item {
    font-weight: 500;
    opacity: 0.85;
}

.daily-prep__step-main {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.daily-prep__ident {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.daily-prep__item {
    font-size: 1rem;
    font-weight: 600;
}

.daily-prep__quantity {
    font-size: 1rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.daily-prep__step-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: var(--gray-500, rgb(0 0 0 / 0.6));
}

.dark .daily-prep__step-meta {
    color: var(--gray-400, rgb(255 255 255 / 0.6));
}

.daily-prep__workplace {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Kód položky pro dohledání v Pohodě — ustupuje názvu. */
.daily-prep__code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.6875rem;
    opacity: 0.7;
}