/* Toolbar — the index-page secondary action/utility bar emitted by the Toolbar widget
   (docs/css-refactoring.md §7). One flex row of ButtonHelper actions, with an optional
   right-pushed group (export / utility links) and a trailing muted metadata span
   ("Showing N entries"). Consolidates the per-view `.toolbar` / `.X__toolbar` /
   `.actions-row` flex rules that each re-declared display:flex;gap;align-items;flex-wrap;
   margin-bottom. NOT the page title row (that's PageHeader / .w5-page-header), nor the
   bulk-action card panels (.bulk-actions, left bespoke). */

.w5-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin: 0 0 .75rem;
}

.w5-toolbar__right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    /* `ms-auto` on the element pushes this group to the far right. */
}

.w5-toolbar__meta {
    color: var(--gray-700);
    font-size: .85rem;
    white-space: nowrap;
}

.w5-toolbar__item {
    /* raw `html` escape-hatch items (an inline filter form sitting in the bar) */
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

@media (max-width: 767.98px) {
    .w5-toolbar__right {
        width: 100%;
        margin-left: 0 !important; /* drop the ms-auto right-push; stack below */
    }

    .w5-toolbar .btn {
        flex: 0 0 auto;
    }
}

/* The on-screen action bar is never wanted in a printed page / PDF. */
@media print {
    .w5-toolbar {
        display: none !important;
    }
}