/* ── Globale Schriftgrößen-Variablen ──────────────────────────────────────────
   Alle CSS-Dateien (artikel.css, ki-chat.css, kommentare.css, …) verwenden
   ausschließlich diese Variablen – nie hartcodierte rem/px-Werte für font-size.

   --oo-fs-klein       : Badges, Mini-Labels, sekundäre Meta-Infos (Datum, IDs)
   --oo-fs-sekundaer   : Fließtext-nahe Elemente (URLs, Icons, Navigation, Rollen)
   --oo-fs-pre         : Code-Blöcke (pre/code), leicht kleiner als Fließtext
   --oo-fs-fliesstext  : Standard-Fließtext, Chat-Nachrichten, Textarea
   --oo-fs-lightbox    : Lightbox-Navigationspfeile, bewusst sehr groß
   ───────────────────────────────────────────────────────────────────────────── */
:root {
    --oo-fs-klein:          0.75rem;
    --oo-fs-sekundaer:      0.85rem;
    --oo-fs-pre:            0.8rem;
    --oo-fs-fliesstext:     0.9rem;
    --oo-fs-lightbox:       4rem;
}

.layout-header-title-short {
    display: none;
}

.layout-header-space-dropdown {
    min-width: 120px;
}

.app-sidebar .rz-panel-menu > ul {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Sidebar: Flex-Layout damit Bottom-Sektion ans Ende gedrückt wird */
.app-sidebar {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.sidebar-inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    overflow: hidden;
}

.sidebar-menu-scroll {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

.sidebar-bottom {
    flex-shrink: 0;
    border-top: 1px solid rgba(128, 128, 128, 0.2);
}

.sidebar-bottom .rz-panel-menu > ul {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.rz-panel-menu .rz-navigation-item {
    border-block-end: none;
}

@media (max-width: 768px) {

    .layout-header-title-full {
        display: none;
    }

    .layout-header-title-short {
        display: inline;
    }

    .header-neuer-artikel-text {
        display: none;
    }
}

/* ── Header: Neuer Artikel Button ── */

.header-neuer-artikel {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    margin-right: 0.5rem;
    border-radius: 4px;
    font-weight: 500;
    color: var(--rz-on-primary);
    background: var(--rz-primary);
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.15s ease;
    margin-left: auto;
}

.header-neuer-artikel:hover {
    background: var(--rz-primary-dark);
    color: var(--rz-on-primary);
    text-decoration: none;
}