.vi-setup,
.vi-workspace{
    margin-top:18px;
    padding:16px;
    border:1px solid rgba(0,245,160,.28);
    border-radius:18px;
    background:rgba(2,19,28,.72);
}
.vi-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
}
.vi-section-head h2,
.vi-section-head h3{margin:4px 0 5px}
.vi-section-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.vi-kicker{
    display:inline-flex;
    color:var(--green);
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
}
.vi-mode{
    display:inline-grid;
    grid-template-columns:repeat(2,minmax(110px,1fr));
    gap:4px;
    padding:4px;
    border:1px solid var(--border);
    border-radius:12px;
    background:#07101f;
}
.vi-mode button{
    min-height:38px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:var(--muted);
    font:inherit;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
}
.vi-mode button.active{
    color:#03111c;
    background:linear-gradient(90deg,var(--green),var(--blue));
}
.vi-setup-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
.vi-field label{
    display:block;
    margin-bottom:5px;
    color:#9db8ff;
    font-size:10px;
    font-weight:900;
}
.vi-field input,
.vi-field select{
    width:100%;
    min-height:40px;
    border:1px solid var(--border);
    border-radius:11px;
    background:#07101f;
    color:#fff;
    padding:9px 10px;
    font:inherit;
    font-size:12px;
    font-weight:800;
}
.vi-field[hidden]{display:none}
.vi-setup-actions,
.vi-toolbar-actions,
.vi-card-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
}
.vi-setup-actions{margin-top:12px}
.vi-state{
    display:flex;
    flex:1;
    min-width:220px;
    align-items:center;
    gap:9px;
    padding:9px 11px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:11px;
    color:var(--muted);
    font-size:11px;
}
.vi-state b{color:#fff}
.vi-progress{
    overflow:hidden;
    width:86px;
    height:6px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
}
.vi-progress span{
    display:block;
    height:100%;
    width:0;
    border-radius:inherit;
    background:linear-gradient(90deg,var(--green),var(--blue));
}
.vi-workspace[hidden]{display:none}
.vi-halftime[hidden]{display:none}
.vi-halftime{
    margin:0 0 12px;
    padding:13px;
    border:1px solid rgba(49,178,255,.34);
    border-radius:14px;
    background:rgba(12,42,68,.72);
}
.vi-halftime-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}
.vi-halftime-head h4{margin:4px 0 3px;font-size:16px}
.vi-halftime-head p{margin:0;color:var(--muted);font-size:11px}
.vi-halftime-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}
.vi-halftime-item{
    padding:11px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:11px;
    background:rgba(3,17,28,.72);
}
.vi-halftime-item h5{margin:7px 0 4px;font-size:13px}
.vi-halftime-item p{margin:0 0 9px;color:var(--muted);font-size:10px;line-height:1.5}
.vi-halftime-verify{
    margin-top:9px;
    padding:9px 10px;
    border-radius:10px;
    background:rgba(255,226,138,.07);
    color:#dfe7ff;
    font-size:10px;
}
.vi-halftime-verify ul{margin:6px 0 0;padding-left:18px}
.vi-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-bottom:12px;
}
.vi-stat{
    padding:10px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:12px;
    background:rgba(255,255,255,.045);
}
.vi-stat span{display:block;color:var(--muted);font-size:10px;font-weight:850}
.vi-stat strong{display:block;margin-top:4px;font-size:18px}
.vi-toolbar{
    display:grid;
    grid-template-columns:repeat(4,minmax(130px,1fr)) auto;
    gap:9px;
    align-items:end;
    margin-bottom:12px;
}
.vi-review-tools,
.vi-evidence-details,
.vi-media-adjustments{
    border:1px solid rgba(255,255,255,.10);
    border-radius:11px;
    background:rgba(5,13,25,.52);
}
.vi-review-tools{margin-bottom:12px}
.vi-review-tools > summary,
.vi-evidence-details > summary,
.vi-media-adjustments > summary{
    min-height:40px;
    padding:10px 12px;
    color:#dce8ff;
    font-size:10px;
    font-weight:950;
    cursor:pointer;
}
.vi-review-tools[open] > summary,
.vi-evidence-details[open] > summary,
.vi-media-adjustments[open] > summary{border-bottom:1px solid rgba(255,255,255,.08)}
.vi-review-tools .vi-toolbar{margin:0;padding:10px}
.vi-review-progress{
    display:grid;
    grid-template-columns:auto minmax(140px,1fr) auto;
    align-items:center;
    gap:10px;
    margin-bottom:12px;
    color:var(--muted);
    font-size:10px;
}
.vi-review-progress strong{color:#fff;font-size:12px}
.vi-review-progress .vi-progress{width:100%}
.vi-review-layout{
    display:grid;
    grid-template-columns:minmax(190px,240px) minmax(0,1fr);
    gap:10px;
    align-items:start;
}
.vi-evidence-queue{
    display:grid;
    gap:6px;
    max-height:720px;
    overflow:auto;
    padding-right:3px;
}
.vi-queue-item{
    display:grid;
    grid-template-columns:25px minmax(0,1fr);
    gap:2px 8px;
    width:100%;
    min-height:58px;
    padding:8px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:10px;
    background:#07101f;
    color:#fff;
    text-align:left;
    cursor:pointer;
}
.vi-queue-item > span{
    grid-row:1/3;
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    border-radius:7px;
    background:rgba(255,255,255,.08);
    color:var(--muted);
    font-size:10px;
    font-weight:950;
}
.vi-queue-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.vi-queue-item small{color:var(--muted);font-size:8px}
.vi-queue-item em{
    grid-column:2;
    color:#78d7ff;
    font-size:8px;
    font-style:normal;
    font-weight:900;
    letter-spacing:.04em;
}
.vi-queue-item.active{border-color:var(--green);background:rgba(0,245,160,.08)}
.vi-queue-item.confirmed,
.vi-queue-item.corrected{box-shadow:inset 3px 0 rgba(0,245,160,.65)}
.vi-queue-item.rejected{opacity:.58;box-shadow:inset 3px 0 rgba(255,72,116,.65)}
.vi-evidence-list{display:grid;gap:10px;min-width:0}
.vi-evidence{
    padding:13px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:15px;
    background:rgba(255,255,255,.045);
}
.vi-evidence.confirmed,
.vi-evidence.corrected{border-color:rgba(0,245,160,.38)}
.vi-evidence.rejected{border-color:rgba(255,72,116,.30);opacity:.72}
.vi-evidence-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}
.vi-evidence-top h4{margin:6px 0 3px;font-size:15px}
.vi-evidence-top p{margin:0;color:var(--muted);font-size:11px}
.vi-chip-row{display:flex;gap:5px;flex-wrap:wrap}
.vi-chip{
    display:inline-flex;
    align-items:center;
    min-height:23px;
    padding:4px 7px;
    border:1px solid rgba(0,245,160,.25);
    border-radius:999px;
    color:var(--green);
    background:rgba(0,245,160,.08);
    font-size:9px;
    font-weight:950;
    text-transform:uppercase;
}
.vi-chip.pending{color:var(--gold);border-color:rgba(255,226,138,.30);background:rgba(255,226,138,.08)}
.vi-chip.rejected{color:#ff8ea8;border-color:rgba(255,72,116,.34);background:rgba(255,72,116,.08)}
.vi-evidence-copy{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:11px 0;
}
.vi-evidence-details{margin:10px 0}
.vi-evidence-details .vi-evidence-copy{margin:0;padding:10px 10px 4px}
.vi-evidence-details .vi-evidence-meta{margin:0;padding:4px 10px 10px}
.vi-evidence-copy label{color:#9db8ff;font-size:10px;font-weight:900}
.vi-evidence-copy .full{grid-column:1/-1}
.vi-evidence-copy input,
.vi-evidence-copy textarea,
.vi-clip-editor input,
.vi-frame-editor select{
    width:100%;
    margin-top:4px;
    border:1px solid var(--border);
    border-radius:10px;
    background:#07101f;
    color:#fff;
    padding:8px 9px;
    font:inherit;
    font-size:11px;
}
.vi-evidence-copy textarea{min-height:64px;resize:vertical}
.vi-evidence-meta{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-bottom:10px;
}
.vi-evidence-meta div{
    padding:8px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    color:var(--muted);
    font-size:10px;
}
.vi-evidence-meta strong{display:block;color:#fff;margin-top:3px;font-size:11px}
.vi-media-review{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:0;
}
.vi-media-review section{
    min-width:0;
    padding:10px;
    border:1px solid rgba(49,178,255,.22);
    border-radius:11px;
    background:rgba(4,27,42,.64);
}
.vi-media-review span,
.vi-media-review small{display:block;color:var(--muted);font-size:9px}
.vi-media-review strong{display:block;margin:4px 0;color:#fff;font-size:12px}
.vi-media-review p{margin:0 0 5px;color:#cbd8f4;font-size:10px;line-height:1.45}
.vi-media-stack{
    display:grid;
    gap:0;
    margin-bottom:10px;
    padding:8px;
    border:1px solid rgba(49,178,255,.22);
    border-radius:13px;
    background:linear-gradient(180deg,rgba(4,27,42,.72),rgba(4,18,31,.56));
}
.vi-media-adjustments{margin-top:8px;border-color:rgba(49,178,255,.16);background:rgba(3,14,26,.48)}
.vi-media-adjustments .vi-editors{padding:8px}
.vi-media-stack .vi-media-review section{border-radius:9px 9px 0 0;background:rgba(4,27,42,.46)}
.vi-editors{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}
.vi-clip-editor,
.vi-frame-editor{
    display:grid;
    grid-template-columns:1fr 1fr repeat(4,auto);
    gap:7px;
    align-items:end;
    padding:8px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:0 0 9px 9px;
    background:rgba(3,14,26,.64);
}
.vi-frame-editor{grid-template-columns:minmax(190px,1fr) repeat(4,auto)}
.vi-clip-editor label,
.vi-frame-editor label{color:var(--muted);font-size:9px;font-weight:850}
.vi-empty{
    padding:22px;
    border:1px dashed rgba(255,255,255,.16);
    border-radius:13px;
    color:var(--muted);
    text-align:center;
    font-size:12px;
}
.vi-review-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vi-review-decision{
    min-height:46px;
    width:100%;
    border:1px solid transparent;
    color:#03111c;
    font-weight:1000;
    box-shadow:0 9px 20px rgba(0,0,0,.18);
}
.vi-review-confirm{background:var(--green)}
.vi-review-correct{background:var(--blue);color:#fff}
.vi-review-reject{background:#ff5278;color:#fff}
.vi-review-decision:hover{filter:brightness(1.08)}
.vi-review-decision:disabled{filter:none;opacity:.52}
@media(max-width:900px){
    .vi-section-head{display:grid}
    .vi-mode{width:100%}
    .vi-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .vi-toolbar{grid-template-columns:1fr 1fr}
    .vi-toolbar-actions{grid-column:1/-1}
    .vi-review-layout{grid-template-columns:1fr}
    .vi-evidence-queue{
        grid-auto-flow:column;
        grid-auto-columns:minmax(180px,42vw);
        overflow-x:auto;
        overflow-y:hidden;
        max-height:none;
        padding:0 0 5px;
    }
    .vi-editors{grid-template-columns:1fr}
    .vi-clip-editor{grid-template-columns:1fr 1fr repeat(2,auto)}
    .vi-frame-editor{grid-template-columns:1fr repeat(2,auto)}
}
@media(max-width:560px){
    .vi-setup,
    .vi-workspace{padding:12px;border-radius:15px}
    .vi-setup-grid,
    .vi-stats,
    .vi-toolbar,
    .vi-evidence-copy,
    .vi-evidence-meta{grid-template-columns:1fr}
    .vi-evidence-copy .full{grid-column:auto}
    .vi-media-review{grid-template-columns:1fr}
    .vi-toolbar-actions{grid-column:auto}
    .vi-review-progress{grid-template-columns:1fr}
    .vi-review-progress small{display:none}
    .vi-evidence-top{display:grid}
    .vi-halftime-head{display:grid}
    .vi-halftime-list{grid-template-columns:1fr}
    .vi-clip-editor{grid-template-columns:1fr 1fr}
    .vi-clip-editor button{grid-column:1/-1}
    .vi-frame-editor{grid-template-columns:1fr}
    .vi-card-actions .btn{flex:1;min-width:0}
    .vi-review-decisions{grid-template-columns:repeat(3,minmax(0,1fr));position:sticky;bottom:max(6px,env(safe-area-inset-bottom));z-index:5;padding:7px;border:1px solid var(--border);border-radius:13px;background:rgba(5,9,20,.96)}
    .vi-review-decision{min-height:48px;padding-inline:6px}
    .vi-workspace{
        max-width:100%;
        overflow:hidden;
        padding-bottom:max(16px,env(safe-area-inset-bottom));
    }
    .vi-evidence-queue{
        max-width:100%;
        scroll-snap-type:x proximity;
        overscroll-behavior-inline:contain;
    }
    .vi-queue-item{scroll-snap-align:start}
    .vi-toolbar select,
    .vi-toolbar button,
    .vi-card-actions .btn,
    .vi-state .btn{min-height:44px}
    .vi-clip-editor input,
    .vi-frame-editor select{min-height:44px}
}

@media(pointer:coarse){
    .vi-queue-item,
    .vi-card-actions .btn,
    .vi-state .btn{min-height:44px}
}