/* v408: scoped minimal controls; existing navigation/social/seek nodes stay in place. */
.video-shell[data-simple-controls] > .video-simple-controls {
    position:absolute; inset:auto 8px 6px; height:44px; z-index:33;
    display:flex; align-items:center; gap:2px; direction:ltr;
    padding:0 3px; border-radius:8px; color:#fff;
    background:linear-gradient(transparent,rgba(0,0,0,.75));
    font:500 12px/1.2 system-ui,sans-serif; pointer-events:auto;
}
.video-shell[data-simple-controls] > .video-simple-controls button {
    display:grid; place-items:center; flex:0 0 44px; width:44px; min-width:44px;
    height:44px; min-height:44px; padding:10px; margin:0; border:0; border-radius:6px;
    background:transparent; color:inherit; cursor:pointer; touch-action:manipulation;
}
.video-shell[data-simple-controls] > .video-simple-controls button:hover { background:rgba(255,255,255,.14); }
.video-shell[data-simple-controls] > .video-simple-controls button:focus-visible { outline:2px solid #fff; outline-offset:-3px; }
.video-shell[data-simple-controls] > .video-simple-controls svg { width:22px; height:22px; pointer-events:none; }
.video-simple-controls .video-simple-time { color:inherit; white-space:nowrap; font:inherit; font-variant-numeric:tabular-nums; }
.video-simple-controls .video-simple-spacer { flex:1; }
html:root body[data-page="loopz"] .loopz-item .video-shell[data-simple-controls] > .video-simple-controls {
    left:max(16px,env(safe-area-inset-left,0px));
    right:calc(var(--loopz-rail-inset) + var(--loopz-rail-width) + 12px);
    bottom:calc(var(--loopz-nav-reserve) + 48px);
}
html:root body[data-page="loopz"] .loopz-item.loopz-has-seek:has(.video-simple-controls) .loopz-meta {
    bottom:calc(var(--loopz-nav-reserve) + 136px) !important;
}
@media (max-height:500px) {
    /* A capped portrait frame can be <200px wide in landscape. Keep all
       three 44px buttons; move only its clock above the row, without
       growing the media frame or adding page padding. */
    .feed-video-shell[data-simple-controls]:not(:fullscreen) > .video-simple-controls {
        justify-content:space-between;
    }
    .feed-video-shell[data-simple-controls]:not(:fullscreen) > .video-simple-controls .video-simple-time {
        position:absolute; bottom:44px; left:3px; padding:3px 5px;
        background:rgba(0,0,0,.72); border-radius:3px;
    }
    .feed-video-shell[data-simple-controls]:not(:fullscreen) > .video-simple-controls .video-simple-spacer { display:none; }
    html:root body[data-page="loopz"] .loopz-item .video-shell[data-simple-controls] > .video-simple-controls {
        right:calc(var(--loopz-rail-inset) + 128px);
    }
}
html:root body .video-shell[data-simple-controls]:fullscreen {
    width:100vw !important; height:100dvh !important; max-width:none !important; max-height:none !important;
    aspect-ratio:auto !important; background:#000; --loopz-nav-reserve:0px;
}
html:root body .video-shell[data-simple-controls]:fullscreen > video.chaabi-custom-player {
    width:100% !important; height:100% !important; max-height:100% !important; object-fit:contain !important;
}
html:root body[data-page] .video-shell[data-simple-controls]:fullscreen > .video-simple-controls {
    left:8px; right:8px; bottom:max(44px,env(safe-area-inset-bottom,0px));
}
@media (forced-colors:active) {
    .video-shell[data-simple-controls] > .video-simple-controls { background:Canvas; color:CanvasText; border:1px solid CanvasText; }
    .video-shell[data-simple-controls] > .video-simple-controls button:focus-visible { outline-color:Highlight; }
}