/* V33.68 Production Finishing — shared spacing, controls, and single-scroll surfaces. */
:root{--fp-finish-control-height:42px;--fp-finish-gap:10px;--fp-finish-radius:12px}

body :where(button,.btn,.button,.tab,.pill.button,.gm-action,.gm-chip,.fp-action-btn,.fp-stat-tab,.scout-need){
  min-height:var(--fp-finish-control-height);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-align:center;
  line-height:1.15;
}
body :where(button,.btn,.button,.tab,.pill.button,.gm-action,.gm-chip,.fp-action-btn,.fp-stat-tab,.scout-need):focus-visible{
  outline:3px solid color-mix(in srgb,var(--team-secondary,#f5c542) 68%,transparent);
  outline-offset:3px;
}
body :where(.top-actions,.page-header-actions,.trade-header-controls,.toolbar,.eli-actions,.eli-controls,.gm-actions,.fp-overview-actions){
  gap:var(--fp-finish-gap);
  align-items:center;
}
body :where(.panel,.module,.card,.fp-card,.gm-card,.eli-card){min-width:0}
body :where(.table-wrap,.fp-table-wrap,.import-wrap,#draftClassPreview){max-width:100%;overflow-x:auto;overflow-y:visible}

/* Scouting uses the page as its only vertical scroll surface. */
body.fp-scouting-page .workspace,
body.fp-page-scouting-workspace .workspace,
body.fp-scouting-page .screen-grid,
body.fp-page-scouting-workspace .screen-grid,
body.fp-scouting-page .module,
body.fp-page-scouting-workspace .module,
body.fp-scouting-page .draft-frame-wrap,
body.fp-page-scouting-workspace .draft-frame-wrap{overflow:visible!important}
body.fp-scouting-page .screen-grid,
body.fp-page-scouting-workspace .screen-grid{align-items:start!important}
body.fp-scouting-page .workspace .screen-grid,
body.fp-page-scouting-workspace .workspace .screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;padding:16px!important}
body.fp-scouting-page .workspace .board-module,
body.fp-page-scouting-workspace .workspace .board-module{grid-column:1/-1!important;order:-1}
body.fp-scouting-page .workspace,
body.fp-page-scouting-workspace .workspace{background:linear-gradient(145deg,rgba(4,9,16,.46),rgba(8,15,25,.27))!important;backdrop-filter:blur(12px) saturate(110%)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 22px 70px rgba(0,0,0,.26)!important}
body.fp-scouting-page .module,
body.fp-page-scouting-workspace .module{background:linear-gradient(145deg,rgba(6,12,20,.69),rgba(7,14,23,.48))!important;border-color:rgba(255,255,255,.12)!important;border-radius:14px!important;padding:16px!important;box-shadow:0 12px 34px rgba(0,0,0,.18)!important;backdrop-filter:blur(12px)!important}
body.fp-scouting-page .module:hover,
body.fp-page-scouting-workspace .module:hover{transform:none!important;border-color:rgba(255,255,255,.23)!important;box-shadow:0 16px 42px rgba(0,0,0,.24)!important}
body.fp-scouting-page .module h3,
body.fp-page-scouting-workspace .module h3{font-size:12px!important;line-height:1.2!important;letter-spacing:.12em!important;margin:0 0 8px!important;padding-bottom:9px!important;border-bottom-width:1px!important}
body.fp-scouting-page .module .subhead,
body.fp-page-scouting-workspace .module .subhead{font-size:10px!important;line-height:1.35!important;letter-spacing:.08em!important;margin:0 0 12px!important}
body.fp-scouting-page .scout-needs,
body.fp-page-scouting-workspace .scout-needs{align-items:center!important}

/* E.L.I. review controls stay aligned without crowding long tables. */
#eliDraftManagerCard .eli-controls{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px!important;align-items:end!important}
#eliDraftManagerCard .eli-controls>.field{min-width:0;margin:0!important}
#eliDraftManagerCard .eli-controls select,
#eliDraftManagerCard .eli-controls input{width:100%;min-height:var(--fp-finish-control-height)}
#eliDraftManagerCard .eli-controls>button{width:100%;white-space:normal}
#draftClassPreview .mini-table{min-width:980px}

@media(max-width:720px){
  :root{--fp-finish-control-height:44px}
  body :where(.top-actions,.page-header-actions,.trade-header-controls,.toolbar,.eli-actions,.gm-actions,.fp-overview-actions){align-items:stretch}
  #eliDraftManagerCard .eli-controls{grid-template-columns:minmax(0,1fr)!important}
  body :where(.gm-actions,.fp-overview-actions)>*{flex:1 1 100%}
  body.fp-scouting-page .workspace .screen-grid,
  body.fp-page-scouting-workspace .workspace .screen-grid{grid-template-columns:minmax(0,1fr)!important;padding:10px!important;gap:10px!important}
}