/* DASM R6.39 — shared UI + analytics polish across Live/Staging/Beta. */
:root{
  --device-desktop:#8ac9a8;
  --device-tablet:#b9a6d8;
  --device-mobile:#e7c96c;
  --device-other:#c8d1d7;
}

/* Restore the softer ownership-filter language. */
html body #tableMine,
html body #teamsMine,
html body #aiMine{
  background:linear-gradient(180deg,#f4fbf7 0%,#e9f7ef 100%)!important;
  border-color:#a9d9c2!important;
  color:#087052!important;
  box-shadow:0 3px 12px rgba(8,112,82,.10),inset 0 0 0 1px rgba(255,255,255,.65)!important;
}
html body #tableMine:hover,
html body #teamsMine:hover,
html body #aiMine:hover{
  background:linear-gradient(180deg,#eff9f3,#e2f3ea)!important;
}
html body #tableMine.active,
html body #teamsMine.active,
html body #aiMine.active{
  background:linear-gradient(180deg,#f3f8fc,#e7f0f7)!important;
  border-color:#aac9df!important;
  color:#245a87!important;
  box-shadow:0 3px 12px rgba(36,90,135,.10),inset 0 0 0 1px rgba(255,255,255,.7)!important;
}
@media(max-width:760px){
  html body #view-teams #teamsMine::after{color:#087052!important}
  html body #view-teams #teamsMine.active::after{color:#245a87!important}
}

/* In Play keeps the original soft amber/orange emphasis. */
html body #teamsInPlay{
  background:linear-gradient(180deg,#fffaf0 0%,#fff3d8 100%)!important;
  border-color:#e8ca87!important;
  color:#8a621c!important;
  box-shadow:0 3px 12px rgba(205,151,41,.13),inset 0 0 0 1px rgba(255,255,255,.72)!important;
}
html body #teamsInPlay.active{
  background:linear-gradient(180deg,#fff7e7 0%,#ffedc2 100%)!important;
  border-color:#ddb65c!important;
  color:#7a5310!important;
  box-shadow:0 4px 14px rgba(205,151,41,.18),inset 0 0 0 1px rgba(255,255,255,.72)!important;
}

/* Web/tablet team cards: larger type, less wasted row height. */
@media(min-width:761px){
  html body #view-teams .squad-list{gap:4px!important}
  html body #view-teams .squad-row{
    min-height:34px!important;
    padding:4px 8px!important;
    border-radius:8px!important;
    font-size:11px!important;
    line-height:1.12!important;
    align-items:center!important;
  }
  html body #view-teams .squad-row .team-player-owner-link{
    min-height:0!important;
    padding:0!important;
    font-size:11.8px!important;
    line-height:1.12!important;
    font-weight:750!important;
  }
  html body #view-teams .squad-row>span,
  html body #view-teams .squad-row>em,
  html body #view-teams .squad-row>b{
    font-size:10.8px!important;
    line-height:1.1!important;
  }
  html body #view-teams .squad-head{
    padding:0 8px 5px!important;
    font-size:9.5px!important;
  }
}
@media(min-width:1200px){
  html body #view-teams .squad-row{min-height:35px!important;padding:4px 9px!important}
  html body #view-teams .squad-row .team-player-owner-link{font-size:12.4px!important}
  html body #view-teams .squad-row>span,
  html body #view-teams .squad-row>em,
  html body #view-teams .squad-row>b{font-size:11.4px!important}
  html body #view-teams .squad-head{font-size:10px!important}
}

