/* Scoutline football visual system.
   Editorial football intelligence: identity first, evidence on demand. */

.football-search-dialog.ux-football-visual-system .football-search-intro{display:none!important}
.football-search-dialog.ux-football-visual-system .football-search-bar{padding-bottom:14px;border-bottom:1px solid var(--line)}
.football-search-dialog.ux-football-visual-system .football-search-bar h2{font-size:clamp(31px,3.5vw,46px)}
.football-search-dialog.ux-football-visual-system .football-search-bar h2+p{max-width:620px;color:var(--muted)}
.football-search-dialog.ux-football-visual-system .football-search-grid{display:grid;grid-template-columns:minmax(230px,270px) minmax(0,1fr);gap:16px;align-items:start;margin-top:16px}

/* Football identity media. Images are shown only after a successful load. */
.ux-team-crest,.ux-player-portrait{position:relative;display:inline-grid;place-items:center;overflow:hidden;background:#ecece5;color:#70766a;font-weight:900;line-height:1;flex:0 0 auto}
.ux-team-crest{width:21px;height:21px;border-radius:5px;font-size:7px}
.ux-player-portrait{width:64px;height:64px;border-radius:13px;background:var(--deep);color:var(--accent);font-size:16px}
.ux-team-crest img,.ux-player-portrait img{display:none;width:100%;height:100%;object-fit:contain}
.ux-player-portrait img{object-fit:cover;background:#eeeee8}
.ux-team-crest.has-image img,.ux-player-portrait.has-image img{display:block}
.ux-team-crest.has-image .ux-media-fallback,.ux-player-portrait.has-image .ux-media-fallback{display:none}
.ux-media-fallback{display:grid;place-items:center;width:100%;height:100%}

/* Brief rail: one frame, functional controls, minimal decorative borders. */
.football-search-dialog.ux-football-visual-system .football-brief{position:sticky;top:14px;border:1px solid var(--line);border-radius:15px;background:var(--card);overflow:hidden;box-shadow:none}
.football-search-dialog.ux-football-visual-system .football-brief .football-box-head{padding:16px 16px 12px;border-bottom:1px solid var(--line)}
.football-search-dialog.ux-football-visual-system .football-brief .football-box-head h4{font-size:17px;line-height:1.05}
.football-search-dialog.ux-football-visual-system .football-brief-form{gap:0;padding:12px 16px 15px}
.football-search-dialog.ux-football-visual-system .football-brief-field{margin-bottom:10px}
.football-search-dialog.ux-football-visual-system .football-brief-field>span{font-size:8px;letter-spacing:.13em}
.football-search-dialog.ux-football-visual-system .football-brief-field select,
.football-search-dialog.ux-football-visual-system .football-brief-field input{min-height:40px;padding:9px 10px;border-radius:9px;font-size:12px;background:#fffefa}
.football-search-dialog.ux-football-visual-system .football-analogue-reference[hidden]{display:none!important}
.football-search-dialog.ux-football-visual-system .football-analogue-reference small{color:var(--muted);font-size:8px;line-height:1.45}
.football-search-dialog.ux-football-visual-system[data-search-mode="analogue"] .football-method{border-left:2px solid #b2bd57;background:#f4f7dd}
.football-search-dialog.ux-football-visual-system .football-run{min-height:42px;margin:10px 0 0;border-radius:9px}

.ux-team-select-wrap{position:relative;display:flex;align-items:center}
.ux-team-select-wrap .ux-destination-crest{position:absolute;z-index:2;left:9px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:23px;height:23px;pointer-events:none}
.ux-team-select-wrap.has-team select{padding-left:40px!important}
.ux-destination-crest[hidden]{display:none}

.ux-advanced,.ux-context-disclosure,.ux-method-disclosure,.ux-squad-disclosure{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;overflow:visible}
.ux-advanced>summary,.ux-context-disclosure>summary,.ux-method-disclosure>summary,.ux-squad-disclosure>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:10px 1px;color:var(--ink)}
.ux-advanced>summary::-webkit-details-marker,.ux-context-disclosure>summary::-webkit-details-marker,.ux-method-disclosure>summary::-webkit-details-marker,.ux-squad-disclosure>summary::-webkit-details-marker{display:none}
.ux-advanced>summary strong,.ux-context-disclosure>summary strong,.ux-method-disclosure>summary strong,.ux-squad-disclosure>summary strong{font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ux-advanced>summary span,.ux-context-disclosure>summary span,.ux-method-disclosure>summary span,.ux-squad-disclosure>summary span{color:var(--muted);font-size:8px;font-weight:650}
.ux-advanced>summary::after,.ux-context-disclosure>summary::after,.ux-method-disclosure>summary::after,.ux-squad-disclosure>summary::after{content:"+";font-size:13px;color:var(--muted)}
.ux-advanced[open]>summary::after,.ux-context-disclosure[open]>summary::after,.ux-method-disclosure[open]>summary::after,.ux-squad-disclosure[open]>summary::after{content:"−"}
.ux-advanced-body{display:grid;gap:8px;padding:1px 0 10px}
.ux-context-disclosure .football-context-note{margin:1px 0 10px}
.ux-method-disclosure .football-method{margin:0;padding:1px 0 10px;border:0;background:transparent;font-size:9px}
.ux-squad-disclosure .football-squad-intelligence{margin:0 -1px;border:0;border-top:1px solid #e6e6df;border-radius:0;background:transparent;box-shadow:none}

/* One structural shortlist frame. */
.football-search-dialog.ux-football-visual-system .football-results{display:grid;grid-template-columns:minmax(0,1fr) minmax(315px,355px);grid-template-areas:"head head" "summary summary" "warning warning" "columns inspector" "list inspector";column-gap:0;align-items:stretch;border:1px solid var(--line);border-radius:15px;background:var(--card);overflow:hidden;box-shadow:none}
.football-search-dialog.ux-football-visual-system .football-results>.football-box-head{grid-area:head;padding:15px 16px 12px;border-bottom:1px solid var(--line)}
.football-search-dialog.ux-football-visual-system .football-results>.football-box-head h4{font-size:18px}
.football-search-dialog.ux-football-visual-system .football-results>.football-box-head>span{font-size:9px;color:var(--muted)}
.football-search-dialog.ux-football-visual-system .football-result-summary{grid-area:summary;display:flex;align-items:center;gap:0;padding:8px 16px;border-bottom:1px solid var(--line);background:#f7f6f0}
.football-search-dialog.ux-football-visual-system .football-result-summary>div{display:flex!important;align-items:baseline;gap:5px;min-height:0;padding:0 12px 0 0;margin-right:12px;border:0;border-right:1px solid var(--line);background:transparent;border-radius:0}
.football-search-dialog.ux-football-visual-system .football-result-summary>div:last-child{border-right:0;margin-right:0;padding-right:0}
.football-search-dialog.ux-football-visual-system .football-result-summary>div[hidden]{display:none!important}
.football-search-dialog.ux-football-visual-system .football-result-summary span{font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:850}
.football-search-dialog.ux-football-visual-system .football-result-summary strong{font-size:12px;font-weight:900}
.football-search-dialog.ux-football-visual-system .football-unresolved{grid-area:warning;margin:0;border-radius:0;border-left:0;border-right:0}

.ux-shortlist-columns{grid-area:columns;display:grid;grid-template-columns:minmax(0,1fr) 105px 60px;gap:14px;align-items:center;padding:9px 14px 7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.ux-shortlist-columns>span{display:flex;align-items:center;gap:4px}
.ux-shortlist-columns>span:not(:first-child){justify-content:flex-end}
.football-search-dialog.ux-football-visual-system .football-result-list{grid-area:list;display:block;min-width:0;border-right:1px solid var(--line)}

/* Dense, borderless candidate rows. */
.football-search-dialog.ux-football-visual-system .football-result{position:relative;margin:0;border:0;border-bottom:1px solid #e3e4dc;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transition:background .12s ease}
.football-search-dialog.ux-football-visual-system .football-result:last-child{border-bottom:0}
.football-search-dialog.ux-football-visual-system .football-result:hover{background:#f7f7f1}
.football-search-dialog.ux-football-visual-system .football-result:focus-visible{outline:2px solid #8fa02e;outline-offset:-2px}
.football-search-dialog.ux-football-visual-system .football-result.ux-selected{background:#fafce9}
.football-search-dialog.ux-football-visual-system .football-result.ux-selected::before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:2px;border-radius:2px;background:var(--accent)}
.football-search-dialog.ux-football-visual-system .football-result-top{display:grid;grid-template-columns:30px minmax(0,1fr) 105px 60px;gap:14px;align-items:center;min-height:58px;padding:9px 14px}
.football-search-dialog.ux-football-visual-system .football-result-order{width:27px;height:27px;border-radius:8px;background:var(--deep);color:white;font-size:11px}
.football-search-dialog.ux-football-visual-system .football-result.ux-selected .football-result-order{background:var(--deep);color:var(--accent)}
.football-search-dialog.ux-football-visual-system .football-result-name{min-width:0}
.football-search-dialog.ux-football-visual-system .football-result-name h5{margin:0 0 4px;font-size:14px;letter-spacing:-.018em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.football-search-dialog.ux-football-visual-system .football-result-name p{display:flex;align-items:center;gap:5px;min-width:0;margin:0;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden}
.ux-row-club{max-width:120px;overflow:hidden;text-overflow:ellipsis}
.ux-row-age::before{content:"·";margin-right:5px}
.ux-readiness-pill{display:inline-flex;flex:0 0 auto;padding:2px 5px;border:1px solid #d4d6cd;border-radius:999px;background:#f1f1eb;color:#686e63;font-size:6px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}

.football-search-dialog.ux-football-visual-system .football-result-meters{display:contents}
.football-search-dialog.ux-football-visual-system .football-meter{min-width:0;padding:0;border:0;border-radius:0;background:transparent;text-align:right}
.football-search-dialog.ux-football-visual-system .football-meter.accent{background:transparent;border:0;color:var(--ink)}
.football-search-dialog.ux-football-visual-system .football-meter>span[hidden]{display:none!important}
.football-search-dialog.ux-football-visual-system .football-meter strong{display:block;font-size:14px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}
.football-search-dialog.ux-football-visual-system .football-meter.accent strong{font-size:15px}
.football-search-dialog.ux-football-visual-system .football-meter.readiness{display:none}

/* All repeated mini-report content moves into the selected-candidate inspector. */
.football-search-dialog.ux-football-visual-system .football-result>.football-result-notes,
.football-search-dialog.ux-football-visual-system .football-result>.football-context-delta,
.football-search-dialog.ux-football-visual-system .football-result>.football-squad-contribution,
.football-search-dialog.ux-football-visual-system .football-result>.football-result-actions{display:none!important}

/* Help is anchored to column headers, never a black banner over a metric. */
.ux-info-wrap{position:relative;display:inline-flex;align-items:center}
.ux-info{display:inline-grid;place-items:center;width:13px;height:13px;padding:0;border:1px solid #b8bcb1;border-radius:50%;background:#fbfaf6;color:#72786d;font-size:7px;font-weight:900;line-height:1;cursor:help}
.ux-info:focus-visible{outline:2px solid #96a52c;outline-offset:2px}
.ux-tip{position:absolute;z-index:60;top:calc(100% + 7px);right:-4px;width:220px;padding:8px 9px;border:1px solid #cfd2c8;border-radius:8px;background:#fffefa;color:#3d433a;font-size:9px;font-weight:600;line-height:1.45;letter-spacing:0;text-transform:none;text-align:left;white-space:normal;box-shadow:0 10px 24px rgba(24,28,20,.10);opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .1s ease,transform .1s ease;pointer-events:none}
.ux-info-wrap:hover .ux-tip,.ux-info-wrap:focus-within .ux-tip,.ux-info-wrap.open .ux-tip{opacity:1;visibility:visible;transform:translateY(0)}

/* Inspector is part of the workspace, not a card floating inside it. */
.ux-candidate-inspector{grid-area:inspector;min-width:0;background:#f7f6f0;overflow:hidden}
.ux-inspector-head{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 15px 13px;border-bottom:1px solid var(--line)}
.ux-inspector-identity{min-width:0}
.ux-inspector-kicker{display:block;margin:1px 0 5px;color:var(--muted);font-size:6px;font-weight:900;letter-spacing:.13em}
.ux-inspector-head h3{margin:0;font-family:"Arial Narrow","Helvetica Neue",sans-serif;font-size:25px;line-height:.9;letter-spacing:-.045em;overflow-wrap:anywhere}
.ux-inspector-head p{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:7px 0 0;color:var(--muted);font-size:8px;line-height:1.3}
.ux-inspector-head p>span:not(.ux-team-crest)+span::before{content:"·";margin-right:6px;color:#a1a69b}
.ux-inspector-head>.ux-readiness-pill{margin-top:2px}

.ux-inspector-metrics{display:grid;grid-template-columns:1fr 1fr;padding:0 15px;border-bottom:1px solid var(--line);background:#f0f0e9}
.ux-inspector-metrics>div{display:grid;align-content:center;min-height:70px;padding:11px 12px 11px 0}
.ux-inspector-metrics>div+div{padding-left:14px;border-left:1px solid var(--line)}
.ux-inspector-metrics span{display:block;margin-bottom:3px;color:var(--muted);font-size:6px;font-weight:900;letter-spacing:.1em}
.ux-inspector-metrics strong{display:inline;font-size:21px;font-weight:950;font-variant-numeric:tabular-nums}
.ux-inspector-metrics>div:first-child strong{color:#6f8400}
.ux-inspector-metrics small{display:block;margin-top:3px;color:var(--muted);font-size:7px}

.ux-inspector-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#f8f7f2}
.ux-inspector-tabs button{position:relative;min-width:0;padding:10px 4px 9px;border:0;background:transparent;color:var(--muted);font-size:8px;font-weight:850;cursor:pointer}
.ux-inspector-tabs button[aria-selected="true"]{color:var(--ink)}
.ux-inspector-tabs button[aria-selected="true"]::after{content:"";position:absolute;left:25%;right:25%;bottom:-1px;height:2px;background:var(--accent)}
.ux-inspector-tabs button:focus-visible{outline:2px solid #8fa02e;outline-offset:-2px}
.ux-tab-panel{min-height:220px}
.ux-tab-panel[hidden]{display:none!important}

.ux-inspector-insights{display:grid;padding:4px 15px 2px}
.ux-insight{display:grid;gap:3px;padding:11px 0;border-bottom:1px solid #dfdfd7}
.ux-insight:last-child{border-bottom:0}
.ux-insight>span{color:var(--muted);font-size:6px;font-weight:900;letter-spacing:.1em}
.ux-insight strong{font-size:11px;line-height:1.25}
.ux-insight small{color:var(--muted);font-size:8px;line-height:1.4}
.ux-insight.positive strong::before{content:"✓ ";color:#718500}
.ux-insight.watch strong::before{content:"△ ";color:#8a5c34}
.ux-insight.next strong::before{content:"→ ";color:var(--ink)}
.ux-inspector-detail{border-top:1px solid var(--line)}
.ux-inspector-detail>summary{list-style:none;cursor:pointer;padding:10px 15px;font-size:8px;font-weight:900}
.ux-inspector-detail>summary::-webkit-details-marker{display:none}
.ux-inspector-detail>summary::after{content:"+";float:right;color:var(--muted)}
.ux-inspector-detail[open]>summary::after{content:"−"}
.ux-inspector-detail>div{display:grid;gap:8px;padding:0 12px 12px}
.ux-inspector-detail .football-context-delta,.ux-inspector-detail .football-squad-contribution{margin:0;border-radius:9px;font-size:8px}
.ux-inspector-method{margin:0;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fffefa;color:var(--muted);font-size:8px;line-height:1.45}

/* Role tab: a brief visual, explicitly not spatial evidence. */
.ux-role-layout{display:grid;grid-template-columns:116px 1fr;gap:14px;padding:16px 15px}
.ux-role-pitch{position:relative;width:116px;height:164px;border:1px solid #aeb2a7;border-radius:8px;background:#eceee5;overflow:hidden}
.ux-role-pitch::before{content:"";position:absolute;inset:8px;border:1px solid #c2c6bb;border-radius:2px}
.ux-pitch-halfway{position:absolute;left:8px;right:8px;top:50%;border-top:1px solid #c2c6bb}
.ux-pitch-halfway::after{content:"";position:absolute;left:50%;top:0;width:30px;height:30px;border:1px solid #c2c6bb;border-radius:50%;transform:translate(-50%,-50%)}
.ux-pitch-box{position:absolute;left:31px;right:31px;bottom:8px;height:31px;border:1px solid #c2c6bb;border-bottom:0}
.ux-role-marker{position:absolute;left:50%;bottom:39px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;transform:translateX(-50%);background:var(--deep);color:var(--accent);font-size:8px;font-weight:950;box-shadow:0 0 0 3px rgba(223,255,54,.22)}
.ux-role-copy{align-self:center}
.ux-role-copy>span,.ux-spatial-kicker{display:block;color:var(--muted);font-size:6px;font-weight:900;letter-spacing:.11em}
.ux-role-copy>strong{display:block;margin:5px 0 6px;font-size:13px}
.ux-role-copy>p{margin:0;color:var(--muted);font-size:8px;line-height:1.45}
.ux-role-demands{display:grid;gap:5px;margin-top:12px}
.ux-role-demands span{display:flex;justify-content:space-between;gap:8px;padding-top:5px;border-top:1px solid #dfdfd7;color:var(--muted);font-size:8px}
.ux-role-demands b{color:var(--ink)}

/* Spatial slot: honest empty state. No synthetic heatmap is produced. */
.ux-spatial-empty{display:grid;justify-items:center;text-align:center;padding:16px 18px 18px}
.ux-spatial-pitch{position:relative;width:150px;height:96px;margin-bottom:12px;border:1px solid #c1c4ba;border-radius:7px;background:#eceee6;opacity:.75}
.ux-spatial-pitch::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #c8cbc2}
.ux-spatial-pitch::after{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;border:1px solid #c8cbc2;border-radius:50%;transform:translate(-50%,-50%)}
.ux-spatial-pitch span{position:absolute;inset:8px;border:1px solid #c8cbc2;border-radius:2px}
.ux-spatial-empty strong{margin:5px 0 5px;font-size:13px}
.ux-spatial-empty p{max-width:280px;margin:0;color:var(--muted);font-size:8px;line-height:1.5}

/* Evidence tab replaces the large global coverage panel. */
.ux-evidence-source[hidden]{display:none!important}
.ux-evidence-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0 15px}
.ux-evidence-overview>div{display:grid;align-content:start;min-height:93px;padding:14px 10px 12px 0}
.ux-evidence-overview>div+div{padding-left:10px;border-left:1px solid #dfdfd7}
.ux-evidence-overview span{color:var(--muted);font-size:6px;font-weight:900;letter-spacing:.08em}
.ux-evidence-overview strong{margin:5px 0 3px;font-size:17px}
.ux-evidence-overview small{color:var(--muted);font-size:7px;line-height:1.35}
.ux-next-evidence{display:grid;gap:5px;margin:0 15px 12px;padding:12px;border:1px solid #c9d676;border-radius:11px;background:#f4f8d9}
.ux-next-evidence>span{color:#667313;font-size:6px;font-weight:950;letter-spacing:.11em}
.ux-next-evidence>strong{font-size:12px}
.ux-next-evidence>p{margin:0;color:#59601f;font-size:8px;line-height:1.45}
.ux-next-evidence-impact{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:5px;border-top:1px solid #dbe3a9}
.ux-next-evidence-impact span{color:#667313;font-size:7px;font-weight:800;letter-spacing:0}
.ux-next-evidence.empty{border-color:var(--line);background:#f2f1eb}
.ux-evidence-deep{margin:0 15px 14px;border-top:1px solid #dfdfd7}
.ux-evidence-deep>summary{list-style:none;cursor:pointer;padding:10px 0;font-size:8px;font-weight:900}
.ux-evidence-deep>summary::-webkit-details-marker{display:none}
.ux-evidence-deep>summary::after{content:"+";float:right;color:var(--muted)}
.ux-evidence-deep[open]>summary::after{content:"−"}
.ux-evidence-deep .evidence-map-body{padding:0!important;border:0!important;background:transparent!important;font-size:8px}
.ux-evidence-deep .evidence-map-rows{max-height:230px;overflow:auto}

.ux-inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 15px 14px}
.ux-inspector-actions .ux-inspector-open{width:100%;margin:0;min-height:39px;border-radius:9px}
@media(max-width:1120px){.ux-inspector-actions{grid-template-columns:1fr}}
.ux-inspector-empty{display:grid;gap:6px;padding:22px 16px;color:var(--muted)}
.ux-inspector-empty span{font-size:7px;font-weight:900;letter-spacing:.1em}
.ux-inspector-empty strong{color:var(--ink);font-size:12px}

@media(max-width:1180px){
  .football-search-dialog.ux-football-visual-system .football-results{grid-template-columns:1fr;grid-template-areas:"head" "summary" "warning" "columns" "list" "inspector"}
  .ux-shortlist-columns,.football-search-dialog.ux-football-visual-system .football-result-list{border-right:0}
  .ux-candidate-inspector{border-top:1px solid var(--line)}
  .ux-inspector-head{grid-template-columns:64px 1fr auto}
}

@media(max-width:820px){
  .football-search-dialog.ux-football-visual-system .football-search-grid{grid-template-columns:1fr}
  .football-search-dialog.ux-football-visual-system .football-brief{position:static}
  .football-search-dialog.ux-football-visual-system .football-result-top,.ux-shortlist-columns{grid-template-columns:28px minmax(0,1fr) 82px 50px;gap:8px}
  .ux-shortlist-columns{padding-left:12px}
  .ux-shortlist-columns>span:first-child{grid-column:1/3}
  .football-search-dialog.ux-football-visual-system .football-result-name h5{font-size:13px}
}

@media(max-width:560px){
  .football-search-dialog.ux-football-visual-system .football-result-top{grid-template-columns:28px minmax(0,1fr) 58px;gap:8px}
  .football-search-dialog.ux-football-visual-system .football-result-meters{display:contents}
  .football-search-dialog.ux-football-visual-system .football-meter:nth-child(2){display:none}
  .ux-shortlist-columns{grid-template-columns:28px minmax(0,1fr) 58px}
  .ux-column-evidence{display:none!important}
  .ux-inspector-head{grid-template-columns:54px 1fr}.ux-player-portrait{width:54px;height:54px}.ux-inspector-head>.ux-readiness-pill{grid-column:2}
  .ux-inspector-metrics,.ux-evidence-overview{grid-template-columns:1fr 1fr}
  .ux-evidence-overview>div:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid #dfdfd7;padding-left:0}
  .ux-role-layout{grid-template-columns:90px 1fr}.ux-role-pitch{width:90px;height:132px}
  .ux-tip{right:-12px;width:min(210px,72vw)}
}