/* ==========================================
   AI Panel - Mobile Responsive (Bottom Sheet)
   ========================================== */

@media (max-width: 768px) {
    .ai-processing-panel {
        width: 100%;
        max-width: 100%;
        top: auto;
        bottom: 0;
        height: auto;
        max-height: 85vh;
        border-left: none;
        border-top: 1px solid var(--border-light);
        border-radius: var(--radius-xl) var(--radius-xl) 0 0;
        transform: translateY(100%);
    }

    .ai-processing-panel.visible {
        transform: translateY(0);
    }

    .ai-panel-header {
        padding: var(--space-4);
    }

    .ai-panel-content {
        padding: var(--space-4);
    }

    .ai-suggestions-list {
        padding: var(--space-3) var(--space-4);
    }

    .ai-processing-actions {
        padding: var(--space-3) var(--space-4);
    }

    .ai-batch-table-wrapper {
        padding: var(--space-3) var(--space-4);
    }

    .ai-batch-table {
        font-size: var(--font-size-xs);
    }

    .ai-batch-task-title {
        max-width: 100px;
    }
}