/* Visible controls supplement overlay scrollbars on phones and Macs. */
.scroll-list-enhanced{scrollbar-width:thin;scrollbar-color:var(--rs-accent,var(--accent)) transparent;scroll-padding:4px}
.scroll-list-enhanced::-webkit-scrollbar{width:6px;height:6px}
.scroll-list-enhanced::-webkit-scrollbar-thumb{background:var(--rs-accent,var(--accent));border-radius:4px}
.scroll-list-controls{display:flex;align-items:center;gap:6px;min-width:0;padding-top:8px;margin-top:8px;border-top:1px solid var(--line);color:var(--rs-accent,var(--ink))}
.scroll-list-controls[hidden]{display:none!important}
.scroll-list-hint{flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.35;padding-right:6px}
html[data-theme] body .scroll-list-controls button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;margin:0;color:var(--rs-accent);background:var(--rs-rose);border:1px solid var(--rs-border);border-radius:4px;box-shadow:none}
html[data-theme] body .scroll-list-controls button:disabled{opacity:.3;cursor:default}
html[data-theme] body .scroll-list-controls button:not(:disabled):hover{background:var(--rs-wash)}
.scroll-list-controls svg{display:block;pointer-events:none}
.user-access-list.scroll-list-enhanced{padding:4px 6px 4px 4px;scrollbar-gutter:stable;align-content:start}
.user-access-choice{scroll-margin-block:4px}
@media print{.scroll-list-controls{display:none!important}}