/* Root nimmt die volle Höhe ein; über Parent steuerbar (height:100vh o.ä.) */
.pager-root {
    display: grid;
    grid-template-rows: auto 1fr auto; /* Header (optional) / Content / Footer */
    height: 100%; /* funktioniert, wenn der Parent eine Höhe hat */
    outline: none;
}

.pager-header {
    /* optional: fixed header styling */
}

.pager-content {
    overflow: auto; /* Inhalt scrollt, Footer bleibt stehen */
    min-height: 0; /* wichtig für korrektes Shrinking in Grids */
}

.pager-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: .75rem;
    border-top: 1px solid #ddd;
    background: #fafafa;
}

.pager-btn {
    padding: .5rem .75rem;
    border-radius: .5rem;
    border: 1px solid #ddd;
    cursor: pointer;
}

    .pager-btn:disabled {
        opacity: .5;
        cursor: not-allowed;
    }

.pager-indicator {
    user-select: none;
}

.pager-empty {
    color: #888;
    font-style: italic;
}