/* Drawer (right-side) */
.drawer-scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:850}
.drawer{position:fixed;top:0;right:0;height:100vh;max-height:100vh;width:300px;max-width:85vw;background:var(--card);box-shadow:0 0 40px rgba(0,0,0,.35);z-index:860;padding:16px;display:flex;flex-direction:column;overflow:hidden;overflow-x:hidden;box-sizing:border-box;word-break:break-word;overflow-wrap:anywhere}
@supports (height: 100dvh){
	.drawer{ height:100dvh; max-height:100dvh; }
}
.drawer-header{font-weight:800;font-size:20px;margin-bottom:12px}
.drawer-body{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.drawer-footer{margin-top:auto;display:flex;justify-content:flex-end;position:sticky;bottom:0;background:linear-gradient(180deg, rgba(11,90,155,0) 0%, var(--card) 24%);padding-top:8px}
.drawer-enter{transform:translateX(100%)}
.drawer-leave{transform:translateX(100%)}
.drawer-section{display:flex;flex-direction:column;gap:6px}
.drawer-view-toggle{display:flex;gap:6px;flex-wrap:wrap}
.drawer-view-toggle .view-btn{flex:1;display:flex;align-items:center;justify-content:center}
.drawer-section select{ margin-top:4px; }
.drawer-range-row{display:flex;align-items:center;gap:8px;margin-top:4px}
.drawer-range-row input[type=range]{flex:1;min-width:0}
.drawer-range-value{min-width:48px;text-align:right;font-weight:600;font-size:0.9rem;font-variant-numeric:tabular-nums;color:rgba(255,255,255,0.85)}