/* ============================= */
/*         MEDIA QUERIES        */
/* ============================= */

/* Extra small devices (phones, less than 576px) */
@media (max-width: 380.98px) {
    .tds-primary-btn {
        padding: 0.525rem 0.75rem;
    }

    #leadSourceFilterDropdown {
        font-size: 0.6rem;
        padding: 0.575rem 1.7rem 0.575rem 0.75rem;
        background-size: 0.6rem;
    }
}

@media (min-width: 300px) and (max-width: 455.98px) {
    .stat-box-title {
        font-size: var(--font-xs);
    }

    .stat-box-value {
        font-size: var(--font-sm);
    }

    .chart-box-title {
        font-size: var(--font-xs);
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* Add styles for small devices here */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* Add styles for large devices here */
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    /* Add styles for extra large devices here */
}

/* Extra extra large devices (very large screens, 1400px and up) */
@media (min-width: 1400px) {
    /* Add styles for very large screens here */
}

/* Custom max-width 1500px */
@media (max-width: 1500px) {

    table.dataTable thead th,
    table.dataTable td {
        font-size: var(--font-xsm);
    }

    .stat-box-value {
        font-size: var(--font-xl);
    }

    .stat-box {
        padding: 1.15rem;
    }

    .stat-box-title {
        font-size: var(--font-sm);
    }

    .sidebar-link {
        font-size: var(--font-xs-plus);
    }

    .top-nav-title {
        font-size: var(--font-lg);
    }

    .tds-primary-btn {
        font-size: var(--font-xs) !important;
    }

    .tds-btn-outline-primary {
        font-size: var(--font-xs) !important;
    }

    .tds-select-filter {
        font-size: var(--font-xs);
    }

    .tds-page-title-md-plus {
        font-size: var(--font-md);
    }

    .tds-primary-link {
        font-size: var(--font-sm);
    }

    .tds-form-control {
        font-size: var(--font-xs);
    }

    .action-icons {
        font-size: var(--font-sm) !important;
    }

    .search-input {
        font-size: var(--font-xs) !important;
    }

    .search-icon {
        font-size: var(--font-xsm);
    }
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .border-left-md {
        border-left: 1px solid var(--light-border) !important;
    }

    .passkey-form .form-control {
        max-width: 100%;
    }

    .main-content-wrapper {
        margin-left: 0 !important;
    }

    #main-navbar {
        padding: 0 10px;
    }
}

@media (max-width: 575.98px) {
    .main-content {
        padding: 10px;
    }

    .top-nav-title {
        font-size: var(--font-base);
    }

    .tds-columns-dropdown-wrapper {
        top: 5px;
        right: 10px;
    }

    .tds-columns-toggle-btn {
        padding: 4px 8px;
        font-size: 14px;
    }

    .tds-column-toggle-list {
        min-width: 180px;
        max-height: 200px;
        padding: 8px;
    }

    #leadSourceFilterDropdown {
        font-size: var(--font-xss-plus);
        padding: 0.575rem 2.5rem 0.575rem 0.75rem;
    }

    .tds-select-filter {
        font-size: var(--font-xss-plus);
        padding: 0.475rem 3.25rem 0.575rem 0.75rem;
        background-size: var(--font-xss-plus);
    }

    .tds-primary-btn {
        font-size: var(--font-xss-plus) !important;
    }

    .tds-primary-link {
        font-size: var(--font-sm) !important;
    }

    .stat-box-title {
        font-size: var(--font-sm);
    }

    .stat-box-value {
        font-size: var(--font-md);
    }

    .chart-box-title {
        font-size: var(--font-sm);
    }

    table.dataTable thead th,
    table.dataTable td {
        font-size: var(--font-xs);
    }

    .tds-column-toggle-header {
        font-size: var(--font-sm);
    }

    .stat-box,
    .tds-card {
        padding: 1rem !important;
    }

    .tds-page-title-md-plus {
        font-size: var(--font-base);
    }

    .small-chart {
        height: 250px !important;
    }

    .dt-filters-btn,
    .dt-export-btn,
    .search-input,
    .dt-search-box .search-icon,
    .user-deactivate-btn,
    .user-activate-btn {
        font-size: var(--font-xs) !important;
    }

    .top-nav-title {
        font-size: var(--font-sm);
    }

    .manage-stats-link {
        margin-right: 0rem;
        font-size: var(--font-xsm) !important;
    }

    .tds-nav-tabs .tds-nav-link {
        font-size: var(--font-sm);
    }

    .dt-title {
        font-size: var(--font-sm);
    }

    .table-filter-header {
        gap: 1rem !important;
    }

    .stats-box-header {
        gap: 0.5rem;
    }

    .tds-card-tick {
        width: 14px;
        height: 14px;
    }

    .credit-count {
        font-size: var(--font-base) !important;
    }

    .current-balance-title {
        font-size: var(--font-base) !important;
        margin-bottom: 1rem !important;
    }
}