/* Baller crown: a deliberate upper-left perch relative to the ball, never over the DASM crest. */
html body #view-grades .ai-feature.baller .ai-baller-art{
  display:block!important;
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  width:160px!important;
  height:112px!important;
  transform:translateY(-50%)!important;
  overflow:visible!important;
}
html body #view-grades .ai-feature.baller .ai-baller-art .ai-ball-wrap{
  display:grid!important;
  position:absolute!important;
  right:0!important;
  top:50%!important;
  width:92px!important;
  height:98px!important;
  transform:translateY(-43%)!important;
  place-items:center!important;
  margin:0!important;
}
html body #view-grades .ai-feature.baller .ai-baller-art .ai-ball{
  width:90px!important;
  height:96px!important;
  object-fit:contain!important;
}
html body #view-grades .ai-feature.baller .ai-baller-art .ai-crown{
  display:block!important;
  position:absolute!important;
  right:76px!important;
  top:10px!important;
  width:70px!important;
  height:45px!important;
  margin:0!important;
  transform:rotate(-2deg)!important;
  z-index:8!important;
  color:#f5d94f!important;
  opacity:.96!important;
  filter:drop-shadow(0 0 7px rgba(255,222,80,.40))!important;
}
@media(max-width:760px){
  html body #view-grades .ai-feature.baller .ai-baller-art{right:7px!important;width:136px!important;height:102px!important}
  html body #view-grades .ai-feature.baller .ai-baller-art .ai-ball-wrap{width:82px!important;height:90px!important}
  html body #view-grades .ai-feature.baller .ai-baller-art .ai-ball{width:80px!important;height:88px!important}
  html body #view-grades .ai-feature.baller .ai-baller-art .ai-crown{right:66px!important;top:8px!important;width:62px!important;height:40px!important}
}
@media(min-width:761px) and (max-width:1366px) and (hover:none) and (pointer:coarse){
  html body #view-grades .ai-feature.baller .ai-baller-art{right:16px!important;width:150px!important;height:110px!important}
  html body #view-grades .ai-feature.baller .ai-baller-art .ai-ball-wrap{width:90px!important;height:96px!important}
  html body #view-grades .ai-feature.baller .ai-baller-art .ai-ball{width:88px!important;height:94px!important}
  html body #view-grades .ai-feature.baller .ai-baller-art .ai-crown{right:72px!important;top:8px!important;width:66px!important;height:42px!important}
}

/* Softer DASM palette for Admin device analytics. */
#adminModal .device-analytics-card{
  background:linear-gradient(180deg,#fcfefd,#f7fbf9)!important;
  border-color:#dce8e2!important;
  box-shadow:0 5px 18px rgba(27,74,58,.045)!important;
}
#adminModal .device-pie{
  position:relative!important;
  box-shadow:inset 0 0 0 1px rgba(16,47,93,.05),0 5px 14px rgba(22,77,58,.06)!important;
}
#adminModal .device-pie::after{
  content:'';
  position:absolute;
  inset:22%;
  border-radius:50%;
  background:#fafdfb;
  box-shadow:inset 0 0 0 1px rgba(25,76,58,.05);
}
#adminModal .device-reach{
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid #e3ebe7;
}
#adminModal .device-reach-head{margin-bottom:9px}
#adminModal .device-reach-head b{display:block;font-size:12px;color:#234c3e}
#adminModal .device-reach-head small{display:block;margin-top:2px;font-size:9.5px;line-height:1.35;color:#72867e}
#adminModal .device-reach-list{display:grid;gap:8px}
#adminModal .device-reach-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:8px;align-items:center}
#adminModal .device-reach-copy{min-width:0}
#adminModal .device-reach-copy>b{display:block;font-size:10.5px;color:#24465c}
#adminModal .device-reach-copy>small{display:block;margin-top:1px;font-size:9px;color:#7b8d98}
#adminModal .device-reach-row>strong{font-size:12px;color:#183e31;white-space:nowrap}
#adminModal .device-reach-bar{grid-column:2/-1;height:5px;border-radius:99px;background:#edf2ef;overflow:hidden}
#adminModal .device-reach-bar>i{display:block;height:100%;border-radius:99px;background:var(--device-other)}
#adminModal .device-reach-bar>i.desktop{background:var(--device-desktop)}
#adminModal .device-reach-bar>i.tablet{background:var(--device-tablet)}
#adminModal .device-reach-bar>i.mobile{background:var(--device-mobile)}
#adminModal .device-reach-bar>i.other{background:var(--device-other)}