/* Knihovna app komponenty – přesunuto z inline <style> */

        /* Drobné úpravy pro Knihovnu nad rámec style.css */
        .status-badge {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            padding: 4px 8px;
            border-radius: 8px;
            font-size: 0.75rem;
            font-weight: 500;
            background: var(--md-sys-color-surface-container-high);
            color: var(--md-sys-color-on-surface-variant);
        }
        .status-badge.read {
            background: var(--md-sys-color-secondary-container);
            color: var(--md-sys-color-on-secondary-container);
        }

        /* Nový styl pro vertikální oddělovač filtrů (pro počítače) a horizontální (pro mobily) */
        .filter-divider {
            width: 1px;
            height: 32px;
            background-color: var(--md-sys-color-outline-variant);
            margin: 0 4px;
        }

        @media screen and (max-width: 767px) {
            .filter-divider {
                width: 100%;
                height: 1px;
                margin: 4px 0;
            }
        }