.monitor-player--flv[data-v-6f9149fb]{position:relative;width:100%;height:100%;background:#000}.flv-canvas[data-v-6f9149fb]{display:block;width:100%;height:100%;object-fit:contain}.flv-status[data-v-6f9149fb]{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;padding:4px 6px;border-radius:3px;background:#0f172ab8;color:#dbeafe;font-size:11px;text-align:center}.monitor-player--socket[data-v-c6259515]{position:relative;width:100%;height:100%;background:#000}.socket-canvas[data-v-c6259515]{display:block;width:100%;height:100%;object-fit:contain}.socket-status[data-v-c6259515]{position:absolute;left:8px;right:8px;bottom:8px;padding:4px 6px;border-radius:3px;background:#0f172ab8;color:#dbeafe;font-size:11px;text-align:center}.monitor-player--socket[data-v-df944c7d]{position:relative;width:100%;height:100%;background:#000}.socket-canvas[data-v-df944c7d]{display:block;width:100%;height:100%;object-fit:contain}.socket-status[data-v-df944c7d]{position:absolute;left:8px;right:8px;bottom:8px;padding:4px 6px;border-radius:3px;background:#0f172ab8;color:#dbeafe;font-size:11px;text-align:center}.video-tile[data-v-3bdb8be6]{position:relative;min-width:96px;min-height:72px;padding:0;overflow:hidden;border:1px solid #243244;border-radius:4px;background:#020617;color:#94a3b8;cursor:pointer}.video-tile--selected[data-v-3bdb8be6]{border-color:#f76e34;box-shadow:inset 0 0 0 1px #f76e34}.video-tile--focused[data-v-3bdb8be6]{border-color:#f76e34}.video-tile--active[data-v-3bdb8be6]{color:#fff}.video-tile[draggable=true][data-v-3bdb8be6]{cursor:grab}.video-tile[draggable=true][data-v-3bdb8be6]:active{cursor:grabbing}.video-tile--drag-image[data-v-3bdb8be6]{position:fixed;top:-10000px;left:-10000px;z-index:-1;border-color:#f76e34;box-shadow:0 12px 28px #0f172a59,inset 0 0 0 2px #f76e34;opacity:1;pointer-events:none}.playerz[data-v-3bdb8be6]{width:100%;height:100%;min-height:72px;background-color:#001529;background-image:url(https://gps3.tod-gps.com/logo/TODw.png);background-repeat:no-repeat;background-position:center center;background-size:min(46%,160px) auto}.empty-slot[data-v-3bdb8be6]{height:100%;min-height:72px}.slot-label[data-v-3bdb8be6]{position:absolute;left:5px;bottom:4px;max-width:min(58%,170px);padding:1px 5px;overflow:hidden;border-radius:3px;background:#0f172a7a;color:#fff;font-size:10px;line-height:16px;text-align:left;text-overflow:ellipsis;white-space:nowrap;opacity:.58;pointer-events:none;transition:opacity .15s ease,background-color .15s ease}.video-tile:hover .slot-label[data-v-3bdb8be6],.video-tile--selected .slot-label[data-v-3bdb8be6]{background:#0f172ab8;opacity:.9}[data-v-3bdb8be6] .video-spin,[data-v-3bdb8be6] .video-spin .ant-spin-container{width:100%;height:100%}[data-v-3bdb8be6] .monitor-player,[data-v-3bdb8be6] .monitor-player video,[data-v-3bdb8be6] .xgplayer{width:100%!important;height:100%!important}[data-v-3bdb8be6] .xgplayer-controls,[data-v-3bdb8be6] .xgplayer-error,[data-v-3bdb8be6] .xgplayer-drag,[data-v-3bdb8be6] .xgplayer-tip,[data-v-3bdb8be6] .xgplayer-loading,[data-v-3bdb8be6] .xgplayer-play,[data-v-3bdb8be6] .xgplayer-progress,[data-v-3bdb8be6] .xgplayer-time,[data-v-3bdb8be6] .xgplayer-volume,[data-v-3bdb8be6] .xgplayer-icon,[data-v-3bdb8be6] .xgplayer-placeholder,[data-v-3bdb8be6] .xgplayer-enter,[data-v-3bdb8be6] .xgplayer-exit,[data-v-3bdb8be6] .xgplayer-start,[data-v-3bdb8be6] .xgplayer-replay,[data-v-3bdb8be6] .mini-cancel-btn,[data-v-3bdb8be6] .play-icon,[data-v-3bdb8be6] .xg-tips{display:none!important}.mdvr-monitor-page[data-v-20230c1e]{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;height:calc(100vh - 118px);min-height:620px;overflow:hidden}.monitor-main[data-v-20230c1e],.camera-panel[data-v-20230c1e]{min-height:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.monitor-main[data-v-20230c1e]{display:flex;flex-direction:column}.monitor-toolbar[data-v-20230c1e]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-bottom:1px solid #e5e7eb}.monitor-toolbar--focus[data-v-20230c1e]{justify-content:flex-start}.custom-size-input[data-v-20230c1e]{width:64px}.size-divider[data-v-20230c1e]{color:#64748b}.video-grid[data-v-20230c1e]{position:relative;flex:1;display:grid;gap:4px;min-height:0;padding:8px;background:#111827;overflow:auto}.video-grid--focus[data-v-20230c1e]{overflow:hidden}.video-grid--focus .video-tile[data-v-20230c1e]{min-height:100%}.video-grid--focus .video-tile[data-v-20230c1e]:not(.video-tile--focused){position:absolute;width:1px;height:1px;min-width:1px;min-height:1px;overflow:hidden;opacity:0;pointer-events:none}.slot-context-menu[data-v-20230c1e]{position:fixed;z-index:2100;min-width:138px;padding:4px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;box-shadow:0 10px 24px #0f172a29}.slot-context-item[data-v-20230c1e]{display:flex;align-items:center;width:100%;gap:8px;padding:7px 9px;border:0;border-radius:4px;background:transparent;color:#0f172a;cursor:pointer;font-size:12px;text-align:left}.slot-context-item[data-v-20230c1e]:hover:not(:disabled){background:#fff4ed;color:#f76e34}.slot-context-item--danger[data-v-20230c1e]:hover:not(:disabled){background:#fff1f2;color:#ef4444}.slot-context-item[data-v-20230c1e]:disabled{color:#94a3b8;cursor:not-allowed}.camera-panel[data-v-20230c1e]{display:flex;flex-direction:column;gap:10px;padding:10px}.vehicle-tree[data-v-20230c1e]{min-height:0;overflow:auto}.vehicle-node[data-v-20230c1e]{padding:6px 0;border-bottom:1px solid #f1f5f9}.vehicle-title[data-v-20230c1e],.channel-node[data-v-20230c1e]{width:100%;border:0;background:transparent;cursor:pointer;text-align:left}.vehicle-title[data-v-20230c1e]{display:grid;grid-template-columns:12px 9px 18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px;border-radius:4px;color:#0f172a}.vehicle-title--active[data-v-20230c1e]{background:#fff4ed;color:#f76e34;font-weight:600}.expand-icon[data-v-20230c1e]{color:#64748b;font-size:10px}.vehicle-status-dot[data-v-20230c1e]{width:8px;height:8px;border-radius:50%;background:#cbd5e1;box-shadow:0 0 0 2px #fff}.vehicle-status-dot--driving[data-v-20230c1e]{background:#22c55e}.vehicle-status-dot--idle[data-v-20230c1e]{background:#f59e0b}.vehicle-status-dot--over_speed[data-v-20230c1e]{background:#ef4444}.vehicle-status-dot--engine_off[data-v-20230c1e]{background:#94a3b8}.vehicle-status-dot--offline[data-v-20230c1e]{background:#64748b}.vehicle-title[data-v-20230c1e]:hover,.channel-node[data-v-20230c1e]:hover{background:#fff4ed;color:#f76e34}.vehicle-title span[data-v-20230c1e]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-list[data-v-20230c1e]{margin-left:22px;padding-left:10px;border-left:1px solid #e5e7eb}.channel-node[data-v-20230c1e]{display:block;padding:5px 8px;border-radius:4px;color:#475569;font-size:12px}.channel-node--active[data-v-20230c1e]{background:#fff4ed;color:#f76e34;font-weight:600}@media (max-width: 1100px){.mdvr-monitor-page[data-v-20230c1e]{grid-template-columns:1fr;height:auto;min-height:0;overflow:visible}.camera-panel[data-v-20230c1e]{max-height:420px}}