/* Mobile Override Styles */

/* Mobile Toolbar - only visible on mobile */
.mobile-toolbar {
    display: none;
}

@media (max-width: 768px) {
    .mobile-toolbar {
        display: flex !important;
        flex-direction: row;
        padding: 8px;
        background: #1a1a1a;
        border-bottom: 1px solid #333;
        gap: 8px;
    }
    
    .mobile-toolbar .action-btn {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 10px;
        background: #0f0f0f;
        border: 1px solid #444;
        border-radius: 8px;
        font-size: 14px;
        color: #fff;
        cursor: pointer;
    }
    
    .mobile-toolbar .action-btn:active {
        background: #333;
    }
    
    /* Hide desktop header actions on mobile */
    .header-actions {
        display: none !important;
    }
}

/* Sidebar mobile */
@media (max-width: 768px) {
    .sidebar {
        width: 100% !important;
        max-width: none !important;
    }
}