.view-controls { align-items: center; display: flex; gap: 8px; justify-content: flex-end; margin: 18px 0 -20px; }
.view-controls span { color: var(--muted); font-size: 11px; margin-right: 4px; }
.view-controls button { background: #101823; color: var(--muted); font-size: 11px; padding: 7px 10px; }
.collapsible { position: relative; }
.collapse-toggle { background: #101823!important; color: var(--muted)!important; font-size: 10px!important; line-height: 1!important; margin: 0!important; padding: 7px 9px!important; position: absolute; right: 14px; top: 14px; width: auto!important; z-index: 3; }
.collapsible:not(.collapsed) > .collapse-toggle { opacity: .55; }
.collapsible:not(.collapsed):hover > .collapse-toggle { opacity: 1; }
.collapsible.collapsed { min-height: 52px; padding: 0!important; }
.collapsible.collapsed > :not(.collapse-toggle) { display: none!important; }
.collapsible.collapsed > .collapse-toggle { background: #172331!important; inset: 0!important; opacity: 1; position: absolute; text-align: left; width: 100%!important; }
@media (max-width: 680px) { .view-controls { justify-content: stretch; } .view-controls span { display: none; } .view-controls button { flex: 1; } }