/* KDA_GLOBAL_PAGE_FLOW_PAGINATION_V1300 */

html{
    min-height:100%;
    overflow-x:hidden;
}

body{
    min-height:100vh;
    overflow-x:hidden;
    overflow-y:auto;
}

.main-shell{
    min-height:100vh;
    overflow:visible;
}

.content{
    min-height:calc(100vh - var(--topbar,72px));
    max-width:100%;
    overflow:visible;
}

.content > *{
    max-width:100%;
}

.table-wrap{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
}

.sidebar{
    max-height:100vh;
}

.sidebar-scroll{
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
}

/* System-wide Laravel paginator replacement. */
.kda-pagination{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
    margin:18px 0 4px;
    padding:12px 0 2px;
    border-top:1px solid var(--line,#dde6df);
    font-size:12px;
}

.kda-pagination-summary{
    color:var(--muted,#66756d);
    line-height:1.4;
}

.kda-pagination-summary strong{
    color:#173d2b;
    font-weight:850;
}

.kda-pagination-pages{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    flex-wrap:wrap;
}

.kda-page-link,
.kda-page-status,
.kda-page-gap{
    min-width:34px;
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 10px;
    border-radius:8px;
    font-weight:750;
    line-height:1;
}

.kda-page-link{
    border:1px solid #cddbd2;
    background:#fff;
    color:#0b603d;
    text-decoration:none;
}

a.kda-page-link:hover{
    border-color:#0b6b43;
    background:#f1f8f4;
    color:#084b31;
}

.kda-page-link.is-current{
    border-color:#0b6b43;
    background:#0b6b43;
    color:#fff;
}

.kda-page-link.is-disabled{
    border-color:#e0e7e2;
    background:#f6f8f7;
    color:#9aa69f;
    cursor:not-allowed;
}

.kda-page-gap,
.kda-page-status{
    color:#68766f;
}

.kda-pagination svg{
    display:none!important;
    width:0!important;
    height:0!important;
    max-width:0!important;
    max-height:0!important;
    overflow:hidden!important;
}

@media(max-width:700px){
    .kda-pagination{
        align-items:stretch;
    }

    .kda-pagination-summary{
        width:100%;
    }

    .kda-pagination-pages{
        width:100%;
        justify-content:flex-start;
    }

    .kda-page-link,
    .kda-page-status,
    .kda-page-gap{
        min-height:38px;
    }
}