.app-sidebar .side-menu__item > .side-menu__icon {
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
    line-height: 1;
    color: currentColor;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.app-sidebar .side-menu__item > svg {
    display: none;
}

.app-sidebar .side-menu__item > .side-menu__icon::before {
    line-height: 1;
}

.table-bordered,
.ti-custom-table-head,
.ti-custom-table-responsive,
.box-body:has(> table.ti-custom-table),
.box-body:has(.tabulator),
.box-body:has(> .ti-custom-table) {
    max-width: 100%;
    overflow-x: auto;
}

.ti-custom-table,
.tabulator {
    max-width: 100%;
}

.ti-custom-table {
    min-width: max-content;
}

.download-data {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.box-header:has(.ts-wrapper),
.box-header:has(.ti-form-select),
.box-header:has(input[placeholder*="Search"]),
.box-body > .xl\:flex:has(.ts-wrapper),
.box-body > .xl\:flex:has(.ti-form-select),
.box-body > .xl\:flex:has(input[placeholder*="Search"]),
.box-body form .xl\:flex:has(.ts-wrapper),
.box-body form .xl\:flex:has(.ti-form-select),
.box-body form .xl\:flex:has(.input-daterange),
.box-body form .xl\:flex:has(.flatpickr-input) {
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: flex-end;
}

.box-header .sm\:flex:has(.ts-wrapper),
.box-header .sm\:flex:has(.ti-form-select),
.box-header .sm\:flex:has(input[placeholder*="Search"]),
.box-body .sm\:flex:has(.ts-wrapper),
.box-body .sm\:flex:has(.ti-form-select),
.box-body .sm\:flex:has(input[placeholder*="Search"]),
.box-body form .sm\:flex:has(.input-daterange),
.box-body form .sm\:flex:has(.flatpickr-input) {
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: flex-end;
}

.box-header .relative.max-w-xs,
.box-header .relative:has(input[placeholder*="Search"]),
.box-body .relative.max-w-xs,
.box-body .relative:has(input[placeholder*="Search"]) {
    flex: 1 1 16rem;
    max-width: 24rem;
    min-width: min(100%, 16rem);
}

.box-header .inline-flex:has(.ts-wrapper),
.box-header .inline-flex:has(.ti-form-select),
.box-body .inline-flex:has(.ts-wrapper),
.box-body .inline-flex:has(.ti-form-select),
.box-body .inline-flex:has(.input-daterange),
.box-body .inline-flex:has(.flatpickr-input),
.download-data > * {
    flex: 1 1 13rem;
    max-width: 20rem;
    min-width: min(100%, 13rem);
}

.box-header .inline-flex:has(.input-daterange),
.box-body .inline-flex:has(.input-daterange) {
    max-width: 28rem;
}

.box-header .inline-flex:has(.ts-wrapper) > div,
.box-header .inline-flex:has(.ti-form-select) > div,
.box-header .inline-flex:has(.input-daterange) > div,
.box-header .inline-flex:has(.flatpickr-input) > div,
.box-body .inline-flex:has(.ts-wrapper) > div,
.box-body .inline-flex:has(.ti-form-select) > div,
.box-body .inline-flex:has(.input-daterange) > div,
.box-body .inline-flex:has(.flatpickr-input) > div,
.box-header .ts-wrapper,
.box-body > .xl\:flex .ts-wrapper,
.box-body form .ts-wrapper,
.box-header .ti-form-select,
.box-body > .xl\:flex .ti-form-select,
.box-body form .ti-form-select,
.box-header .ti-form-input,
.box-body > .xl\:flex .ti-form-input,
.box-body form .ti-form-input,
.download-data .ti-btn {
    width: 100%;
    min-width: 0;
}

.ts-wrapper .ts-control {
    min-height: 2.5rem;
    align-items: center;
}

.ts-dropdown {
    min-width: 100%;
}

.input-daterange {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.input-daterange .ti-form-input {
    flex: 1 1 10rem;
    min-width: min(100%, 10rem);
}

.livewire-report-filter,
.md\:grid:has(.flatpickr-input),
.md\:grid:has(.ti-form-select) {
    gap: 1rem;
    align-items: end;
}

.md\:grid:has(.flatpickr-input) > *,
.md\:grid:has(.ti-form-select) > * {
    min-width: 0;
}

@media (max-width: 640px) {
    .box-header:has(.ts-wrapper) > *,
    .box-header:has(.ti-form-select) > *,
    .box-header:has(input[placeholder*="Search"]) > *,
    .box-body > .xl\:flex:has(.ts-wrapper) > *,
    .box-body > .xl\:flex:has(.ti-form-select) > *,
    .box-body > .xl\:flex:has(input[placeholder*="Search"]) > *,
    .box-body form .xl\:flex:has(.ts-wrapper) > *,
    .box-body form .xl\:flex:has(.ti-form-select) > *,
    .box-body form .xl\:flex:has(.input-daterange) > *,
    .box-body form .xl\:flex:has(.flatpickr-input) > *,
    .box-header .inline-flex:has(.ts-wrapper),
    .box-header .inline-flex:has(.ti-form-select),
    .box-body .inline-flex:has(.ts-wrapper),
    .box-body .inline-flex:has(.ti-form-select),
    .box-body .inline-flex:has(.input-daterange),
    .box-body .inline-flex:has(.flatpickr-input),
    .download-data > * {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%;
    }

    .box-header .relative.max-w-xs,
    .box-header .relative:has(input[placeholder*="Search"]),
    .box-body .relative.max-w-xs,
    .box-body .relative:has(input[placeholder*="Search"]) {
        max-width: 100%;
    }

    .md\:grid:has(.flatpickr-input),
    .md\:grid:has(.ti-form-select) {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }
}