/* First Inning Edge player insights — FIE black/gold interpretation of stat detail reference.
   All numerical displays come from website-player-hub or a user-entered custom reference. */
.fie-insight-dashboard{display:grid;gap:16px;min-width:0;margin:20px 0 24px;color:#eee8df;font:inherit}
.fie-insight-dashboard button,.fie-insight-dashboard input,.fie-insight-dashboard select{font:inherit}
.fie-insight-main,.fie-insight-panel,.fie-insight-support{
  min-width:0;overflow:hidden;border:1px solid #3b3022;border-radius:12px;
  background:linear-gradient(145deg,#11120f,#090b0e 68%);
  box-shadow:0 10px 24px #0006
}
.fie-insight-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:17px 20px 12px;background:#11100d}
.fie-insight-heading span{color:#deb46e;font-size:12px;font-weight:900;letter-spacing:1.4px}
.fie-insight-heading b{color:#9f957e;font-size:11px;letter-spacing:.65px}
.fie-insight-tabs{display:flex;gap:5px;padding:0 14px 12px;overflow-x:auto;scrollbar-width:thin;background:#11100d}
.fie-insight-tabs button{display:flex;justify-content:center;align-items:center;gap:8px;flex:1 0 110px;
  padding:15px 12px;border:1px solid #363025;border-radius:9px;background:#181815;color:#aaa398;
  font-weight:850;font-size:14px;cursor:pointer;white-space:nowrap}
.fie-insight-tabs button.active{color:#fff0c7;border-color:#d0a35b;background:linear-gradient(180deg,#393020,#1e1c17);box-shadow:inset 0 -3px #d5a65c}
.fie-insight-tabs small{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:#494030;color:#fbe2a8;font-size:12px}
.fie-insight-workbench{padding:22px 20px 18px}
.fie-insight-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fie-insight-title h2{font-size:30px!important;line-height:1.1;margin:0!important;color:#f8f4ee}
.fie-insight-title small{font-size:11px;color:#8e897f;font-weight:750}
.fie-insight-reference{display:flex;align-items:center;gap:0;margin:19px 0 14px}
.fie-insight-reference>span{margin-right:auto;display:flex;flex-direction:column;gap:4px;color:#dbbb81;font-size:11px;letter-spacing:.6px;font-weight:900}
.fie-insight-reference>span small{color:#7c766c;font-size:9px;letter-spacing:.1px}
.fie-insight-reference button,.fie-insight-reference input{
  width:44px;min-height:43px;border:1px solid #3f3a2f;background:#16191d;color:#efe9de;text-align:center;font-size:22px}
.fie-insight-reference button{cursor:pointer;border-radius:8px 0 0 8px}
.fie-insight-reference button:last-child{border-radius:0 8px 8px 0}
.fie-insight-reference input{width:78px;font-size:19px;font-weight:900;border-radius:0;appearance:textfield}
.fie-insight-reference input::-webkit-inner-spin-button{appearance:none}
.fie-insight-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fie-insight-filters label{display:flex;flex-direction:column;gap:7px;color:#b6ab95;font-size:11px;font-weight:850;letter-spacing:.5px;min-width:0}
.fie-insight-filters select{width:100%;min-width:0;min-height:43px;padding:0 10px;border:1px solid #3c362c;border-radius:8px;background:#1a1e24;color:#f5f0e7;font-size:14px;cursor:pointer}
.fie-insight-range{display:flex;gap:6px;margin:20px 0 0;padding:5px;border-radius:8px;background:#080a0e}
.fie-insight-range button{flex:1;min-height:48px;border:1px solid transparent;border-radius:7px;background:transparent;color:#938e86;font-size:15px;font-weight:900;cursor:pointer}
.fie-insight-range button.active{border-color:#5a482c;background:#292315;color:#f1d399}
.fie-insight-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.fie-insight-summary span{padding:12px 10px;border:1px solid #282822;border-radius:7px;background:#111411;display:grid;gap:5px;min-width:0}
.fie-insight-summary small{color:#a69d8c;font-size:10px;font-weight:800;letter-spacing:.5px}
.fie-insight-summary b{color:#e7c481;font-size:16px;font-weight:950;overflow-wrap:anywhere}
.fie-insight-chart-scroll{overflow-x:auto;overflow-y:hidden;max-width:100%;margin-top:12px;border-radius:8px;
  background:linear-gradient(180deg,#0c1115 0%,#141a1a 38%,#231916 73%,#121011 100%);scrollbar-width:thin}
.fie-insight-bars{display:flex;align-items:end;min-width:100%;width:max-content;gap:7px;padding:18px 14px 14px;min-height:275px}
.fie-insight-bar-slot{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  flex:1 0 61px;min-width:61px;max-width:98px;min-height:250px;position:relative}
.fie-insight-bar-slot>b{color:#d6c8ad;font-size:14px;margin-bottom:6px}
.fie-insight-bar{width:70%;border-radius:9px 9px 0 0;min-height:7px;border:1px solid #786b45}
.fie-insight-bar.neutral{background:linear-gradient(180deg,#d9b36f,#86602c)}
.fie-insight-bar.above{background:linear-gradient(180deg,#35d6a1,#138265);border-color:#15a377}
.fie-insight-bar.below{background:linear-gradient(180deg,#f27869,#a0352e);border-color:#d15950}
.fie-insight-bar-slot small{padding-top:8px;color:#cac2b4;font-size:10px;font-weight:900;white-space:nowrap}
.fie-insight-bar-slot em{margin-top:3px;color:#918a80;font-size:10px;font-style:normal;white-space:nowrap}
.fie-insight-note{margin:12px 0 0!important;color:#9b9488!important;font-size:11px!important;line-height:1.55!important}
.fie-insight-empty{border:1px dashed #55472e;border-radius:8px;padding:28px 20px;
  background:#13130f;color:#afa695;font-size:13px;line-height:1.5}
.fie-insight-workbench>.fie-insight-empty{margin-top:16px}
.fie-insight-support h3,.fie-insight-panel h3{margin:0;padding:18px 20px;
  background:#191b1b;border-bottom:1px solid #3d3529;color:#f5efe7;font-size:22px!important}
.fie-insight-support>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.fie-insight-support>div>span{padding:18px 14px;border-right:1px solid #2c2a24;display:grid;gap:12px}
.fie-insight-support small{font-size:12px;color:#c7bca6}
.fie-insight-support b{font-size:24px;color:#e8d7ae}
.fie-insight-support em{font-size:12px;color:#99958a;font-style:normal;font-weight:650}
.fie-insight-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.fie-insight-nav button{display:grid;place-items:center;gap:10px;min-height:103px;padding:12px 5px;
  border:1px solid #3b352a;border-radius:10px;background:#181a1d;color:#a69c8b;cursor:pointer}
.fie-insight-nav button.active{background:#29251c;border-color:#c69b52;color:#f4cd88}
.fie-insight-nav button span{font-size:29px;line-height:1}
.fie-insight-nav button b{font-size:15px;font-weight:850}
.fie-insight-panel{padding-bottom:18px}
.fie-insight-panel h3 small{display:block;font-size:12px;color:#a99d86;font-weight:650;margin-top:5px}
.fie-insight-panel>.fie-insight-empty{margin:16px}
.fie-insight-source-line{margin:0 16px;color:#827564;font-size:11px;letter-spacing:.45px}
.fie-insight-defense-head{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:4px;
  padding:14px 20px;border-bottom:1px solid #35302a;color:#a6a198;font-size:11px;font-weight:950;letter-spacing:.7px}
.fie-insight-versus{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}
.fie-insight-versus>div{display:flex;flex-direction:column;gap:10px;min-width:0;padding:16px;
  border:1px solid #3a3329;border-radius:9px;background:#0b0d0f}
.fie-insight-versus small{font-size:11px;color:#9f917d;letter-spacing:.7px}
.fie-insight-versus strong{font-size:18px;color:#eee6d7}
.fie-insight-versus b{font-size:24px;color:#ddbb74}
.fie-insight-versus b.muted{font-size:14px;color:#b1a695}
.fie-insight-panel>.fie-insight-note{margin:0 18px!important}
.fie-insight-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}
.fie-insight-kv>div{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid #333027;border-radius:8px}
.fie-insight-kv span{font-size:11px;color:#aca08d}
.fie-insight-kv b{font-size:14px;color:#eee4d3;overflow-wrap:anywhere}
@media(max-width:800px){
  .fie-insight-tabs button{flex-basis:105px;font-size:12px}
  .fie-insight-workbench{padding:16px 12px}
  .fie-insight-title h2{font-size:25px!important}
  .fie-insight-support>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fie-insight-nav button{min-height:82px}
}
@media(max-width:490px){
  .fie-insight-heading{padding:12px}.fie-insight-heading span{font-size:10px}.fie-insight-heading b{font-size:8px}
  .fie-insight-tabs{padding:0 8px 8px}
  .fie-insight-filters{gap:6px}
  .fie-insight-filters label{font-size:9px}
  .fie-insight-filters select{padding:0 5px;font-size:11px;min-height:39px}
  .fie-insight-reference>span{font-size:9px}
  .fie-insight-reference>span small{font-size:8px}
  .fie-insight-reference input{width:52px;font-size:15px}
  .fie-insight-reference button{width:31px}
  .fie-insight-summary span{padding:9px 5px}.fie-insight-summary small{font-size:8px}.fie-insight-summary b{font-size:12px}
  .fie-insight-nav{gap:5px}.fie-insight-nav button b{font-size:11px}.fie-insight-nav button span{font-size:23px}
  .fie-insight-support h3,.fie-insight-panel h3{font-size:18px!important}
  .fie-insight-defense-head{padding:12px 8px;font-size:8px}
  .fie-insight-versus{grid-template-columns:1fr}
  .fie-insight-kv{grid-template-columns:1fr}
}

/* Image-inspired player header, retaining the First Inning Edge palette. */
body[data-fie-player-hub] .fie-player-hub-hero{grid-template-columns:150px minmax(0,1fr);min-height:166px}
body[data-fie-player-hub] .fie-player-hub-hero .fie-player-hub-id{display:none}
body[data-fie-player-hub] .fie-player-hub-identity{padding:20px 24px}
body[data-fie-player-hub] .fie-player-hub-identity h1{font-size:clamp(25px,3.6vw,43px)}
.fie-player-hero-matchup{margin-top:10px;color:#e3c695;font-size:16px;font-weight:800;letter-spacing:.1px}
.fie-insight-periods{display:flex;gap:7px;flex-wrap:wrap}
.fie-insight-periods button{padding:8px 11px;border:1px solid #36342f;border-radius:30px;background:#15181a;color:#736f66;font-size:12px;font-weight:800;cursor:not-allowed}
@media(max-width:720px){
  body[data-fie-player-hub] .fie-player-hub-hero{grid-template-columns:100px minmax(0,1fr);min-height:135px}
  body[data-fie-player-hub] .fie-player-hub-identity{padding:12px}
  body[data-fie-player-hub] .fie-player-hub-identity h1{font-size:clamp(19px,5.6vw,29px)}
  .fie-player-hero-matchup{font-size:12px}
  .fie-insight-periods{gap:4px}
  .fie-insight-periods button{padding:6px 8px;font-size:9px}
  .fie-insight-range button{font-size:12px;min-height:42px}
}