.explorer-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);color:var(--color-shell-text);margin-bottom:var(--space-4)}.explorer-heading h2{font-size:var(--font-h2);margin:var(--space-2) 0}.explorer-heading p{margin:0}.explorer-heading button[aria-pressed=true]{background:var(--color-primary-soft);color:var(--color-primary-ink);border-color:var(--color-primary)}.explorer-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-4) 0;color:var(--color-shell-text)}.explorer-toolbar label{display:flex;align-items:center;gap:var(--space-3)}.explorer-toolbar span{font-size:var(--font-small)}.explorer-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--space-4);align-items:start}.explorer-data,.explorer-detail{min-width:0}.explorer-scroll{overflow:auto}.explorer-scroll table{width:100%;font-variant-numeric:tabular-nums}.explorer-scroll td{padding:var(--space-2);vertical-align:middle}.explorer-scroll small{display:block;color:var(--color-text-muted);font-size:11px}.explorer-scroll button{padding:var(--space-1) var(--space-2);min-height:32px;font-size:12px}.explorer-scroll .explorer-player{border:0;background:transparent;font-weight:650;text-align:left;color:var(--color-text)}.explorer-code{font-size:16px;font-weight:700;font-family:Consolas,monospace;color:var(--color-code-header)}.explorer-raw{font-family:Consolas,monospace;max-width:180px;overflow-wrap:anywhere}.explorer-scroll tr{cursor:pointer}.explorer-scroll tr.active{background:var(--color-primary-soft);box-shadow:inset 3px 0 var(--color-primary-ink)}.explorer-scroll tr:hover{background:var(--color-surface-raised)}.explorer-scroll tr.active:hover{background:var(--color-primary-soft)}.explorer-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);gap:var(--space-3);font-size:var(--font-small)}.explorer-detail{padding:var(--space-4);position:sticky;top:var(--space-3)}.explorer-detail h3{margin:0 0 var(--space-3)}.explorer-detail p{font-size:var(--font-small);color:var(--color-text-muted)}.explorer-detail code{font-family:Consolas,monospace;font-weight:700;color:var(--color-code-header)}.explorer-court{margin-block:var(--space-4)}.explorer-court .directions-svg{width:100%;max-height:330px}.explorer-court small{color:var(--color-text-muted)}.explorer-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.explorer-links button{font-size:12px}.explorer-play{white-space:nowrap}.explorer-scroll tr:focus-within{outline:2px solid var(--color-focus);outline-offset:-2px}#actionExplorerView :focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}
body[data-role=athlete] .staff-only{display:none!important}
@media(max-width:1100px){.explorer-workspace{grid-template-columns:1fr}.explorer-detail{position:static}.explorer-detail .directions-svg{max-width:200px}}
@media(max-width:600px){.explorer-heading{align-items:start;flex-direction:column}.explorer-scroll thead{display:none}#actionExplorerView #explorerRows{display:block!important;padding:var(--space-2)}#actionExplorerView #explorerRows tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2)}#actionExplorerView #explorerRows td{display:block;border:0;min-width:0}#actionExplorerView #explorerRows td:nth-child(3){grid-column:1/-1;grid-row:auto}.explorer-toolbar select{max-width:210px}.explorer-heading>div:last-child{display:flex;flex-wrap:wrap}}

/* Actions workspace redesign: compact filters, clearer table, labeled mobile cards. */
#actionExplorerView{max-width:1500px;margin:0 auto}
#actionExplorerView .explorer-heading{align-items:flex-end;margin-bottom:12px;padding-bottom:14px;border-bottom:1px solid #22324a}
#actionExplorerView .explorer-heading>div{display:flex;align-items:baseline;gap:4px 12px;flex-wrap:wrap}
#actionExplorerView .explorer-heading .eyebrow{flex-basis:100%;color:#8fa6c3;font-weight:600}
#actionExplorerView .explorer-heading h2{margin:0;font-size:26px;line-height:1.2;letter-spacing:-.01em;color:#f4f9fc}
#actionExplorerView .explorer-heading p{margin:0 0 2px;padding:4px 9px;border:1px solid #2b3d58;border-radius:999px;background:#0f1a2e;color:#a9bdcf;font-size:11px;white-space:nowrap}
#actionExplorerView .smart-filter-bar{padding:14px 16px;border-radius:12px}
#actionExplorerView .smart-filter-heading{padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--color-divider)}
#actionExplorerView .smart-filter-heading p{margin:2px 0 0;font-size:12px;color:var(--color-text-muted)}
#actionExplorerView .smart-filter-bar .filters{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px 10px}
#actionExplorerView .smart-filter-bar .filters label{gap:4px;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#6b8696}
#actionExplorerView .smart-filter-bar .filters select,#actionExplorerView .smart-filter-bar .filters input{height:34px;padding:0 9px;font-size:12px}
#actionExplorerView .smart-filter-chips{margin-top:10px}
#actionExplorerView .explorer-toolbar{margin:12px 2px 10px;gap:8px 14px;color:#9fb3c8}
#actionExplorerView .explorer-toolbar label{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
#actionExplorerView .explorer-toolbar select{min-width:210px;height:34px;padding:0 10px;border-color:#2b3d58;background:#0f1a2e;color:#e8f1f8;font-size:12px}
#actionExplorerView .explorer-toolbar span{max-width:520px;color:#8fa6c3;font-size:11px;line-height:1.4;text-align:right}
#actionExplorerView .explorer-workspace{grid-template-columns:minmax(0,1fr) 316px;gap:16px}
#actionExplorerView .explorer-data,#actionExplorerView .explorer-detail{border-radius:12px;overflow:hidden}
#actionExplorerView .explorer-scroll table{border-collapse:separate;border-spacing:0;font-size:13px}
#actionExplorerView .explorer-scroll thead{position:sticky;top:0;z-index:2}
#actionExplorerView .explorer-scroll th{padding:10px 12px;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);font-size:10px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
#actionExplorerView .explorer-scroll td{padding:9px 12px;border-bottom:1px solid var(--color-divider);vertical-align:middle}
#actionExplorerView .explorer-scroll tbody tr:last-child td{border-bottom:0}
#actionExplorerView .explorer-scroll tbody tr{transition:background var(--motion-fast)}
#actionExplorerView .explorer-scroll tbody tr.active{background:var(--color-primary-soft);box-shadow:inset 3px 0 var(--color-primary)}
#actionExplorerView .explorer-select{min-width:44px;height:28px;padding:0 8px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-primary-ink);font-weight:700;font-variant-numeric:tabular-nums}
#actionExplorerView .explorer-select:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}
#actionExplorerView .explorer-player{padding:0;font-size:13px;font-weight:650;line-height:1.25;color:var(--color-text)}
#actionExplorerView .explorer-code{font-size:14px;color:var(--color-primary-ink)}
#actionExplorerView .explorer-raw{max-width:140px;font-size:10px;color:#7e98a7}
#actionExplorerView .explorer-scroll [data-rotation],#actionExplorerView .explorer-scroll [data-directions]{min-height:26px;padding:2px 8px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-primary-ink);font-size:11px;font-weight:650;white-space:nowrap}
#actionExplorerView .explorer-scroll [data-rotation]:hover,#actionExplorerView .explorer-scroll [data-directions]:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}
#actionExplorerView .explorer-scroll .eval{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;font-weight:700}
#actionExplorerView .explorer-play{min-height:30px;padding:0 12px;border:1px solid transparent;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-ink);font-size:11px;font-weight:700}
#actionExplorerView .explorer-play:hover:not(:disabled){background:var(--color-primary);color:#062c39}
#actionExplorerView .explorer-play:disabled{border-color:var(--color-border);background:var(--color-surface-raised);color:var(--color-text-muted)}
#actionExplorerView .explorer-pagination{padding:12px 16px;border-top:1px solid var(--color-divider);background:var(--color-surface-raised);color:var(--color-text-muted)}
#actionExplorerView .explorer-pagination button{min-height:32px;padding:0 12px;font-size:12px}
#actionExplorerView .explorer-detail{padding:0;box-shadow:var(--shadow-sm)}
#actionExplorerView .explorer-detail>h3{margin:0;padding:12px 16px;border-bottom:1px solid #22324a;background:#0f1a2e;color:#e8f1f8;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#actionExplorerView #explorerDetail{padding:16px}
#actionExplorerView #explorerDetail>.eyebrow{color:var(--color-primary-ink)}
#actionExplorerView #explorerDetail h3{margin:4px 0 8px;font-size:20px}
#actionExplorerView #explorerDetail p{margin:4px 0;font-size:12px}
#actionExplorerView #explorerDetail>button{width:100%;min-height:36px;margin:10px 0 2px;border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-ink);font-weight:700}
#actionExplorerView #explorerDetail>button:hover:not(:disabled){background:var(--color-primary);color:#062c39}
#actionExplorerView .explorer-court{margin:12px 0;padding:10px 10px 6px;border:1px solid var(--color-divider);border-radius:10px;background:var(--color-surface-raised)}
#actionExplorerView .explorer-court .directions-svg{display:block;margin:0 auto}
#actionExplorerView .explorer-court small{font-size:10px}
#actionExplorerView .explorer-links{gap:6px;padding-top:2px}
#actionExplorerView .explorer-links button{flex:1 1 auto;min-height:32px;padding:0 10px;border:1px solid var(--color-border);background:var(--color-surface);font-size:11px}
@media(max-width:1200px){#actionExplorerView .smart-filter-bar .filters{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){
 #actionExplorerView .explorer-heading{align-items:flex-start;padding-bottom:12px}
 #actionExplorerView .explorer-heading h2{font-size:22px}
 #actionExplorerView .explorer-heading p{font-size:10px}
 #actionExplorerView .smart-filter-bar{padding:12px}
 #actionExplorerView .smart-filter-bar .filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #actionExplorerView .smart-filter-bar .filters select,#actionExplorerView .smart-filter-bar .filters input{height:36px}
 #actionExplorerView .explorer-toolbar{align-items:flex-start}
 #actionExplorerView .explorer-toolbar label{width:100%}
 #actionExplorerView .explorer-toolbar select{flex:1;min-width:0;max-width:none}
 #actionExplorerView .explorer-toolbar span{max-width:none;text-align:left}
 #actionExplorerView #explorerRows{display:block!important;padding:8px;background:var(--color-surface-raised)}
 #actionExplorerView #explorerRows tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"player action" "meta meta" "type code" "rotation direction" "eval video";gap:6px 10px;padding:12px;margin:0 0 8px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}
 #actionExplorerView #explorerRows td{display:block;min-width:0;padding:0;border:0}
 #actionExplorerView #explorerRows td:nth-child(1){grid-area:meta;display:flex;gap:8px;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}
 #actionExplorerView #explorerRows td:nth-child(1) small{display:inline;font-size:inherit}
 #actionExplorerView #explorerRows td:nth-child(2){grid-area:action;justify-self:end}
 #actionExplorerView #explorerRows td:nth-child(3){grid-area:player}
 #actionExplorerView #explorerRows td:nth-child(4){grid-area:type}
 #actionExplorerView #explorerRows td:nth-child(5){grid-area:code;text-align:right}
 #actionExplorerView #explorerRows td:nth-child(6){grid-area:rotation}
 #actionExplorerView #explorerRows td:nth-child(7){grid-area:direction;justify-self:end}
 #actionExplorerView #explorerRows td:nth-child(8){grid-area:eval}
 #actionExplorerView #explorerRows td:nth-child(9){grid-area:video;justify-self:end}
 #actionExplorerView #explorerRows td:nth-child(4)::before,#actionExplorerView #explorerRows td:nth-child(5)::before,#actionExplorerView #explorerRows td:nth-child(6)::before,#actionExplorerView #explorerRows td:nth-child(7)::before,#actionExplorerView #explorerRows td:nth-child(8)::before{content:attr(data-label);display:block;margin-bottom:3px;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#7b95a5}
 #actionExplorerView #explorerRows td:nth-child(3) .explorer-player{font-size:14px}
 #actionExplorerView #explorerRows tr.active{box-shadow:inset 3px 0 var(--color-primary)}
}

@media(max-width:1100px){#actionExplorerView .explorer-workspace{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){
 #actionExplorerView .explorer-scroll thead{display:none}
 #actionExplorerView .explorer-data{border-radius:10px}
}