/*
 * AuditTrack V69 canonical pagination authority
 *
 * This component deliberately owns every visible metric. It does not inherit
 * Bootstrap footer, button or page-specific pagination classes. Homepage and
 * next-process use the same PHP renderer, the same namespace and this single
 * final stylesheet.
 */
:root {
    --audit-v69-pagination-text: #6c757d;
    --audit-v69-pagination-surface: #ffffff;
    --audit-v69-pagination-divider: #e5e9ef;
    --audit-v69-pagination-button-surface: #ffffff;
    --audit-v69-pagination-button-text: #778190;
    --audit-v69-pagination-button-border: #d9dee5;
    --audit-v69-pagination-button-hover-surface: #f8fafc;
    --audit-v69-pagination-button-hover-text: #4b5563;
    --audit-v69-pagination-button-hover-border: #cbd5e1;
    --audit-v69-pagination-eye-text: #5c554b;
    --audit-v69-pagination-eye-surface: #eaddcc;
    --audit-v69-pagination-eye-divider: #b9a98e;
    --audit-v69-pagination-eye-button-surface: #d8c8aa;
    --audit-v69-pagination-eye-button-text: #3f382f;
    --audit-v69-pagination-eye-button-border: #a98f66;
    --audit-v69-pagination-eye-button-hover: #cdbb9d;
    --audit-v69-pagination-eye-button-hover-border: #92794f;
}

@media screen {
    .audit-pagination-v69[data-audit-pagination-version="v69"] {
        isolation: isolate !important;
        contain: layout style paint !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex: 0 0 auto !important;
        gap: 14px !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 64px !important;
        margin: 0 !important;
        padding: 13px 16px !important;
        border: 0 !important;
        border-top: 1px solid var(--audit-v69-pagination-divider) !important;
        border-radius: 0 0 12px 12px !important;
        background: var(--audit-v69-pagination-surface) !important;
        color: var(--audit-v69-pagination-text) !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        font-family: var(--audit-font-family) !important;
        font-size: 14px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
        text-align: initial !important;
        text-transform: none !important;
    }

    .audit-pagination-v69[data-audit-pagination-version="v69"],
    .audit-pagination-v69[data-audit-pagination-version="v69"] *,
    .audit-pagination-v69[data-audit-pagination-version="v69"] *::before,
    .audit-pagination-v69[data-audit-pagination-version="v69"] *::after {
        box-sizing: border-box !important;
    }

    .audit-pagination-v69__per-page,
    .audit-pagination-v69__info,
    .audit-pagination-v69__navigation,
    .audit-pagination-v69__buttons {
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: inherit !important;
        box-shadow: none !important;
        font: inherit !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .audit-pagination-v69__per-page,
    .audit-pagination-v69__info {
        display: block !important;
        white-space: nowrap !important;
    }

    .audit-pagination-v69__per-page-value {
        color: inherit !important;
        font: inherit !important;
        font-weight: 800 !important;
    }

    .audit-pagination-v69__navigation,
    .audit-pagination-v69__buttons {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    .audit-pagination-v69__navigation {
        gap: 12px !important;
    }

    .audit-pagination-v69__buttons {
        flex: 0 0 auto !important;
        gap: 7px !important;
    }

    .audit-pagination-v69__button {
        -webkit-appearance: none !important;
        appearance: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 36px !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
        aspect-ratio: 1 / 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid var(--audit-v69-pagination-button-border) !important;
        border-radius: 50% !important;
        background: var(--audit-v69-pagination-button-surface) !important;
        color: var(--audit-v69-pagination-button-text) !important;
        box-shadow: none !important;
        cursor: pointer !important;
        font: inherit !important;
        line-height: 1 !important;
        text-align: center !important;
        text-decoration: none !important;
        transition: background-color var(--audit-motion-control-duration) var(--audit-motion-ease-standard), border-color var(--audit-motion-control-duration) var(--audit-motion-ease-standard), color var(--audit-motion-control-duration) var(--audit-motion-ease-standard), opacity var(--audit-motion-control-duration) var(--audit-motion-ease-standard) !important;
    }

    .audit-pagination-v69__button > i {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: inherit !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }

    .audit-pagination-v69__button:hover:not(:disabled),
    .audit-pagination-v69__button:focus-visible:not(:disabled) {
        border-color: var(--audit-v69-pagination-button-hover-border) !important;
        background: var(--audit-v69-pagination-button-hover-surface) !important;
        color: var(--audit-v69-pagination-button-hover-text) !important;
        outline: 0 !important;
    }

    .audit-pagination-v69__button:disabled,
    .audit-pagination-v69__button[data-audit-pagination-disabled="true"] {
        border-color: var(--audit-v69-pagination-button-border) !important;
        background: #f8fafc !important;
        color: var(--audit-v69-pagination-button-text) !important;
        cursor: default !important;
        opacity: .45 !important;
        box-shadow: none !important;
    }

    body.eye-care-mode .audit-pagination-v69[data-audit-pagination-version="v69"],
    body[data-audit-theme="eye-care"] .audit-pagination-v69[data-audit-pagination-version="v69"] {
        border-top-color: var(--audit-v69-pagination-eye-divider) !important;
        background: var(--audit-v69-pagination-eye-surface) !important;
        color: var(--audit-v69-pagination-eye-text) !important;
    }

    body.eye-care-mode .audit-pagination-v69__button,
    body[data-audit-theme="eye-care"] .audit-pagination-v69__button {
        border-color: var(--audit-v69-pagination-eye-button-border) !important;
        background: var(--audit-v69-pagination-eye-button-surface) !important;
        color: var(--audit-v69-pagination-eye-button-text) !important;
    }

    body.eye-care-mode .audit-pagination-v69__button:hover:not(:disabled),
    body.eye-care-mode .audit-pagination-v69__button:focus-visible:not(:disabled),
    body[data-audit-theme="eye-care"] .audit-pagination-v69__button:hover:not(:disabled),
    body[data-audit-theme="eye-care"] .audit-pagination-v69__button:focus-visible:not(:disabled) {
        border-color: var(--audit-v69-pagination-eye-button-hover-border) !important;
        background: var(--audit-v69-pagination-eye-button-hover) !important;
        color: #2f281f !important;
    }

    body.eye-care-mode .audit-pagination-v69__button:disabled,
    body.eye-care-mode .audit-pagination-v69__button[data-audit-pagination-disabled="true"],
    body[data-audit-theme="eye-care"] .audit-pagination-v69__button:disabled,
    body[data-audit-theme="eye-care"] .audit-pagination-v69__button[data-audit-pagination-disabled="true"] {
        border-color: var(--audit-v69-pagination-eye-button-border) !important;
        background: var(--audit-v69-pagination-eye-button-surface) !important;
        color: #5c554b !important;
        opacity: .72 !important;
    }
}

@media screen and (max-width: 575.98px) {
    .audit-pagination-v69[data-audit-pagination-version="v69"] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        min-height: 0 !important;
        padding: 13px !important;
        font-size: 15px !important;
        line-height: 21px !important;
    }

    .audit-pagination-v69__navigation {
        width: 100% !important;
        justify-content: space-between !important;
        gap: 10px !important;
    }

    .audit-pagination-v69__info {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}