.logs-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--logs-line);padding:14px 20px;color:var(--logs-muted);font-size:11px}
.logs-pagination>div{display:flex;align-items:center;gap:8px}
.logs-pagination>div>span{margin-right:7px}
.logs-pagination .logs-button{min-height:30px;font-size:11px}
@media(max-width:640px){.logs-pagination{padding:12px;align-items:flex-start;flex-direction:column}
.logs-pagination>div{width:100%;justify-content:flex-end}
.logs-pagination>div>span{margin-right:auto}}
.logs-pagination-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.logs-pagination .logs-page-size{display:flex;align-items:center;gap:7px;font-size:11px;flex-wrap:wrap}
.logs-page-size>span{color:var(--logs-muted);white-space:nowrap}
.logs-page-size>button.select-trigger{width:64px;min-width:64px;min-height:28px;height:28px;padding:0 7px;font-size:11px;gap:4px}
.logs-page-size-custom{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.logs-page-size-custom input{box-sizing:border-box;width:64px;height:30px;padding:4px 6px;border:1px solid var(--logs-line);border-radius:5px;background:var(--logs-paper);color:var(--logs-ink);font:inherit;font-variant-numeric:tabular-nums}
.logs-page-size-custom button,.logs-page-size-edit{display:grid;place-items:center;width:28px;height:30px;padding:0;border:1px solid var(--logs-line);border-radius:5px;background:var(--logs-paper);color:var(--logs-accent);cursor:pointer}
.logs-page-size-custom button:hover,.logs-page-size-edit:hover{background:var(--logs-accent-wash)}
.logs-page-size-custom button:disabled{opacity:.4;cursor:default}
.logs-page-size-error{flex-basis:100%;font-size:11px;color:var(--logs-ink)}
.logs-page-previous{display:flex;transform:rotate(180deg)}
.logs-pagination .logs-button{min-height:30px;font-size:11px}
.logs-pagination .logs-button svg{width:13px;height:13px}
@media(max-width:900px){.logs-pagination{flex-wrap:wrap;gap:10px}
.logs-pagination-controls{justify-content:flex-end}}
@media(max-width:640px){.logs-pagination .logs-page-size{flex-basis:100%;justify-content:flex-start}
.logs-pagination .logs-pagination-controls>span{margin-right:auto}}
.logs-pagination>.logs-pagination-summary{justify-content:flex-start;flex-wrap:wrap;gap:8px 16px;min-width:0}
.logs-pagination-summary .logs-pagination-count{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.logs-pagination>.logs-pagination-controls{margin-left:auto;flex-shrink:0}
.logs-pagination-summary .logs-page-size{flex-basis:auto}
@media(max-width:640px){.logs-pagination>.logs-pagination-summary{width:100%;justify-content:flex-start;gap:8px 12px}
.logs-pagination-summary .logs-pagination-count{margin-right:0}
.logs-pagination>.logs-pagination-controls{width:100%}
.logs-pagination-summary .logs-page-size{flex-basis:auto}}
.logs-pagination .logs-page-size{display:grid;grid-template-columns:auto 64px auto;align-items:center;gap:6px}
.logs-page-size>span{grid-column:1;grid-row:1}
.logs-page-size>button.select-trigger{grid-column:2;grid-row:1}
.logs-page-size>.logs-page-size-edit{grid-column:3;grid-row:1}
.logs-page-size-custom{grid-column:2 / -1;grid-row:2;display:grid;grid-template-columns:64px 26px 26px;gap:4px;align-items:center}
.logs-page-size-custom input{width:64px;height:28px}
.logs-page-size-custom button{width:26px;height:28px}
.logs-page-size-custom .logs-page-size-error{grid-column:1 / -1;max-width:160px;font-size:10px;line-height:1.4}
.logs-pagination>.logs-pagination-summary{align-items:flex-start}
.logs-pagination-summary .logs-pagination-count{line-height:28px}
.logs-pagination:has(.logs-page-size-custom){align-items:flex-start}
.logs-pagination .logs-page-size-menu{display:flex;gap:7px}
.logs-page-size-trigger{display:flex;align-items:center;justify-content:space-between;width:60px;height:28px;padding:0 7px;border:1px solid var(--logs-line);border-radius:5px;background:var(--logs-paper);color:var(--logs-ink);font:11px Inter,system-ui,sans-serif;cursor:pointer}
.logs-page-size-trigger svg{width:12px!important;height:12px!important}
.logs-page-menu{position:fixed;inset:auto;margin:0;padding:5px;box-sizing:border-box;border:1px solid #dce1e8;border-radius:7px;background:#fff;color:#253245;box-shadow:0 6px 20px #17203320;font:11px Inter,system-ui,sans-serif;max-height:calc(100dvh - 24px);overflow:auto}
.logs-page-menu::backdrop{background:transparent}
.logs-page-option{display:flex;align-items:center;justify-content:space-between;width:100%;height:28px;padding:0 8px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.logs-page-option:hover{background:#f3f5f8}
.logs-page-option[aria-pressed=true]{background:#eef4fc;color:#215f9e}
.logs-page-custom-option{border-top:1px solid #e7eaf0;border-radius:0;margin-top:4px;padding-top:3px;height:31px}
.logs-page-custom-form{display:flex;flex-direction:column;gap:7px;padding:4px}
.logs-page-back{align-self:flex-start;border:0;background:transparent;color:#637085;padding:0;font:inherit;cursor:pointer}
.logs-page-custom-form label{font-size:11px;font-weight:500}
.logs-page-custom-form input{box-sizing:border-box;width:100%;height:30px;border:1px solid #dce1e8;border-radius:4px;padding:4px 7px;background:transparent;color:inherit;font:inherit}
.logs-page-custom-form small{font-size:10px;color:#637085}
.logs-page-apply{height:28px;border:1px solid #c0d4ed;border-radius:4px;background:#eef4fc;color:#215f9e;font:inherit;cursor:pointer}
.logs-page-apply:disabled{opacity:.4;cursor:default}
.logs-page-menu :focus-visible{outline:2px solid #3178bc;outline-offset:1px}
html[data-theme=dark] .logs-page-menu{background:#171c23;color:#dce4ef;border-color:#343e4c;color-scheme:dark}
html[data-theme=dark] .logs-page-option:hover{background:#242e3b}
html[data-theme=dark] .logs-page-option[aria-pressed=true],html[data-theme=dark] .logs-page-apply{background:#243c59;color:#b8d8ff;border-color:#405b7a}
html[data-theme=dark] .logs-page-custom-form input,html[data-theme=dark] .logs-page-custom-option{border-color:#343e4c}
html[data-theme=dark] .logs-page-back,html[data-theme=dark] .logs-page-custom-form small{color:#a2afc0}
.logs-numbered-pages{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}
.logs-numbered-pages button{display:grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border:0;border-radius:50%;background:transparent;color:var(--logs-ink);font:12px Inter,system-ui,sans-serif;font-weight:500;font-variant-numeric:tabular-nums;cursor:pointer}
.logs-numbered-pages button:hover:not(:disabled){background:var(--logs-accent-wash,#eef4fc);color:var(--logs-accent)}
.logs-numbered-pages button[aria-current=page],.logs-numbered-pages button[aria-current=page]:hover{background:var(--logs-accent);color:var(--logs-paper)}
.logs-numbered-pages button:disabled{opacity:.4;cursor:default}
.logs-numbered-pages svg{width:14px;height:14px}
.logs-page-ellipsis{display:grid;place-items:center;width:20px;color:var(--logs-muted);font-size:14px}
@media(max-width:640px){.logs-numbered-pages{gap:3px}
.logs-numbered-pages button{min-width:28px;height:30px;padding:0 5px}
.logs-page-ellipsis{width:16px}}
.logs-current-page{margin-right:8px;color:var(--logs-muted);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:640px){.logs-numbered-pages{flex-wrap:wrap;justify-content:flex-end;max-width:100%}
.logs-current-page{flex-basis:100%;margin:0 0 3px;text-align:right}}

/* Neutral numbered navigation; page-size menu retains its original styling. */
.keys-pagination-footer .logs-numbered-pages button:focus-visible{outline:2px solid var(--logs-muted);outline-offset:2px}

/* API Keys: neutral page-size presets and custom entry. */
.keys-pagination-footer .logs-page-menu{--page-bg:#fff;--page-ink:#18181b;--page-muted:#71717a;--page-border:#e4e4e7;--page-hover:#f4f4f5;background:var(--page-bg);color:var(--page-ink);border-color:var(--page-border)}
html[data-theme=dark] .keys-pagination-footer .logs-page-menu{--page-bg:#18181b;--page-ink:#f4f4f5;--page-muted:#a1a1aa;--page-border:#3f3f46;--page-hover:#27272a}
.keys-pagination-footer .logs-page-menu .logs-page-option[aria-pressed]{background:transparent;color:var(--page-ink)}
.keys-pagination-footer .logs-page-menu .logs-page-option:hover,.keys-pagination-footer .logs-page-menu .logs-page-option[aria-pressed]:hover{background:var(--page-hover)}
.keys-pagination-footer .logs-page-menu .logs-page-option>span{color:var(--page-ink)}
.keys-pagination-footer .logs-page-menu .logs-page-custom-option{border-color:var(--page-border)}
.keys-pagination-footer .logs-page-menu .logs-page-back,.keys-pagination-footer .logs-page-menu .logs-page-custom-form small{color:var(--page-muted)}
.keys-pagination-footer .logs-page-menu .logs-page-custom-form input{background:var(--page-bg);color:var(--page-ink);border-color:var(--page-border);box-shadow:none}
.keys-pagination-footer .logs-page-menu .logs-page-custom-form input::selection{background:var(--page-ink);color:var(--page-bg)}
.keys-pagination-footer .logs-page-menu .logs-page-apply{background:var(--page-ink);color:var(--page-bg);border-color:var(--page-ink)}
.keys-pagination-footer .logs-page-menu .logs-page-apply:hover:not(:disabled){opacity:.85}
.keys-pagination-footer .logs-page-menu :focus-visible{outline:1px solid var(--page-muted);outline-offset:1px}