.analysis-layout-bar{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-shell)}
.analysis-layout-bar>div{display:flex;flex-wrap:wrap;gap:6px}.analysis-layout-bar button{font-size:12px;padding:9px 12px}.analysis-layout-bar button[aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-ink)}
.selected-action-court{display:none}.selected-action-court h2{font-size:14px;margin:0;padding:var(--space-4);border-bottom:1px solid var(--color-divider)}.selected-action-court #selectedActionCourt{padding:var(--space-3)}.selected-court-label{font-size:12px;margin:0 0 10px;text-align:center;color:var(--color-text-muted)}.selected-court-label strong{display:block;font-size:24px;margin:5px;color:var(--color-text)}.selected-action-court small,.court-empty{font-size:12px;line-height:1.6;color:var(--color-text-muted)}.selected-action-court .directions-svg{width:100%;max-height:390px}.court-empty{padding:20px 4px}
/* Keep the player bounded when adjacent panels are hidden. */
#analysisView:not(:fullscreen) .video-column{min-width:0;width:100%;margin-inline:auto}
#analysisView:not(:fullscreen) .video-stage{width:100%;max-height:min(62svh,620px);overflow:hidden}
#analysisView:not(:fullscreen) .video-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#analysisView:not(:fullscreen) .video-stage #youtubeVideo,#analysisView:not(:fullscreen) .video-stage iframe{width:100%;height:100%;max-height:100%}
#analysisView:not(:fullscreen).video-focus .video-column{max-width:1280px;justify-self:center}
#analysisView:not(:fullscreen).video-focus .video-stage{max-height:min(70svh,720px)}
.analysis-layout-bar button{flex:0 0 auto;min-height:36px;max-height:44px;white-space:nowrap;align-self:center}
#matchView>.view-nav{justify-content:flex-end}
@media(max-width:600px){
 #analysisView:not(:fullscreen),#analysisView[data-layout=modern]:not(:fullscreen){width:100%;max-width:100%;margin-inline:auto;grid-template-columns:minmax(0,1fr)}
 #analysisView:not(:fullscreen)>*{min-width:0;max-width:100%}
 #analysisView .panel-heading{flex-wrap:wrap}
 #analysisView .transport{flex-wrap:wrap;justify-content:center}
 #analysisView .analysis-layout-bar{justify-content:center}
 #analysisView .scout-panel .table-scroll{width:100%;overflow:auto}
 #matchView>.view-nav{align-items:center}
 #matchView .matchbar{width:100%;margin-inline:auto}
}

