/* New controls use the existing white/blue console theme. */
.recording-primary .media-surface{height:clamp(220px,calc(100vh - 660px),440px);aspect-ratio:auto}
.camera-drag-handle{cursor:grab;color:var(--muted);font-size:13px}
.media-controls{position:absolute;right:8px;top:42px;display:flex;gap:3px;z-index:3}.media-controls button{background:#111d2ddd;border-color:#718096;color:white;font-size:11px;padding:5px 8px}.media-controls button:hover{background:#22374f}.media-surface:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#050911}.media-surface[data-zoom]:not([data-zoom="1"]){cursor:grab}.media-surface video,.media-surface>img{transform-origin:center}
.wall-toolbar{flex-wrap:wrap}.wall-tools{display:flex;gap:6px;align-items:center}.wall-tools button{font-size:10px;padding:6px 9px}.wall-tools label{display:flex;align-items:center;gap:5px;margin:0;font-size:10px}.wall-tools select{padding:5px;width:64px;font-size:10px}.video-wall:fullscreen{max-height:none;width:100vw;height:100vh;border-radius:0}.video-wall:fullscreen .wall-grid{height:calc(100vh - 160px)}.video-wall:fullscreen .wall-grid .media-surface{height:auto;aspect-ratio:16/9}.video-wall:fullscreen .focus-view .media-surface{height:calc(100vh - 290px)}
.wall-16{grid-template-columns:repeat(4,minmax(0,1fr))}.wall-16 .media-surface{height:100px;aspect-ratio:auto}.wall-16 .tile-info{display:flex;flex-wrap:wrap;padding:6px;gap:4px}.wall-16 .tile-name{font-size:9px}.wall-16 .tile-info small,.wall-16 .tile-info>span:last-child,.wall-16 .policy-context,.wall-16 .tile-actions small,.wall-16 .media-bottom,.wall-16 .media-header .badge{display:none}.wall-16 .tile-actions{padding:0 4px 3px}.wall-16 .tile-actions button{font-size:8px;padding:4px}.wall-16 .media-header>span:first-child{font-size:8px;max-width:100%;padding:3px}.wall-16 .media-header{left:5px;top:5px}.wall-9 .media-controls button:not(:last-child),.wall-16 .media-controls button:not(:last-child){display:none}.wall-9 .media-controls,.wall-16 .media-controls{top:26px;right:5px}.wall-9 .media-controls button,.wall-16 .media-controls button{padding:3px 5px;font-size:9px}.wall-9 .tile-actions button{font-size:8px}.wall-4 .tile-actions{flex-wrap:wrap}.video-tile[draggable="true"] .tile-info{cursor:move}
.rail-tools{padding:10px;display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.rail-tools input{width:100%;font-size:11px;padding:8px}.rail-tools select{flex:1;width:auto;font-size:10px;padding:6px}.rail-tools button{font-size:10px;padding:6px}.rail-group>small{display:block;padding:10px 12px;background:#f8fafc}.playback-controls{display:flex;gap:7px;padding:12px;flex-wrap:wrap;align-items:center}.playback-controls button,.download-button{font-size:11px;padding:8px}.playback-controls label{display:flex;gap:5px;align-items:center;margin:0;font-size:11px}.playback-controls select{width:64px;padding:6px}.download-button{border:1px solid var(--line);border-radius:7px}.recording-row{width:100%;display:grid;gap:8px;padding:15px;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;background:white}.recording-row.selected{background:#eaf0fd}.bookmark-row{display:flex;gap:8px;margin-top:8px}.bookmark-row>button:first-child{flex:1;text-align:left}.bulk-targets{display:grid;gap:8px;max-height:330px;overflow:auto}.bulk-targets label{display:flex;gap:12px;align-items:center;margin:0;padding:8px}.bulk-targets input{width:auto}.nav-extra{font-size:14px}select[multiple]{min-height:95px}
@media(max-width:1450px){.wall-tools{width:100%;justify-content:flex-end}.wall-16 .media-surface{height:85px}.wall-16 .tile-actions{display:none}.wall-16 .media-controls{top:25px}}@media(max-width:650px){.wall-tools{justify-content:flex-start}.media-controls{top:40px}.wall-16 .media-surface{height:75px}.wall-16 .media-controls{display:none}.wall-16 .tile-name{font-size:7px}.playback-controls{gap:5px}}