:root {
    --report-grid-line: #a99bbb;
}

html.rkv-dark {
    --report-grid-line: #756b85;
}

/* One clear cell grid for the site's report and activity tables. */
:is(
    .admin-page .admin-table,
    .admin-page .plan-table,
    .workspace-report-table,
    .myjio-table,
    .upi-table,
    .data-table,
    .telegram-workspace-body table,
    .layout-wrapper .table,
    .layout-wrapper .groups-table,
    .layout-wrapper .auto-table
) {
    border: 1px solid var(--report-grid-line);
    border-collapse: separate;
    border-spacing: 0;
}

:is(
    .admin-page .admin-table,
    .admin-page .plan-table,
    .workspace-report-table,
    .myjio-table,
    .upi-table,
    .data-table,
    .telegram-workspace-body table,
    .layout-wrapper .table,
    .layout-wrapper .groups-table,
    .layout-wrapper .auto-table
) :is(th, td) {
    border-right: 1px solid var(--report-grid-line);
    border-bottom: 1px solid var(--report-grid-line);
}

:is(
    .admin-page .admin-table,
    .admin-page .plan-table,
    .workspace-report-table,
    .myjio-table,
    .upi-table,
    .data-table,
    .telegram-workspace-body table,
    .layout-wrapper .table,
    .layout-wrapper .groups-table,
    .layout-wrapper .auto-table
) tr > :last-child {
    border-right: 0;
}

:is(
    .admin-page .admin-table,
    .admin-page .plan-table,
    .workspace-report-table,
    .myjio-table,
    .upi-table,
    .data-table,
    .telegram-workspace-body table,
    .layout-wrapper .table,
    .layout-wrapper .groups-table,
    .layout-wrapper .auto-table
) tbody tr:last-child > td {
    border-bottom: 0;
}

.admin-report-content {
    padding-top: 18px;
}

.admin-sms-report-filter {
    grid-template-columns: minmax(200px, 2fr) minmax(145px, 1fr) auto auto;
    gap: 12px;
    margin-bottom: 16px;
    padding: 15px 18px;
}

.admin-sms-report-filter .admin-secondary {
    min-height: 38px;
    white-space: nowrap;
}

@media (max-width: 1000px) {
    .admin-sms-report-filter {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .upi-body .upi-table {
        border: 0;
    }

    .upi-body .upi-table tbody tr {
        border: 1px solid var(--report-grid-line);
    }

    .upi-body .upi-table td {
        border-right: 0;
        border-bottom: 1px dashed var(--report-grid-line);
    }

    .upi-body .upi-table td:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 600px) {
    .admin-sms-report-filter {
        grid-template-columns: 1fr;
    }
}