/* Scoutline global design system.
   Search Studio is the reference surface; other workflows share its visual language
   without copying its layout. Presentation only: no football logic. */

:root{
  --ds-canvas:#f4f3ee;
  --ds-surface:#fbfaf6;
  --ds-surface-muted:#f0f0e9;
  --ds-ink:#151713;
  --ds-muted:#6d7168;
  --ds-line:#d9dbd2;
  --ds-line-soft:#e7e7df;
  --ds-accent:#dfff36;
  --ds-accent-soft:#f4ffc5;
  --ds-deep:#20231e;
  --ds-watch:#8a5c34;
  --ds-positive:#718800;
  --ds-radius:14px;
  --ds-radius-sm:9px;
}

body.scoutline-design-system{background:var(--ds-canvas);color:var(--ds-ink)}
body.scoutline-design-system .eyebrow,
body.scoutline-design-system .label{font-size:8px;letter-spacing:.15em;font-weight:900;color:var(--ds-muted)}
body.scoutline-design-system button,
body.scoutline-design-system select,
body.scoutline-design-system input,
body.scoutline-design-system textarea{font:inherit}
body.scoutline-design-system .button{min-height:40px;border-radius:9px;font-size:11px;font-weight:900;box-shadow:none}
body.scoutline-design-system .button-primary{background:var(--ds-accent);border-color:var(--ds-accent);color:var(--ds-ink)}
body.scoutline-design-system .button-ghost{background:transparent;border-color:var(--ds-line);color:var(--ds-ink)}
body.scoutline-design-system .button-ghost:hover:not(:disabled){background:var(--ds-surface-muted);border-color:#c8cbc0}
body.scoutline-design-system select,
body.scoutline-design-system input,
body.scoutline-design-system textarea{border-radius:9px!important;box-shadow:none!important}
body.scoutline-design-system select:focus,
body.scoutline-design-system input:focus,
body.scoutline-design-system textarea:focus{border-color:#99a553!important;outline:2px solid rgba(223,255,54,.2);outline-offset:0}

/* App shell and navigation */
body.scoutline-design-system .app-shell{grid-template-columns:188px minmax(0,1fr)}
body.scoutline-design-system .sidebar{padding:24px 18px;border-right:1px solid var(--ds-line);background:#efeee8}
body.scoutline-design-system .brand{gap:9px;font-size:11px;letter-spacing:.16em}
body.scoutline-design-system .brand-mark{width:28px;height:28px;border-radius:8px;background:var(--ds-deep);color:var(--ds-accent);font-size:12px}
body.scoutline-design-system .sidebar nav{gap:2px;margin-top:42px}
body.scoutline-design-system .sidebar nav a{position:relative;padding:10px 10px;border-radius:8px;font-size:12px;font-weight:750;color:var(--ds-muted)}
body.scoutline-design-system .sidebar nav a:hover{background:#e5e4dc;color:var(--ds-ink)}
body.scoutline-design-system .sidebar nav a.active{background:var(--ds-deep);color:white}
body.scoutline-design-system .sidebar nav a.active::after{width:5px;height:5px;margin-top:5px;background:var(--ds-accent)}
body.scoutline-design-system .sidebar-foot{padding-top:16px;border-top:1px solid var(--ds-line);font-size:9px;line-height:1.5}
body.scoutline-design-system main{max-width:1420px;padding:30px clamp(24px,4vw,58px) 64px}
body.scoutline-design-system .topbar{align-items:end;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--ds-line)}
body.scoutline-design-system .topbar h1{font-size:clamp(30px,3vw,43px)}
body.scoutline-design-system .season-pill,
body.scoutline-design-system .data-status{padding:7px 10px;border-radius:999px;background:transparent;font-size:9px}
body.scoutline-design-system .data-status.live{background:var(--ds-accent-soft);border-color:#d7e988}

/* Player Intelligence = dossier, not dashboard */
body.scoutline-design-system .explorer-bar{grid-template-columns:minmax(210px,.8fr) minmax(380px,1.2fr);gap:20px;margin-bottom:12px;padding:13px 14px;border-radius:12px;background:var(--ds-surface);box-shadow:none}
body.scoutline-design-system .explorer-copy strong{font-size:14px}
body.scoutline-design-system .explorer-copy>span:last-child{font-size:9px}
body.scoutline-design-system .explorer-controls label>span{font-size:8px}
body.scoutline-design-system .explorer-controls select{padding:9px 10px;border-radius:8px;font-size:11px;background:#fffefa}

body.scoutline-design-system .player-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,260px);gap:24px;align-items:stretch;padding:0;border:1px solid var(--ds-line);border-radius:14px;background:var(--ds-surface);color:var(--ds-ink);box-shadow:none;overflow:hidden}
body.scoutline-design-system .hero-copy{align-items:center;gap:16px;padding:20px 22px}
body.scoutline-design-system .avatar{position:relative;width:68px;height:68px;flex-basis:68px;border:1px solid #cfd2c8;border-radius:13px;background:#e8e9e2;color:var(--ds-ink);font-size:0;overflow:hidden}
body.scoutline-design-system .ds-player-silhouette{position:absolute;inset:0;display:block}
body.scoutline-design-system .ds-player-silhouette::before{content:"";position:absolute;left:50%;top:13px;width:19px;height:19px;border-radius:50%;background:#a1a69c;transform:translateX(-50%)}
body.scoutline-design-system .ds-player-silhouette::after{content:"";position:absolute;left:50%;bottom:4px;width:44px;height:29px;border-radius:23px 23px 8px 8px;background:#777d73;transform:translateX(-50%)}
body.scoutline-design-system .ds-player-monogram{position:absolute;right:5px;bottom:5px;z-index:2;display:grid;place-items:center;min-width:22px;height:16px;padding:0 4px;border-radius:999px;background:var(--ds-deep);color:var(--ds-accent);font-size:7px;font-weight:950;letter-spacing:.02em}
body.scoutline-design-system .hero-meta{align-items:center;gap:6px;color:var(--ds-muted);font-size:9px}
body.scoutline-design-system .ds-club-mark{display:inline-grid;place-items:center;min-width:28px;height:22px;padding:0 5px;border:1px solid #cdd1c6;border-radius:7px;background:#f0f1e9;color:#5d6459;font-size:7px;font-weight:950;letter-spacing:.05em;box-shadow:inset 0 -2px 0 #dfff36}
body.scoutline-design-system .player-hero h2{margin:6px 0 8px;color:var(--ds-ink);font-size:clamp(34px,4.7vw,58px)}
body.scoutline-design-system .facts{gap:9px;color:var(--ds-muted);font-size:9px}
body.scoutline-design-system .fact{padding-right:9px;border-color:var(--ds-line)}
body.scoutline-design-system .hero-side{width:auto;display:grid;grid-template-rows:auto 1fr;gap:0;background:var(--ds-surface-muted);border-left:1px solid var(--ds-line)}
body.scoutline-design-system .confidence-card{padding:16px;border:0;border-bottom:1px solid var(--ds-line);border-radius:0;background:transparent;color:var(--ds-ink)}
body.scoutline-design-system .confidence-card .label{color:var(--ds-muted)}
body.scoutline-design-system .confidence-card strong{font-size:17px}
body.scoutline-design-system .confidence-card span:last-child{color:var(--ds-muted);font-size:9px}
body.scoutline-design-system .hero-actions{align-content:end;padding:12px 14px 14px;gap:6px}
body.scoutline-design-system .hero-actions .button-ghost{background:transparent;border-color:#cfd1c8;color:var(--ds-ink)}

body.scoutline-design-system .summary-grid{display:flex;gap:0;margin:12px 0;border:1px solid var(--ds-line);border-radius:12px;background:var(--ds-surface);overflow:hidden}
body.scoutline-design-system .summary-card{flex:1;min-height:72px;padding:13px 15px;border:0;border-right:1px solid var(--ds-line);border-radius:0;background:transparent}
body.scoutline-design-system .summary-card:last-child{border-right:0}
body.scoutline-design-system .summary-card.accent{background:transparent;border-color:var(--ds-line)}
body.scoutline-design-system .summary-card strong{margin:auto 0 0;font-size:21px}
body.scoutline-design-system .summary-card>span:last-child{font-size:8px}

body.scoutline-design-system .insight-grid{gap:0;margin-bottom:36px;border:1px solid var(--ds-line);border-radius:12px;background:var(--ds-surface);overflow:hidden}
body.scoutline-design-system .insight-card{min-height:108px;padding:15px 17px;border:0;border-right:1px solid var(--ds-line);border-radius:0;background:transparent}
body.scoutline-design-system .insight-card:last-child{border-right:0}
body.scoutline-design-system .insight-card h3{font-size:14px}
body.scoutline-design-system .insight-chip{padding:5px 7px 5px 9px;border-radius:7px;background:#f5f4ee;font-size:9px}
body.scoutline-design-system .insight-chip span{min-width:30px;height:20px;font-size:8px}
body.scoutline-design-system .section-head{margin-bottom:12px}
body.scoutline-design-system .section-head h3,
body.scoutline-design-system .evidence-panel h3{font-size:22px}
body.scoutline-design-system .section-head>p{font-size:10px;line-height:1.5}
body.scoutline-design-system .metric-groups{gap:10px}
body.scoutline-design-system .metric-group{border-radius:12px;box-shadow:none}
body.scoutline-design-system .metric-group-head{padding:13px 15px}
body.scoutline-design-system .metric{padding:15px}
body.scoutline-design-system .metric-label,
body.scoutline-design-system .metric-value{font-size:11px}
body.scoutline-design-system .metric-rank{margin-top:11px}
body.scoutline-design-system .metric-bottom{font-size:8px}
body.scoutline-design-system .direction{padding:2px 5px;border-radius:5px}
body.scoutline-design-system .evidence-panel{margin-top:22px;padding:18px 20px;border-radius:12px;background:var(--ds-surface-muted)}
body.scoutline-design-system .evidence-copy p{font-size:10px}
body.scoutline-design-system .evidence-copy .muted{font-size:9px}

/* Dialog language shared by Assessment and Tactical Role */
body.scoutline-design-system .assessment-dialog{width:min(1040px,calc(100vw - 24px));max-height:calc(100vh - 24px);border:1px solid #bbbfb4;border-radius:14px;background:var(--ds-canvas);box-shadow:0 24px 80px rgba(15,18,13,.25)}
body.scoutline-design-system .assessment-dialog::backdrop{background:rgba(25,28,23,.55);backdrop-filter:blur(2px)}
body.scoutline-design-system .assessment-shell{padding:20px}
body.scoutline-design-system .assessment-header{padding-bottom:14px;align-items:flex-start}
body.scoutline-design-system .assessment-header h2{font-size:clamp(30px,4vw,45px)}
body.scoutline-design-system .assessment-header>div>p:last-child{font-size:10px}
body.scoutline-design-system .icon-button{width:34px;height:34px;flex-basis:34px;border-radius:8px;background:transparent}
body.scoutline-design-system .assessment-status-row{display:flex;gap:0;margin:11px 0;border:1px solid var(--ds-line);border-radius:10px;background:var(--ds-surface);overflow:hidden}
body.scoutline-design-system .assessment-status-row>div{flex:1;min-height:64px;padding:11px 13px;border:0;border-right:1px solid var(--ds-line);border-radius:0;background:transparent}
body.scoutline-design-system .assessment-status-row>div:last-child{border-right:0}
body.scoutline-design-system .assessment-status-row strong{font-size:12px}
body.scoutline-design-system .assessment-note{margin-bottom:10px;padding:9px 11px;border:0;border-left:2px solid #a4b500;border-radius:0;background:transparent;color:#555c38;font-size:9px}
body.scoutline-design-system .ds-assessment-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 10px;border:1px solid var(--ds-line);border-radius:10px;background:var(--ds-surface);overflow:hidden}
body.scoutline-design-system .ds-assessment-tabs button{position:relative;display:grid;gap:2px;min-height:48px;padding:8px 10px;border:0;border-right:1px solid var(--ds-line);background:transparent;color:var(--ds-muted);text-align:left;cursor:pointer}
body.scoutline-design-system .ds-assessment-tabs button:last-child{border-right:0}
body.scoutline-design-system .ds-assessment-tabs button[aria-selected="true"]{background:#fafce9;color:var(--ds-ink)}
body.scoutline-design-system .ds-assessment-tabs button[aria-selected="true"]::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:var(--ds-accent)}
body.scoutline-design-system .ds-assessment-tabs strong{font-size:10px}
body.scoutline-design-system .ds-assessment-tabs span{font-size:7px;font-weight:800;color:var(--ds-muted)}
body.scoutline-design-system .assessment-group{border:1px solid var(--ds-line);border-radius:11px;background:var(--ds-surface);overflow:hidden}
body.scoutline-design-system .assessment-group[hidden]{display:none!important}
body.scoutline-design-system .assessment-group-head{padding:13px 15px}
body.scoutline-design-system .assessment-group-head h3{font-size:15px}
body.scoutline-design-system .assessment-criteria{grid-template-columns:1fr 1fr}
body.scoutline-design-system .assessment-criterion{padding:11px 14px}
body.scoutline-design-system .assessment-criterion>span{font-size:10px}
body.scoutline-design-system .dimension-notes{padding:13px 14px}
body.scoutline-design-system .assessment-footer{margin-top:10px;padding-top:10px}

/* Tactical role: one comparison workspace, not three dashboard cards */
body.scoutline-design-system #tactical-role-dialog .tactical-summary{display:flex;gap:0;margin:11px 0;border:1px solid var(--ds-line);border-radius:10px;background:var(--ds-surface);overflow:hidden}
body.scoutline-design-system #tactical-role-dialog .tactical-score-card{flex:1;min-height:72px;padding:12px 14px;border:0;border-right:1px solid var(--ds-line);border-radius:0;background:transparent;color:var(--ds-ink)}
body.scoutline-design-system #tactical-role-dialog .tactical-score-card:last-child{border-right:0}
body.scoutline-design-system #tactical-role-dialog .tactical-score-card.primary{background:var(--ds-deep);color:white}
body.scoutline-design-system #tactical-role-dialog .tactical-score-card strong{font-size:18px}
body.scoutline-design-system #tactical-role-dialog .tactical-panel{border-radius:11px;box-shadow:none}
body.scoutline-design-system #tactical-role-dialog .tactical-panel-head{padding:13px 15px}
body.scoutline-design-system #tactical-role-dialog .tactical-panel-head h3{font-size:15px}
body.scoutline-design-system #tactical-role-dialog .tactical-presets button{border-radius:7px;background:#f5f4ef}
body.scoutline-design-system #tactical-role-dialog .tactical-requirement{padding:9px 0}
body.scoutline-design-system #tactical-role-dialog .tactical-target{border-radius:7px}
body.scoutline-design-system #tactical-role-dialog .tactical-method{background:var(--ds-surface-muted)}

/* Report Studio screen: editorial document builder. Print CSS remains separate. */
@media screen{
  body.scoutline-design-system .report-dialog{width:min(1180px,calc(100vw - 24px))!important;border:1px solid #bbbfb4!important;border-radius:14px!important;background:var(--ds-canvas)!important;box-shadow:0 24px 80px rgba(15,18,13,.25)!important}
  body.scoutline-design-system .report-studio{padding:20px!important}
  body.scoutline-design-system .report-toolbar{padding-bottom:14px!important}
  body.scoutline-design-system .report-toolbar h2{font-size:clamp(31px,4vw,48px)!important}
  body.scoutline-design-system .report-toolbar p{font-size:9px!important}
  body.scoutline-design-system .report-cover{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr)!important;gap:0!important;margin:11px 0!important;border:1px solid var(--ds-line);border-radius:11px;overflow:hidden;background:var(--ds-surface)}
  body.scoutline-design-system .report-cover-main{padding:18px!important;border-radius:0!important;background:var(--ds-deep)!important}
  body.scoutline-design-system .report-cover-main h3{font-size:clamp(27px,3.4vw,42px)!important}
  body.scoutline-design-system .report-cover-side{gap:0!important;background:var(--ds-surface)}
  body.scoutline-design-system .report-cover-card{padding:13px 14px!important;border:0!important;border-bottom:1px solid var(--ds-line)!important;border-radius:0!important;background:transparent!important}
  body.scoutline-design-system .report-cover-card:last-child{border-bottom:0!important}
  body.scoutline-design-system .report-score-grid{display:flex!important;gap:0!important;margin-bottom:11px!important;border:1px solid var(--ds-line);border-radius:10px;overflow:hidden;background:var(--ds-surface)}
  body.scoutline-design-system .report-score{flex:1;min-height:72px!important;padding:11px 12px!important;border:0!important;border-right:1px solid var(--ds-line)!important;border-radius:0!important;background:transparent!important}
  body.scoutline-design-system .report-score:last-child{border-right:0!important}
  body.scoutline-design-system .report-score.accent{background:#fafce9!important}
  body.scoutline-design-system .report-score strong{font-size:20px!important}
  body.scoutline-design-system .report-grid{gap:10px!important}
  body.scoutline-design-system .report-section{border-radius:11px!important}
  body.scoutline-design-system .report-section-head{padding:13px 15px!important}
  body.scoutline-design-system .report-section-head h4{font-size:15px!important}
  body.scoutline-design-system .report-section-body{padding:13px 15px!important}
  body.scoutline-design-system .report-evidence-row{padding:9px 10px!important;border:0!important;border-bottom:1px solid var(--ds-line-soft)!important;border-radius:0!important;background:transparent!important}
  body.scoutline-design-system .report-evidence-row:last-child{border-bottom:0!important}
  body.scoutline-design-system .report-note{border-radius:8px!important;background:#f5f4ee!important}
  body.scoutline-design-system .report-provenance{border-radius:9px!important;background:var(--ds-surface-muted)!important}
}

/* Shared responsive behaviour */
@media(max-width:980px){
  body.scoutline-design-system .app-shell{grid-template-columns:1fr}
  body.scoutline-design-system .sidebar{position:relative;min-height:auto;padding:12px 16px;display:grid;grid-template-columns:auto 1fr;align-items:center}
  body.scoutline-design-system .sidebar nav{display:flex;justify-content:flex-end;margin:0}
  body.scoutline-design-system .sidebar-foot{display:none}
  body.scoutline-design-system .player-hero{grid-template-columns:1fr}
  body.scoutline-design-system .hero-side{border-left:0;border-top:1px solid var(--ds-line)}
  body.scoutline-design-system .assessment-criteria{grid-template-columns:1fr}
}
@media(max-width:700px){
  body.scoutline-design-system main{padding:20px 14px 50px}
  body.scoutline-design-system .explorer-bar{grid-template-columns:1fr}
  body.scoutline-design-system .explorer-controls{grid-template-columns:1fr}
  body.scoutline-design-system .summary-grid,
  body.scoutline-design-system .insight-grid,
  body.scoutline-design-system .assessment-status-row,
  body.scoutline-design-system #tactical-role-dialog .tactical-summary{display:grid}
  body.scoutline-design-system .summary-card,
  body.scoutline-design-system .insight-card,
  body.scoutline-design-system .assessment-status-row>div,
  body.scoutline-design-system #tactical-role-dialog .tactical-score-card{border-right:0;border-bottom:1px solid var(--ds-line)}
  body.scoutline-design-system .ds-assessment-tabs{grid-template-columns:1fr 1fr}
}