/*
 * ============================================================================
 * Toolbar Styles
 * ============================================================================
 * Styles for the toolbar/header section including logo and title.
 * ============================================================================
 */

.toolbar {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    background-color: var(--bg-header);
    padding: 12px 16px;
    border-radius: 4px;
    border-bottom: 1px solid var(--border-header);
    position: relative;
}

.toolbar-logo {
    width: 32px;
    height: 32px;
    margin-right: 0px;
}

.toolbar h1 {
    margin: 0;
    font-size: 24px;
    margin-right: 20px;
    color: var(--text-header-title);
    font-weight: 600;
}

/* ============================================================================
 * MOBILE MENU - Hidden on desktop, collapsible on mobile
 * ============================================================================ */
.mobile-menu-btn {
    display: none;
}

.mobile-menu {
    display: none;
}

.secondary-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Mobile-specific button text */
.btn-text-mobile {
    display: none;
}

.btn-text-desktop {
    display: inline;
}