.smart-filter-bar{grid-column:1/-1;min-width:0;padding:18px 20px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(120deg,var(--color-surface),#f1f8fa);box-shadow:0 3px 12px #092c4510}
.smart-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.smart-filter-heading .eyebrow{color:#416474;font-size:10px;letter-spacing:1.2px}.smart-filter-heading p{margin:5px 0 0;color:var(--color-text);font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}.smart-filter-heading button{padding:8px 12px;font-size:12px;color:#376477;background:transparent;border-color:#bfd5df}.smart-filter-heading button:hover:not(:disabled){background:#e4f3f7}
.smart-filter-bar .filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-3);padding:0}.smart-filter-bar label{color:#4e6978;font-size:11px;letter-spacing:.2px}.smart-filter-bar select,.smart-filter-bar input{width:100%;height:40px;border-color:#c8dae3;background:var(--color-surface);font-size:13px}.smart-filter-bar select:hover,.smart-filter-bar input:hover{border-color:#70b3c5}
.smart-filter-chips{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--color-divider);min-width:0}.smart-chip-title{font-size:11px;color:var(--color-text-muted);margin-right:4px}.smart-filter-chips button{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:6px 10px;border:1px solid #abd6df;border-radius:7px;background:var(--color-primary-soft);color:var(--color-primary-ink);font-size:12px;font-weight:550;text-align:left}.smart-filter-chips button span{overflow-wrap:anywhere;min-width:0}.smart-filter-chips button b{font-size:17px;line-height:1}.smart-filter-chips button:hover{background:#d6edf3;border-color:#64aec1}.smart-filter-empty{font-size:12px;color:var(--color-text-muted)}.smart-filter-bar :focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
@media(max-width:1000px){.smart-filter-bar .filters{grid-template-columns:repeat(3,minmax(0,1fr))}#analysisView[data-layout=modern]:not(:fullscreen) .video-column,#analysisView[data-layout=modern]:not(:fullscreen) .scout-panel,#analysisView[data-layout=modern]:not(:fullscreen) .selected-action-court{grid-row:auto}}
@media(max-width:600px){.smart-filter-bar{padding:14px}.smart-filter-bar .filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.smart-filter-chips button{min-height:36px}.smart-filter-heading{align-items:start}.smart-filter-heading button{max-width:110px}.smart-chip-title{flex-basis:100%}}

#analysisView:fullscreen .smart-filter-bar{display:block;flex-shrink:0;padding:var(--space-3);border-radius:0;box-shadow:none}#analysisView:fullscreen .smart-filter-bar .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Saved filters: restrained, keyboard accessible companion to active chips. */
.preset-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);border-top:1px solid var(--color-divider);margin-top:14px;padding-top:12px;position:relative}.preset-group-title{padding:8px 10px 6px;color:#4f6877;font-size:10px;font-weight:800;letter-spacing:.12em}.preset-group-title small{margin-left:8px;color:var(--color-primary-ink);font-size:10px;letter-spacing:0}.system-presets{border-bottom:1px solid var(--color-divider);padding-bottom:8px;margin-bottom:8px}.system-presets .preset-card{border-color:#9dd5df;background:#f1fbfc}.system-presets .preset-apply strong{color:#075b6d}.personal-presets .preset-group-title{color:#6d7880}.preset-menu{position:relative;min-width:0}.preset-menu summary{list-style:none;cursor:pointer;color:#16485c;font-weight:650;font-size:13px;padding:9px 12px;border:1px solid #c2dbe4;border-radius:var(--radius-md);background:var(--color-surface)}.preset-menu summary::after{content:' ▾';margin-left:8px}.preset-menu summary span{font-size:11px;color:#667f8c;margin-left:10px}.preset-list{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:min(440px,80vw);max-height:420px;overflow:auto;padding:10px;background:#f8fcfd;border:1px solid #bfd6e0;border-radius:var(--radius-lg);box-shadow:0 14px 35px #071d3d30}.preset-card{background:white;border:1px solid var(--color-border);border-radius:9px;overflow:hidden;margin-bottom:var(--space-2)}.preset-card:last-child{margin-bottom:0}.preset-card.is-active{border-color:var(--color-primary);box-shadow:inset 3px 0 var(--color-primary)}.preset-apply{display:flex;flex-direction:column;align-items:start;gap:6px;width:100%;border:0;background:transparent;text-align:left;padding:var(--space-3);color:var(--color-text)}.preset-apply:hover{background:#edf7fa}.preset-apply strong{font-size:14px;overflow-wrap:anywhere}.preset-apply small{font-size:12px;font-weight:400;color:var(--color-text-muted);line-height:1.5;overflow-wrap:anywhere}.preset-apply span{font-size:11px;color:var(--color-primary-ink)}.preset-actions{display:flex;gap:6px;padding:0 10px 10px}.preset-actions button{font-size:11px;padding:5px 8px;background:var(--color-surface);color:#526d7b;border-color:#deeaef}.preset-active{font-size:12px;color:var(--color-primary-ink);overflow-wrap:anywhere;min-width:0}.preset-toolbar>#presetSave{margin-left:auto;color:var(--color-primary-ink);border-color:#aed2de;background:var(--color-primary-soft);font-size:12px}.preset-empty{padding:var(--space-3);color:#284f61;font-size:13px}.preset-empty p,.preset-empty small{display:block;color:var(--color-text-muted);line-height:1.5}.preset-dialog{width:min(460px,calc(100vw - 32px));max-width:calc(100vw - 32px);box-sizing:border-box;border:1px solid #bbd6e1;border-radius:14px;color:var(--color-text);padding:var(--space-5);background:#f9fcfd}.preset-dialog::backdrop{background:#07142699}.preset-dialog h2{font-size:19px}.preset-dialog p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.preset-dialog input{box-sizing:border-box;max-width:100%;margin-top:var(--space-2)}.preset-dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:20px}#presetError{color:#ad303c}.preset-dialog :focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
@media(max-width:600px){.preset-menu{width:100%}.preset-list{position:relative;top:auto;width:100%;box-sizing:border-box;margin-top:var(--space-2);max-height:360px;box-shadow:none}.preset-toolbar>#presetSave{margin-left:0}.preset-card{width:100%;box-sizing:border-box}}

/* Phase UI 5: one grid for both workstation layouts; fullscreen keeps its existing toolbox. */
@media screen {
#matchView .matchbar{margin:0 0 var(--space-3);gap:var(--space-5);align-items:center}
.match-identity{display:flex;align-items:center;gap:var(--space-5)}
#matchView #matchTitle{font-size:clamp(18px,1.65vw,28px);line-height:1.25;margin:var(--space-2) 0;max-width:920px}
.workspace-score{font-size:36px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--color-shell-text)}
#matchView>.view-nav{justify-content:flex-start;margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}
#matchView .archive{max-width:300px;min-width:0}
#matchView .archive select{max-width:100%;width:100%}
#analysisView:not(:fullscreen){width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,400px);gap:var(--space-3);align-items:start}
#analysisView:not(:fullscreen) .analysis-layout-bar{grid-column:1/-1;grid-row:1;padding:var(--space-2) var(--space-3)}
#analysisView:not(:fullscreen)>.smart-filter-bar{grid-column:1/-1;grid-row:2;padding:var(--space-3) var(--space-4)}
#analysisView:not(:fullscreen) .video-column{grid-column:1;grid-row:3}
#analysisView:not(:fullscreen) .scout-panel{grid-column:2;grid-row:3/5;min-width:0}
#analysisView:not(:fullscreen) .selected-action-court{display:block;grid-column:1;grid-row:4}
#analysisView:not(:fullscreen) .scout-panel .table-scroll{height:65svh;min-height:320px;max-height:860px}
#analysisView:not(:fullscreen) .selected-action-court #selectedActionCourt{display:flex;align-items:center;justify-content:center;gap:var(--space-5)}
#analysisView:not(:fullscreen) .selected-action-court .directions-svg{width:170px;max-height:310px;flex-shrink:0}
#analysisView:not(:fullscreen) .selected-court-label{max-width:200px;text-align:left}
#analysisView:not(:fullscreen) .selected-action-court small{max-width:150px}
#analysisView .smart-filter-heading{margin-bottom:var(--space-2)}
#analysisView .smart-filter-chips,#analysisView .preset-toolbar{margin-top:var(--space-2);padding-top:var(--space-2)}
#analysisView .video-panel>.panel-heading{padding:var(--space-3) var(--space-4)}
#analysisView .video-panel h2{font-size:var(--font-body)}
#analysisView .metrics{gap:var(--space-2);margin-top:var(--space-2)}
#analysisView .metrics>div{padding:var(--space-3);border-color:var(--color-border)}
#analysisView .scout-panel td{padding-block:var(--space-2)}
#analysisView .scout-panel code{font-family:Consolas,monospace;font-size:12px;color:var(--color-code-header);font-weight:650;display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis}
#analysisView .player-name{font-size:12px;white-space:normal;line-height:1.45}
.action-evidence{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);font-size:11px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}
#analysisView .action-select{min-height:28px;padding:2px 4px;border:0;background:transparent;color:var(--color-primary-ink);font-size:11px}
#analysisView #rows tr.active{background:var(--color-primary-soft);box-shadow:inset 3px 0 var(--color-primary)}
#analysisView #rows tr:focus-within{outline:2px solid var(--color-focus);outline-offset:-2px}
#analysisView[data-layout=classic]:not(:fullscreen){grid-template-columns:minmax(0,1fr) minmax(390px,44%)}
#analysisView[data-layout=classic] .modern-layout-tools{display:none}
#analysisView[data-layout=classic] .scout-panel td{padding-block:var(--space-1)}
#analysisView[data-layout=modern]:not(:fullscreen).hide-action-list .scout-panel,#analysisView[data-layout=modern]:not(:fullscreen).hide-action-court .selected-action-court,#analysisView[data-layout=modern]:not(:fullscreen).video-focus .scout-panel,#analysisView[data-layout=modern]:not(:fullscreen).video-focus .selected-action-court{display:none}
#analysisView[data-layout=modern]:not(:fullscreen).hide-action-list,#analysisView[data-layout=modern]:not(:fullscreen).video-focus{grid-template-columns:minmax(0,1fr)}
#analysisView:fullscreen .analysis-layout-bar,#analysisView:fullscreen .selected-action-court{display:none}
@media(max-width:1000px){
 #analysisView:not(:fullscreen),#analysisView[data-layout=classic]:not(:fullscreen){grid-template-columns:minmax(0,1fr)}
 #analysisView:not(:fullscreen) .video-column{grid-column:1;grid-row:2}
 #analysisView:not(:fullscreen)>.smart-filter-bar{grid-column:1;grid-row:3}
 #analysisView:not(:fullscreen) .scout-panel{grid-column:1;grid-row:4}
 #analysisView:not(:fullscreen) .selected-action-court{grid-column:1;grid-row:5}
 #matchView .matchbar{flex-wrap:wrap}.workspace-score{font-size:28px}
}
@media(max-width:600px){
 .match-identity{gap:var(--space-3)}#matchView .archive{width:100%;max-width:none}
 #matchView .view-nav>div{display:flex;width:100%}#matchView .view-nav button{flex:1 1 auto}
 #analysisView:not(:fullscreen) .selected-action-court #selectedActionCourt{flex-wrap:wrap;gap:var(--space-3)}
 #analysisView:not(:fullscreen) .selected-action-court .directions-svg{width:160px}
 #analysisView .action-cell{white-space:normal;font-size:11px}
 #analysisView .scout-panel code{max-width:160px}
 #analysisView .scout-panel .table-scroll{min-height:260px;height:55svh}
}
}
/* Restore the direction panel to the right of the action list on desktop. */
@media(min-width:1200px){
#analysisView[data-layout=modern]:not(:fullscreen){grid-template-columns:minmax(0,1fr) minmax(320px,390px) 240px}
#analysisView[data-layout=modern]:not(:fullscreen) .scout-panel{grid-row:3}
#analysisView[data-layout=modern]:not(:fullscreen) .selected-action-court{grid-column:3;grid-row:3}
#analysisView[data-layout=modern]:not(:fullscreen) .selected-action-court #selectedActionCourt{display:block}
#analysisView[data-layout=modern]:not(:fullscreen) .selected-action-court .directions-svg{width:100%;max-height:390px}
#analysisView[data-layout=modern]:not(:fullscreen).hide-action-court{grid-template-columns:minmax(0,1fr) minmax(320px,390px)}
#analysisView[data-layout=modern]:not(:fullscreen).hide-action-list{grid-template-columns:minmax(0,1fr) 240px}
#analysisView[data-layout=modern]:not(:fullscreen).hide-action-list .selected-action-court{grid-column:2}
#analysisView[data-layout=modern]:not(:fullscreen).video-focus,#analysisView[data-layout=modern]:not(:fullscreen).hide-action-list.hide-action-court{grid-template-columns:minmax(0,1fr)}
}

/* Fullscreen video keeps the scout panel readable without covering the play. */
#analysisView:fullscreen .scout-panel{width:min(320px,26vw);max-height:66vh;opacity:var(--scout-panel-opacity,.86);background:rgba(12,26,38,var(--scout-panel-opacity,.86));border-color:#d7e7ee99;box-shadow:0 12px 35px #0006;font-size:12px;transition:opacity 160ms ease,width 160ms ease}
#analysisView:fullscreen .scout-panel:hover,#analysisView:fullscreen .scout-panel:focus-within{opacity:var(--scout-panel-opacity,.86)}
#analysisView:fullscreen .scout-panel .toolbox-handle{padding:7px 10px;font-size:11px}
#analysisView:fullscreen .scout-panel .panel-heading{padding:9px 11px}
#analysisView:fullscreen .scout-panel .panel-heading h2{font-size:15px}
#analysisView:fullscreen .scout-panel .table-scroll{max-height:36vh!important;height:auto!important;min-height:0!important}
#analysisView:fullscreen .scout-panel th,#analysisView:fullscreen .scout-panel td{padding:6px 5px;font-size:11px}
#analysisView:fullscreen .scout-panel .analysis-settings{font-size:11px}
#analysisView:fullscreen .scout-panel .panel-heading,#analysisView:fullscreen .scout-panel .analysis-settings,#analysisView:fullscreen .scout-panel .list-options,#analysisView:fullscreen .scout-panel .table-scroll,#analysisView:fullscreen .scout-panel table,#analysisView:fullscreen .scout-panel .list-footer{background:transparent!important}#analysisView:fullscreen .scout-panel th,#analysisView:fullscreen .scout-panel td{background:transparent!important}
.smart-filter-bar .filter-collapse-toggle{margin-left:auto;padding:7px 10px;font-size:11px;border-color:#bfd5df;background:var(--color-surface)}
.smart-filter-bar .filter-collapse-toggle:hover{background:var(--color-primary-soft)}
.smart-filter-bar.filters-collapsed [data-filter-content]{display:none}
.smart-filter-bar.filters-collapsed{padding-bottom:10px}
@media(max-width:600px){.smart-filter-bar .filter-collapse-toggle{font-size:12px}.smart-filter-bar.filters-collapsed{padding-bottom:9px}}
#analysisView:fullscreen .scout-panel{min-width:0!important;max-width:calc(100vw - 24px);resize:both}
.compact-sync-options{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:10px}.panel-opacity-control{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--color-text-muted)}.panel-opacity-control input{width:130px}.panel-opacity-control output{min-width:34px;color:var(--color-primary-ink);font-weight:700}@media(max-width:600px){.compact-sync-options{align-items:flex-start;flex-direction:column;gap:8px}}