/* Final mobile/tablet rhythm for page heads, listing actions, filters, and cards. */
@media (max-width: 1199.98px) {
    :root {
        --iv-page-head-icon: 42px;
        --iv-page-head-title: 18px;
        --iv-page-head-subtitle: 11.5px;
        --iv-page-head-gap: 12px;
        --iv-listing-section-gap: 14px;
        --iv-listing-control-h: 40px;
        --iv-listing-control-radius: 12px;
        --iv-listing-card-radius: 14px;
    }

    body .main-content.iv-listing-page,
    body .main-content.club-management {
        display: block !important;
        padding-bottom: max(128px, calc(108px + env(safe-area-inset-bottom))) !important;
    }

    body .main-content > .page-head,
    body .main-content > .al-page-head,
    body .main-content > [class$="-page-head"],
    body .main-content.iv-listing-page > .page-head,
    body .main-content.club-management > .page-head {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        flex-direction: column !important;
        gap: var(--iv-page-head-gap) !important;
        margin: 0 0 var(--iv-listing-section-gap) !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        letter-spacing: 0 !important;
    }

    body .main-content .page-head .al-page-head,
    body .main-content .al-page-head {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .main-content .al-page-head-left,
    body .main-content .page-head .al-page-head-left {
        width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: var(--iv-page-head-icon) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 0 !important;
    }

    body .main-content .al-page-head-left > div:last-child {
        min-width: 0 !important;
    }

    /* Testate senza .al-page-icon (unico figlio = testo): il titolo non deve
       restare confinato nella colonna-icona da 42/38px → occupa tutta la riga. */
    body .main-content .al-page-head-left > div:only-child,
    body .main-content .page-head .al-page-head-left > div:only-child {
        grid-column: 1 / -1 !important;
    }

    body .main-content .al-page-icon {
        width: var(--iv-page-head-icon) !important;
        min-width: var(--iv-page-head-icon) !important;
        max-width: var(--iv-page-head-icon) !important;
        height: var(--iv-page-head-icon) !important;
        min-height: var(--iv-page-head-icon) !important;
        max-height: var(--iv-page-head-icon) !important;
        border-radius: 12px !important;
        background: linear-gradient(135deg, #117c86 0%, #0b6670 100%) !important;
        color: #ffffff !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 var(--iv-page-head-icon) !important;
        box-shadow: 0 10px 22px rgba(13, 95, 106, .14) !important;
    }

    body .main-content .al-page-icon svg,
    body .main-content .al-page-icon img,
    body .main-content .al-page-icon i {
        width: 19px !important;
        height: 19px !important;
        max-width: 19px !important;
        max-height: 19px !important;
        flex: 0 0 auto !important;
    }

    body .main-content .al-page-title,
    body .main-content .page-head .dash-title,
    body .main-content .page-head h1,
    body .main-content .page-head h2,
    body .main-content .page-head h3,
    body .main-content > [class$="-page-head"] h1,
    body .main-content > [class$="-page-head"] h2,
    body .main-content > [class$="-page-head"] h3 {
        max-width: 100% !important;
        margin: 0 !important;
        color: var(--iv-text, #102033) !important;
        font-family: "Montserrat", sans-serif !important;
        font-size: var(--iv-page-head-title) !important;
        font-weight: 700 !important;
        line-height: 1.18 !important;
        letter-spacing: 0 !important;
        overflow-wrap: anywhere !important;
    }

    body .main-content .al-page-sub,
    body .main-content .page-head p,
    body .main-content > [class$="-page-head"] p {
        max-width: min(100%, 540px) !important;
        margin: 3px 0 0 !important;
        color: var(--iv-text-2, #6b7c91) !important;
        font-family: "Montserrat", sans-serif !important;
        font-size: var(--iv-page-head-subtitle) !important;
        font-weight: 450 !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    body .main-content .page-head .management-filter,
    body .main-content .page-head .iv-listing-filter {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        align-items: stretch !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body .main-content .page-head .management-filter > *,
    body .main-content .page-head .iv-listing-filter > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body .main-content .page-head .listing-action-row,
    body .main-content .page-head .iv-listing-actions,
    body .main-content .page-head .iv-filter-inline-action-row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .main-content .page-head .listing-action-row > *,
    body .main-content .page-head .iv-listing-actions > *,
    body .main-content .page-head .iv-filter-inline-action-row > *,
    body .main-content .page-head .listing-action-row .dropdown,
    body .main-content .page-head .iv-listing-actions .dropdown {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body .main-content .page-head .listing-action-row .primary-button,
    body .main-content .page-head .iv-listing-actions .primary-button,
    body .main-content .page-head .iv-filter-inline-action-row .primary-button,
    body .main-content .page-head .listing-action-row .dropdown-toggle,
    body .main-content .page-head .iv-listing-actions .dropdown-toggle,
    body .main-content.club-management:has(table.sport_listing) > .d-flex.justify-content-end.align-items-center .primary-button,
    body .main-content.club-management:has(table.sport_listing) > .d-flex.justify-content-end.align-items-center .dropdown-toggle {
        width: 100% !important;
        min-width: 0 !important;
        height: var(--iv-listing-control-h) !important;
        min-height: var(--iv-listing-control-h) !important;
        padding: 0 12px !important;
        border-radius: 40px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body .main-content > .iv-filter-toolbar,
    body .main-content > .page-head + .iv-filter-toolbar,
    body .main-content > .page-head.iv-filter-page-head-active + .iv-filter-toolbar {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        margin: 0 0 var(--iv-listing-section-gap) !important;
        padding: 0 !important;
        clear: both !important;
        position: relative !important;
        z-index: 1 !important;
    }

    body .main-content > .iv-filter-toolbar .iv-filter-open-btn,
    body .main-content > .page-head + .iv-filter-toolbar .iv-filter-open-btn {
        width: 100% !important;
        height: var(--iv-listing-control-h) !important;
        min-height: var(--iv-listing-control-h) !important;
        border-radius: 12px !important;
        border-color: color-mix(in srgb, var(--role-accent, #01B8B6) 34%, transparent) !important;
        background: var(--iv-surface, #ffffff) !important;
        color: var(--iv-text, #102033) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        box-shadow: 0 6px 16px rgba(15, 39, 61, .04) !important;
    }

    body .main-content > .iv-filter-toolbar .iv-filter-open-btn svg,
    body .main-content > .page-head + .iv-filter-toolbar .iv-filter-open-btn svg {
        width: 13px !important;
        height: 13px !important;
        color: #0c9f9c !important;
    }

    body .main-content .iv-filter-preceding-action-row,
    body .main-content.club-management:has(table.sport_listing) > .d-flex.justify-content-end.align-items-center,
    body .main-content.iv-listing-page > .iv-listing-export-row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        margin: 0 0 var(--iv-listing-section-gap) !important;
        padding: 0 !important;
        position: relative !important;
        z-index: 2 !important;
        background: transparent !important;
    }

    body .main-content .iv-filter-preceding-action-row > .dropdown,
    body .main-content .iv-filter-preceding-action-row > #bulk-action-bar,
    body .main-content.club-management:has(table.sport_listing) > .d-flex.justify-content-end.align-items-center > .dropdown,
    body .main-content.club-management:has(table.sport_listing) > .d-flex.justify-content-end.align-items-center > #bulk-action-bar,
    body .main-content.iv-listing-page > .iv-listing-export-row > .dropdown {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .main-content .table-data,
    body .main-content .dataTables_wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        overflow: visible !important;
    }

    body .main-content .dataTables_wrapper .dt-top,
    body .main-content .dataTables_wrapper .dt-bottom {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
    }

    body .main-content .dataTables_wrapper .dt-bottom {
        margin: 12px 0 0 !important;
    }

    body .main-content .dataTables_wrapper .dataTables_length,
    body .main-content .dataTables_wrapper .dt-length,
    body .main-content .dataTables_wrapper .dataTables_filter,
    body .main-content .dataTables_wrapper .dt-search {
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body .main-content .dataTables_wrapper .dataTables_length label,
    body .main-content .dataTables_wrapper .dt-length label,
    body .main-content .dataTables_wrapper .dataTables_filter label,
    body .main-content .dataTables_wrapper .dt-search label {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        margin: 0 !important;
        color: #7a899b !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    body .main-content .dataTables_wrapper .dataTables_length select,
    body .main-content .dataTables_wrapper .dt-length select {
        height: 36px !important;
        min-height: 36px !important;
        min-width: 76px !important;
        padding: 0 28px 0 12px !important;
        border: 1px solid #d7e2ed !important;
        border-radius: 10px !important;
        background-color: #ffffff !important;
        color: #24364a !important;
        font-size: 11.5px !important;
        font-weight: 600 !important;
        line-height: 36px !important;
    }

    body .main-content .dataTables_wrapper .dataTables_filter input,
    body .main-content .dataTables_wrapper .dt-search input {
        width: min(100%, 220px) !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 12px !important;
        border: 1px solid #d7e2ed !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        color: #24364a !important;
        font-size: 11.5px !important;
        font-weight: 500 !important;
        line-height: 36px !important;
    }

    body .main-content table.responsive-card-table {
        width: 100% !important;
        min-width: 0 !important;
        border-collapse: separate !important;
        border-spacing: 0 10px !important;
        background: transparent !important;
    }

    body .main-content table.responsive-card-table tbody {
        display: block !important;
        width: 100% !important;
        background: transparent !important;
    }

    body .main-content table.responsive-card-table tbody tr {
        width: 100% !important;
        margin: 0 0 10px !important;
        border: 1px solid #e2eaf2 !important;
        border-radius: var(--iv-listing-card-radius) !important;
        background: #ffffff !important;
        box-shadow: 0 10px 24px rgba(15, 23, 42, .06) !important;
        overflow: hidden !important;
    }

    body .main-content table.responsive-card-table tbody td {
        min-height: 38px !important;
        padding: 8px 12px !important;
        grid-template-columns: minmax(96px, 34%) minmax(0, 1fr) !important;
        gap: 10px !important;
        color: #182a3d !important;
        font-size: 11.5px !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;
        border-bottom-color: #edf3f8 !important;
        overflow-wrap: anywhere !important;
    }

    body .main-content table.responsive-card-table tbody td::before {
        color: #294764 !important;
        font-size: 8.8px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        letter-spacing: .035em !important;
        text-transform: uppercase !important;
    }

    body .main-content table.responsive-card-table td.iv-card-action-cell {
        min-height: 42px !important;
        padding: 7px 10px !important;
        gap: 8px !important;
        background: #fbfdff !important;
    }

    body .main-content table.responsive-card-table .action-btn,
    body .main-content table.responsive-card-table a.action-btn,
    body .main-content table.responsive-card-table button.action-btn,
    body .main-content table.responsive-card-table .btn-icon,
    body .main-content table.responsive-card-table td.iv-card-action-cell > a,
    body .main-content table.responsive-card-table td.iv-card-action-cell > button {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
        border-radius: 40px !important;
        padding: 0 !important;
    }

    body .main-content table.responsive-card-table td.iv-card-select-cell {
        top: 10px !important;
        right: 10px !important;
    }

    body .main-content table.responsive-card-table tbody td.iv-card-select-cell + td,
    body .main-content table.responsive-card-table tbody td.iv-card-primary-cell:first-of-type {
        padding-right: 52px !important;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    body .main-content .page-head .management-filter:not(.iv-filter-row-drawerized),
    body .main-content .page-head .iv-listing-filter:not(.iv-filter-row-drawerized) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body .main-content .page-head .management-filter:not(.iv-filter-row-drawerized) > .inputfiled,
    body .main-content .page-head .management-filter:not(.iv-filter-row-drawerized) > .select-field,
    body .main-content .page-head .iv-listing-filter:not(.iv-filter-row-drawerized) > .inputfiled,
    body .main-content .page-head .iv-listing-filter:not(.iv-filter-row-drawerized) > .select-field {
        grid-column: auto !important;
    }

    body .main-content .dataTables_wrapper .dataTables_filter input,
    body .main-content .dataTables_wrapper .dt-search input {
        width: 240px !important;
    }
}

@media (max-width: 575.98px) {
    :root {
        --iv-page-head-icon: 38px;
        --iv-page-head-title: 16px;
        --iv-page-head-subtitle: 10.6px;
        --iv-page-head-gap: 11px;
        --iv-listing-section-gap: 12px;
        --iv-listing-control-h: 38px;
        --iv-listing-card-radius: 13px;
    }

    body .main-content .al-page-head-left,
    body .main-content .page-head .al-page-head-left {
        gap: 9px !important;
    }

    body .main-content .al-page-icon svg,
    body .main-content .al-page-icon img,
    body .main-content .al-page-icon i {
        width: 17px !important;
        height: 17px !important;
        max-width: 17px !important;
        max-height: 17px !important;
    }

    body .main-content .page-head .listing-action-row,
    body .main-content .page-head .iv-listing-actions,
    body .main-content .page-head .iv-filter-inline-action-row,
    body .main-content .iv-filter-preceding-action-row,
    body .main-content.club-management:has(table.sport_listing) > .d-flex.justify-content-end.align-items-center,
    body .main-content.iv-listing-page > .iv-listing-export-row {
        gap: 8px !important;
    }

    body .main-content .page-head .listing-action-row .primary-button,
    body .main-content .page-head .iv-listing-actions .primary-button,
    body .main-content .page-head .iv-filter-inline-action-row .primary-button,
    body .main-content .page-head .listing-action-row .dropdown-toggle,
    body .main-content .page-head .iv-listing-actions .dropdown-toggle,
    body .main-content.club-management:has(table.sport_listing) > .d-flex.justify-content-end.align-items-center .primary-button,
    body .main-content.club-management:has(table.sport_listing) > .d-flex.justify-content-end.align-items-center .dropdown-toggle {
        padding-right: 9px !important;
        padding-left: 9px !important;
        font-size: 10px !important;
    }

    body .main-content .dataTables_wrapper .dt-top,
    body .main-content .dataTables_wrapper .dt-bottom {
        justify-content: flex-start !important;
        gap: 8px !important;
    }

    body .main-content .dataTables_wrapper .dataTables_length label,
    body .main-content .dataTables_wrapper .dt-length label {
        min-height: 36px !important;
        padding: 0 8px !important;
        border: 1px solid #e0e8f1 !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        box-shadow: 0 6px 14px rgba(15, 39, 61, .04) !important;
    }

    body .main-content .dataTables_wrapper .dataTables_filter,
    body .main-content .dataTables_wrapper .dt-search,
    body .main-content .dataTables_wrapper .dataTables_filter label,
    body .main-content .dataTables_wrapper .dt-search label,
    body .main-content .dataTables_wrapper .dataTables_filter input,
    body .main-content .dataTables_wrapper .dt-search input {
        width: 100% !important;
    }

    body .main-content table.responsive-card-table tbody td {
        min-height: 36px !important;
        padding: 7px 10px !important;
        grid-template-columns: minmax(84px, 33%) minmax(0, 1fr) !important;
        gap: 8px !important;
        font-size: 11px !important;
    }

    body .main-content table.responsive-card-table tbody td::before {
        font-size: 8.4px !important;
    }
}

@media (max-width: 359.98px) {
    :root {
        --iv-page-head-icon: 36px;
        --iv-page-head-title: 15px;
        --iv-page-head-subtitle: 10px;
        --iv-listing-control-h: 37px;
    }

    body .main-content .page-head .listing-action-row,
    body .main-content .page-head .iv-listing-actions,
    body .main-content .page-head .iv-filter-inline-action-row,
    body .main-content .iv-filter-preceding-action-row,
    body .main-content.club-management:has(table.sport_listing) > .d-flex.justify-content-end.align-items-center,
    body .main-content.iv-listing-page > .iv-listing-export-row {
        grid-template-columns: 1fr !important;
    }

    body .main-content table.responsive-card-table tbody td {
        grid-template-columns: 1fr !important;
        gap: 3px !important;
    }
}

/* Highest-priority mobile listing stack: removes old reserved gaps between filter and cards. */
@media (max-width: 1199.98px) {
    body .main-content.iv-listing-page > .page-head,
    body .main-content.club-management > .page-head,
    body .main-content.users-management-page > .page-head {
        gap: 11px !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
        margin-left: 0 !important;
        padding: 0 !important;
    }

    body .main-content.iv-listing-page > .page-head.iv-filter-page-head-active,
    body .main-content.club-management > .page-head.iv-filter-page-head-active,
    body .main-content.users-management-page > .page-head.iv-filter-page-head-active {
        margin-bottom: 10px !important;
        padding-bottom: 0 !important;
    }

    body .main-content.iv-listing-page > .page-head .management-filter.iv-filter-row-drawerized:not(.iv-filter-row-empty),
    body .main-content.club-management > .page-head .management-filter.iv-filter-row-drawerized:not(.iv-filter-row-empty),
    body .main-content.users-management-page > .page-head .management-filter.iv-filter-row-drawerized:not(.iv-filter-row-empty),
    body .main-content.iv-listing-page > .page-head .iv-listing-filter.iv-filter-row-drawerized:not(.iv-filter-row-empty),
    body .main-content.club-management > .page-head .iv-listing-filter.iv-filter-row-drawerized:not(.iv-filter-row-empty),
    body .main-content.users-management-page > .page-head .iv-listing-filter.iv-filter-row-drawerized:not(.iv-filter-row-empty) {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        row-gap: 9px !important;
        column-gap: 9px !important;
    }

    body .main-content.iv-listing-page > .page-head .listing-action-row,
    body .main-content.club-management > .page-head .listing-action-row,
    body .main-content.users-management-page > .page-head .listing-action-row,
    body .main-content.iv-listing-page > .page-head .iv-listing-actions,
    body .main-content.club-management > .page-head .iv-listing-actions,
    body .main-content.users-management-page > .page-head .iv-listing-actions,
    body .main-content.iv-listing-page > .page-head .iv-filter-inline-action-row,
    body .main-content.club-management > .page-head .iv-filter-inline-action-row,
    body .main-content.users-management-page > .page-head .iv-filter-inline-action-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        width: 100% !important;
        margin: 0 !important;
    }

    body .main-content.iv-listing-page > .page-head + .iv-filter-toolbar,
    body .main-content.club-management > .page-head + .iv-filter-toolbar,
    body .main-content.users-management-page > .page-head + .iv-filter-toolbar,
    body .main-content.iv-listing-page > .page-head.iv-filter-page-head-active + .iv-filter-toolbar,
    body .main-content.club-management > .page-head.iv-filter-page-head-active + .iv-filter-toolbar,
    body .main-content.users-management-page > .page-head.iv-filter-page-head-active + .iv-filter-toolbar,
    body .main-content.iv-listing-page > .page-head ~ .iv-filter-toolbar,
    body .main-content.club-management > .page-head ~ .iv-filter-toolbar,
    body .main-content.users-management-page > .page-head ~ .iv-filter-toolbar,
    body .main-content.iv-listing-page > .iv-filter-toolbar,
    body .main-content.club-management > .iv-filter-toolbar,
    body .main-content.users-management-page > .iv-filter-toolbar {
        margin-top: 0 !important;
        margin-bottom: 11px !important;
        padding: 0 !important;
    }

    body .main-content.iv-listing-page > .page-head + .iv-filter-toolbar .iv-filter-open-btn,
    body .main-content.club-management > .page-head + .iv-filter-toolbar .iv-filter-open-btn,
    body .main-content.users-management-page > .page-head + .iv-filter-toolbar .iv-filter-open-btn,
    body .main-content.iv-listing-page > .iv-filter-toolbar .iv-filter-open-btn,
    body .main-content.club-management > .iv-filter-toolbar .iv-filter-open-btn,
    body .main-content.users-management-page > .iv-filter-toolbar .iv-filter-open-btn {
        height: 39px !important;
        min-height: 39px !important;
        border-radius: 11px !important;
        font-size: 11.5px !important;
    }

    body .main-content.iv-listing-page .table-data,
    body .main-content.club-management .table-data,
    body .main-content.users-management-page .table-data,
    body .main-content.iv-listing-page .dataTables_wrapper,
    body .main-content.club-management .dataTables_wrapper,
    body .main-content.users-management-page .dataTables_wrapper {
        margin-top: 0 !important;
        padding-top: 0 !important;
        overflow: visible !important;
    }

    body .main-content.iv-listing-page .dataTables_wrapper .dt-top,
    body .main-content.club-management .dataTables_wrapper .dt-top,
    body .main-content.users-management-page .dataTables_wrapper .dt-top {
        min-height: 36px !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
        margin-left: 0 !important;
        padding: 0 !important;
        gap: 8px !important;
        align-items: center !important;
    }

    body .main-content.iv-listing-page .dataTables_wrapper .dt-length,
    body .main-content.club-management .dataTables_wrapper .dt-length,
    body .main-content.users-management-page .dataTables_wrapper .dt-length,
    body .main-content.iv-listing-page .dataTables_wrapper .dataTables_length,
    body .main-content.club-management .dataTables_wrapper .dataTables_length,
    body .main-content.users-management-page .dataTables_wrapper .dataTables_length {
        margin: 0 !important;
        padding: 0 !important;
    }

    body .main-content.iv-listing-page .dataTables_wrapper .dataTables_length label,
    body .main-content.club-management .dataTables_wrapper .dataTables_length label,
    body .main-content.users-management-page .dataTables_wrapper .dataTables_length label {
        height: 35px !important;
        min-height: 35px !important;
        padding: 3px 8px !important;
        border-radius: 10px !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }

    body .main-content.iv-listing-page .dataTables_wrapper .dataTables_length select,
    body .main-content.club-management .dataTables_wrapper .dataTables_length select,
    body .main-content.users-management-page .dataTables_wrapper .dataTables_length select {
        height: 29px !important;
        min-height: 29px !important;
        line-height: 29px !important;
        border-radius: 15px !important;
        font-size: 11px !important;
    }

    body .main-content.iv-listing-page table.responsive-card-table,
    body .main-content.club-management table.responsive-card-table,
    body .main-content.users-management-page table.responsive-card-table {
        margin-top: 0 !important;
        border-spacing: 0 9px !important;
    }

    body .main-content.iv-listing-page table.responsive-card-table tbody tr,
    body .main-content.club-management table.responsive-card-table tbody tr,
    body .main-content.users-management-page table.responsive-card-table tbody tr {
        margin-bottom: 9px !important;
    }
}

@media (max-width: 575.98px) {
    body .main-content.iv-listing-page > .page-head,
    body .main-content.club-management > .page-head,
    body .main-content.users-management-page > .page-head {
        gap: 10px !important;
        margin-bottom: 9px !important;
    }

    body .main-content.iv-listing-page > .page-head + .iv-filter-toolbar,
    body .main-content.club-management > .page-head + .iv-filter-toolbar,
    body .main-content.users-management-page > .page-head + .iv-filter-toolbar,
    body .main-content.iv-listing-page > .page-head.iv-filter-page-head-active + .iv-filter-toolbar,
    body .main-content.club-management > .page-head.iv-filter-page-head-active + .iv-filter-toolbar,
    body .main-content.users-management-page > .page-head.iv-filter-page-head-active + .iv-filter-toolbar,
    body .main-content.iv-listing-page > .page-head ~ .iv-filter-toolbar,
    body .main-content.club-management > .page-head ~ .iv-filter-toolbar,
    body .main-content.users-management-page > .page-head ~ .iv-filter-toolbar,
    body .main-content.iv-listing-page > .iv-filter-toolbar,
    body .main-content.club-management > .iv-filter-toolbar,
    body .main-content.users-management-page > .iv-filter-toolbar {
        margin-bottom: 10px !important;
    }

    body .main-content.iv-listing-page .dataTables_wrapper .dt-top,
    body .main-content.club-management .dataTables_wrapper .dt-top,
    body .main-content.users-management-page .dataTables_wrapper .dt-top {
        margin-bottom: 9px !important;
    }

    body .main-content.iv-listing-page table.responsive-card-table,
    body .main-content.club-management table.responsive-card-table,
    body .main-content.users-management-page table.responsive-card-table {
        border-spacing: 0 8px !important;
    }
}

@media (min-width: 992px) {
    body .main-content.iv-listing-page .users_listing th:last-child,
    body .main-content.iv-listing-page .users_listing td:last-child {
        max-width: 150px !important;
    }
}

body .iv-mobile-signin-only {
    display: none !important;
}

@media (max-width: 575.98px) {
    body .iv-mobile-signin-only {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}