/* Sidebar nav: thinner vertical scrollbar */
.fi-sidebar-nav {
    scrollbar-width: thin;
    scrollbar-color: rgba(156, 163, 175, 0.45) transparent;
}

.fi-sidebar-nav::-webkit-scrollbar {
    width: 4px;
}

.fi-sidebar-nav::-webkit-scrollbar-track {
    background: transparent;
}

.fi-sidebar-nav::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.45);
    border-radius: 9999px;
}

.fi-sidebar-nav::-webkit-scrollbar-thumb:hover {
    background-color: rgba(156, 163, 175, 0.7);
}

/* Table cells: prevent column text overlap */
.fi-ta-table td,
.fi-ta-table th {
    vertical-align: top;
    overflow: hidden;
}

.fi-ta-summary-cell {
    max-width: 15rem !important;
    width: 15rem;
    min-width: 11rem;
}

.fi-ta-summary-cell .fi-ta-text,
.fi-ta-summary-cell .fi-ta-text-item {
    max-width: 100%;
    overflow: hidden;
}

.fi-ta-summary-cell .fi-ta-text-description {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.7rem !important;
    line-height: 1.1rem !important;
    color: rgb(156 163 175);
}

.fi-ta-nama-cell {
    max-width: 10rem !important;
    min-width: 7rem;
    overflow: hidden;
}

.fi-ta-kawasan-cell {
    max-width: 11rem !important;
    min-width: 7rem;
    overflow: hidden;
}

.fi-ta-kawasan-cell .fi-ta-text-description {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.7rem !important;
}

/* ===== Records per page: dropdown dipindah ke toolbar (kanan search) ===== */
/* Sembunyikan dulu di mobile, tampilkan di desktop (>=768px) */
.fi-ta-records-per-page {
    display: none;
}

@media (min-width: 768px) {
    .fi-ta-records-per-page {
        display: inline-flex;
    }

    /* Sembunyikan dropdown per-page di footer & jadikan footer flex yang rapi */
    .fi-resource-penangkapans .fi-ta-pagination,
    .fi-resource-serangans .fi-ta-pagination,
    .fi-resource-region-data .fi-ta-pagination,
    .fi-wi-table .fi-ta-pagination {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
    }

    .fi-resource-penangkapans .fi-pagination-records-per-page-select,
    .fi-resource-serangans .fi-pagination-records-per-page-select,
    .fi-resource-region-data .fi-pagination-records-per-page-select,
    .fi-wi-table .fi-pagination-records-per-page-select {
        display: none !important;
    }
}

/* ===== Pagination: perkecil seluruh tombol ===== */
.fi-resource-penangkapans .fi-pagination-item-button,
.fi-resource-serangans .fi-pagination-item-button,
.fi-resource-region-data .fi-pagination-item-button {
    padding: 0.125rem 0.5rem;
}

.fi-resource-penangkapans .fi-pagination-item-label,
.fi-resource-serangans .fi-pagination-item-label,
.fi-resource-region-data .fi-pagination-item-label {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-size: 0.75rem;
}

.fi-resource-penangkapans .fi-pagination-item-icon,
.fi-resource-serangans .fi-pagination-item-icon,
.fi-resource-region-data .fi-pagination-item-icon {
    width: 0.875rem;
    height: 0.875rem;
}

.fi-resource-penangkapans .fi-pagination-previous-btn,
.fi-resource-serangans .fi-pagination-previous-btn,
.fi-resource-region-data .fi-pagination-previous-btn,
.fi-resource-penangkapans .fi-pagination-next-btn,
.fi-resource-serangans .fi-pagination-next-btn,
.fi-resource-region-data .fi-pagination-next-btn {
    padding: 0.375rem 0.625rem;
    font-size: 0.75rem;
}

/* ===== Badge pada list table: diperkecil ===== */
.fi-ta-text .fi-badge {
    padding: 0.0625rem 0.25rem;
    min-width: 0;
    font-size: 0.625rem;
    line-height: 1rem;
}

/* ===== Tombol Tambah Data (header action) diperkecil ===== */
.fi-header .fi-ac .fi-btn {
    gap: 0.25rem;
    padding: 0.375rem 0.625rem;
}

.fi-header .fi-ac .fi-btn .fi-btn-icon {
    width: 0.875rem;
    height: 0.875rem;
}