/**
 * JurisprudencIA Web Viewer
 * File: src/css/main.css
 * Responsibility: Master stylesheet aggregating all component styles and global responsive media queries.
 */

@import './variables.css?v=6340fc7e83ed';
@import './base.css?v=7f1878f6d784';
@import './header.css?v=efe557549fdd';
@import './header-session.css?v=9a04e9d2dcef';
@import './metrics.css?v=a862cf835d38';
@import './charts.css?v=ce66167fed56';
@import './filters.css?v=b92f503c46ae';
@import './cards.css?v=b836a9de2ca2';
@import './modal.css?v=d6aa37cb7204';
@import './review.css?v=a759d3852034';
@import './science.css?v=11a7ed0c5cfc';

/* --- Media Queries Responsivas Globales (Mobile Friendly) --- */
@media (max-width: 768px) {
    main {
        padding: 1rem;
        gap: 1.25rem;
        grid-template-columns: minmax(0, 1fr);
    }

    .charts-grid, .corpus-grid, .metrics-grid { grid-template-columns: minmax(0, 1fr); }

    .metrics-grid, .charts-grid, .corpus-grid {
        gap: 1rem;
    }

    .chart-card {
        padding: 1.25rem;
    }

    .chart-card.has-chart {
        height: 320px;
    }

    .detail-panel {
        max-width: 100%;
        width: 100%;
        left: 0;
        right: 0;
        border-left: none;
        height: 100dvh;
    }

    .panel-header {
        padding: 1rem 1.25rem;
    }

    .panel-body {
        padding: 1.25rem;
        gap: 1.25rem;
    }
}

@media (max-width: 600px) {
    .btn-reload {
        width: 100%;
        justify-content: center;
        padding: 0.55rem 0.6rem;
        font-size: 0.82rem;
    }

    .alert-box {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .alert-code {
        width: 100%;
        text-align: center;
    }
}