/* ==========================
   Mobile overrides (supplements assets/style.css)
========================== */

@media (max-width: 700px) {

    .site-container {
        height: 100vh;
        width: 100%;
    }

    body {
        padding: 0;
    }

    main {
        padding: 16px;
    }

    .stat-row {
        gap: 10px;
    }

    .stat-card {
        min-width: 0;
        flex: 1 1 calc(50% - 10px);
    }

    .table-wrap {
        overflow-x: auto;
    }

    .table-standard {
        min-width: 560px;
    }

    .form-standard {
        max-width: 100%;
    }

    .modal-box {
        padding: 16px;
    }

    .item-card {
        padding: 12px;
    }

    .pagination {
        flex-wrap: wrap;
    }
}

@media (max-width: 420px) {

    .stat-card {
        flex: 1 1 100%;
    }

    header .title-group .logo {
        width: 28px;
        height: 28px;
    }

    header h1 {
        font-size: 1.5rem;
    }
}