/* RBX-Tracker: shared responsive layout (included from views/partials/footer.ejs) */

.rbx-table-scroll,
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

.rbx-table-scroll > table,
.table-responsive > table {
    width: 100%;
    max-width: none;
}

@media (max-width: 1024px) {
    .admin-container {
        padding: 1.25rem;
    }
}

@media (max-width: 768px) {
    .admin-container {
        padding: 1rem;
    }

    .admin-header h1 {
        font-size: 1.75rem;
    }

    .stats-grid,
    .stats-summary {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)) !important;
        gap: 1rem;
    }

    body .modal.active,
    .modal.active {
        z-index: 10050;
    }

    .logs-table .view-details-btn,
    .logs-table .delete-log-btn {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        padding: 0.45rem 0.75rem;
    }

    .action-btn.primary,
    #usersTable .action-btn {
        min-height: 44px;
        padding: 0.65rem 1rem;
    }
}

@media (max-width: 480px) {
    .admin-container {
        padding: 0.75rem 0.65rem;
    }

    .dashboard-signins-table th:nth-child(3),
    .dashboard-signins-table td:nth-child(3) {
        display: none;
    }

    #usersTable th:nth-child(10),
    #usersTable td:nth-child(10) {
        display: none;
    }
}

@media (max-width: 768px) {
    #guildSelect.form-select {
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .main-container {
        padding-left: max(0.75rem, env(safe-area-inset-left, 0px));
        padding-right: max(0.75rem, env(safe-area-inset-right, 0px));
    }

    .modal-bg {
        z-index: 10060 !important;
    }

    .modal-bg .modal {
        z-index: 10061 !important;
    }
}