/*
 * boo.time shared stylesheet - linked from BasePage.renderHead on every page
 * of the BasePage chain (the kiosk has its own terminal.css).
 *
 * Bootstrap utility classes cover the layout; this file holds only the few
 * rules Bootstrap has no utility for. The CSP forbids inline styles, so a
 * rule that is needed lives here, never in a style attribute.
 */

/* A capped, vertically scrolling list area - the company dashboard's job
 * list: the card stops growing with the number of rows, so the chart card
 * beside it (h-100) keeps its natural height. (The team presence board
 * pages at 7 rows instead - no scroll bar there.) The header row
 * stays visible while scrolling; the low z-index keeps it below navbar
 * dropdowns, which is why Bootstrap's .sticky-top (z-index 1020) is not
 * used here. */
.scroll-y-22 {
    max-height: 22rem;
    overflow-y: auto;
}

.scroll-y-22 thead {
    position: sticky;
    top: 0;
    z-index: 1;
    /* table cells are transparent by default - the header needs its own
     * ground or the scrolled rows show through it */
    background-color: var(--bs-body-bg);
}

/* Documents tree (BooTreeTheme, replaces the wicket-extensions Windows
 * sprite theme): DocumentNodePanel draws chevron + folder/file glyphs as
 * Bootstrap Icons, so the theme's junction handle is redundant - the
 * folder link is the toggle. The nested subtree wrappers only indent;
 * no connector-line artwork. */
.tree-theme-boo div.tree-subtree {
    margin: 0 0 0 1.25rem;
    padding: 0;
}

.tree-theme-boo .tree-junction,
.tree-theme-boo .tree-junction-expanded,
.tree-theme-boo .tree-junction-collapsed {
    display: none;
}

.tree-theme-boo span.tree-content {
    display: block;
}

/* Collapsible sidebar groups (MenuListPanel, MenuItem.group): Bootstrap's
 * collapse plugin flips aria-expanded on the toggle, Bootstrap has no
 * utility that turns the chevron with it - so the chevron points right
 * while a group is folded. */
.menu-group-chevron {
    display: inline-block;
    transition: transform .15s ease-in-out;
}

.menu-group-toggle[aria-expanded="false"] .menu-group-chevron {
    transform: rotate(-90deg);
}

@media (prefers-reduced-motion: reduce) {
    .menu-group-chevron {
        transition: none;
    }
}

/* the language switcher lists every supported UI language (31 since PO
 * 2026-09-18), which outgrows the viewport as a plain dropdown - cap it and
 * let it scroll instead of running off the screen */
.scroll-y-menu {
    max-height: 60vh;
    overflow-y: auto;
}