html {
    -webkit-text-size-adjust: 100%;
    max-width: 100%;
}

body {
    max-width: 100%;
}

img,
svg,
video,
canvas,
iframe {
    max-width: 100%;
    height: auto;
}

.pc-shell,
.pc-main,
.pc-container,
.pc-wrap,
.wrap,
.container,
.app,
main,
section,
article,
.scw-content,
.ot-main,
.cw-main,
.club-members-content {
    min-width: 0;
}

.pc-table-wrap,
.table-wrap,
.tableWrap,
.list-wrap,
.sp-table-wrap,
.cp-table-wrap,
.cp-hub-table-wrap,
.cm-table-wrap,
.ot-table-wrap,
.oc-table-wrap,
.scw-table-wrap {
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 1100px) {
    .pc-container,
    .pc-wrap,
    .container,
    .wrap,
    .ot-dashboard,
    .club-members-shell,
    .cw-layout,
    .scw-content {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .pc-row,
    .pc-actions,
    .pc-page-actions,
    .nav-actions,
    .quickbar,
    .top-actions,
    .filters,
    .filter-actions,
    .sec-head,
    .org-toolbar,
    .org-top,
    .cp-toolbar,
    .cp-hub-top,
    .pc-toolbar,
    .pc-top,
    .pc-topbar,
    .pc-subnav,
    .pc-inline,
    .pc-controls,
    .cm-filter-actions,
    .cm-filter-actions-advanced,
    .cm-pending-queue,
    .ot-page-actions,
    .scw-actions {
        flex-wrap: wrap;
        align-items: stretch !important;
    }

    .pc-grid,
    .pc-grid2,
    .pc-grid-2,
    .pc-org-grid,
    .cp-form-grid,
    .cw-grid,
    .pc-stat-grid,
    .pc-school-grid,
    .pc-info-grid,
    .pc-edit-grid,
    .scw-grid-main,
    .scw-grid-two,
    .cm-filters-primary,
    .cm-filters-advanced-grid,
    .ot-filter-form {
        grid-template-columns: 1fr !important;
    }

    .ot-kpis,
    .cm-summary,
    .scw-grid-kpi,
    .cw-stepper {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .quickbar .left,
    .titleWrap,
    .org-search,
    .pc-filter,
    .pc-qr-info,
    .pc-device,
    .sp-schedule-main,
    .sp-share-info,
    .pc-linkbox,
    .scw-hero-main,
    .t-actions {
        min-width: 0 !important;
    }
}

@media (max-width: 920px) {
    .ot-dashboard,
    .club-members-shell,
    .cw-layout,
    .scw-layout {
        grid-template-columns: 1fr !important;
    }

    .ot-page-header,
    .cm-header,
    .cw-page-header,
    .pc-hero,
    .scw-hero,
    .topbar,
    .quickbar,
    .org-toolbar,
    .org-top,
    .cp-hub-top,
    .pc-toolbar,
    .pc-top,
    .pc-topbar {
        flex-direction: column;
        align-items: stretch !important;
    }

    .top-actions,
    .filter-actions,
    .rightActions,
    .pc-actions,
    .pc-page-actions,
    .nav-actions,
    .ot-page-actions,
    .cm-filter-actions,
    .cm-filter-actions-advanced,
    .scw-actions {
        width: 100%;
        justify-content: flex-start !important;
    }

    .tabs,
    .pc-tabs,
    .cm-tabs,
    .cm-workflow-steps,
    .ot-chip-row {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 4px;
    }
}

@media (max-width: 720px) {
    .fields,
    .pc-form,
    .pc-inline,
    .filters,
    .pc-controls,
    .pc-uscf-row,
    .pc-bye-row,
    .cm-pending-queue,
    .pc-mobile-user-top {
        flex-direction: column;
        align-items: stretch !important;
    }

    .pc-row > *,
    .pc-actions > *,
    .pc-page-actions > *,
    .nav-actions > *,
    .quickbar > *,
    .top-actions > *,
    .filters > *,
    .filter-actions > *,
    .sec-head > *,
    .org-toolbar > *,
    .org-top > *,
    .cp-toolbar > *,
    .pc-toolbar > *,
    .pc-top > *,
    .pc-topbar > *,
    .pc-subnav > *,
    .pc-inline > *,
    .pc-controls > *,
    .cm-filter-actions > *,
    .cm-filter-actions-advanced > *,
    .cm-pending-queue > *,
    .ot-page-actions > *,
    .scw-actions > * {
        min-width: 0 !important;
        width: 100%;
    }

    .tabs > *,
    .pc-tabs > *,
    .cm-tabs > *,
    .cm-workflow-steps > *,
    .ot-chip-row > * {
        width: auto;
        flex: 0 0 auto;
    }

    .pc-card,
    .cm-card,
    .cw-card,
    .scw-card,
    .ot-kpi,
    .ot-page-header {
        border-radius: 14px;
    }

    table,
    .pc-table,
    .table,
    .sp-table,
    .cp-table,
    .cp-hub-table,
    .results-table,
    .pairing-table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    table th,
    table td,
    .pc-table th,
    .pc-table td,
    .table th,
    .table td,
    .sp-table th,
    .sp-table td,
    .cp-table th,
    .cp-table td,
    .cp-hub-table th,
    .cp-hub-table td {
        white-space: normal !important;
    }
}

@media (max-width: 520px) {
    .pc-btn,
    .btn,
    .ot-btn,
    .scw-btn,
    .scw-btn-secondary,
    .scw-btn-ghost,
    .cm-workflow-step,
    .pc-mobile-cta {
        width: 100%;
        justify-content: center;
    }

    .ot-kpis,
    .cm-summary,
    .scw-grid-kpi,
    .cw-stepper {
        grid-template-columns: 1fr !important;
    }
}