/* =============================================
   RESPONSIVE — column visibility by priority

   Priorities (set in Definition TABLE_COLUMNS):
     always  — never hidden
     high    — hidden below 800px
     medium  — hidden below 1100px
     low     — hidden below 1400px
   ============================================= */

@media (max-width: 1400px) {
    [data-priority="low"] {
        display: none;
    }
}

@media (max-width: 1100px) {
    [data-priority="medium"] {
        display: none;
    }
}

@media (max-width: 964px) {

    .page-quick-stats .stat {
        flex-direction: row;
        align-items: center;
        gap: var(--g2);
    }

    .page-quick-stats .stat-value {
        font-size: var(--font-m);
    }

    .page-header {
        flex-flow: row wrap;
        gap: var(--g4);
    }
}


@media (max-width: 800px) {
    [data-priority="high"] {
        display: none;
    }
}