/* HTNS v302 r112 — compact Home Media Team reference.
   Match the existing theme specificity so older large-card rules cannot win.
   Scoped to Home Media only; roster, role order and disclosure state stay live. */
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] {
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  background:#fff !important;
  border:1px solid #d7e5f1 !important;
  border-radius:18px !important;
  box-shadow:none !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] > summary.home-team-card-head {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  min-width:0 !important;
  min-height:62px !important;
  margin:0 !important;
  padding:9px 10px !important;
  gap:8px !important;
  background:#fff !important;
  border:0 !important;
  box-sizing:border-box !important;
  list-style:none !important;
  cursor:pointer !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] > summary.home-team-card-head::-webkit-details-marker {display:none !important;}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] > summary.home-team-card-head:focus-visible {
  outline:2px solid #197ac2 !important;
  outline-offset:-3px !important;
  border-radius:16px !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-name {
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  gap:10px !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-name > div:not(.home-team-icon) {min-width:0 !important;}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-icon {
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  flex:0 0 44px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #c8e5f7 !important;
  border-radius:14px !important;
  background:#e5f4fc !important;
  color:#1679c1 !important;
  box-shadow:none !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-icon::before,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-icon::after {display:none !important;}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-icon svg {width:25px !important;height:25px !important;filter:none !important;}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-title {
  margin:0 !important;
  color:#10376c !important;
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  white-space:normal !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-count {
  margin:3px 0 0 !important;
  color:#6b7891 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  white-space:normal !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-chevron {
  display:grid !important;
  place-items:center !important;
  width:24px !important;
  height:28px !important;
  min-width:24px !important;
  flex:0 0 24px !important;
  margin:0 0 0 auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#10376c !important;
  transform:rotate(-90deg) !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"][open] .home-team-chevron {transform:none !important;}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-chevron svg {
  width:20px !important;
  height:20px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.6 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"][open] .home-team-grid.home-media-grid {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  align-items:stretch !important;
  gap:6px !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 9px 10px !important;
  padding:0 !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-grid.home-media-grid > .home-team-member,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-grid.home-media-grid > .home-team-member.mine {
  display:flex !important;
  align-items:center !important;
  grid-column:auto !important;
  grid-row:auto !important;
  order:0 !important;
  min-width:0 !important;
  min-height:54px !important;
  height:auto !important;
  margin:0 !important;
  padding:6px !important;
  gap:7px !important;
  background:#fff !important;
  border:1px solid #d7e5f1 !important;
  border-radius:12px !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-member-copy {
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  gap:2px !important;
  overflow:visible !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-person {
  min-width:0 !important;
  margin:0 !important;
  color:#10376c !important;
  font-size:15px !important;
  font-weight:750 !important;
  letter-spacing:-.01em !important;
  line-height:1.2 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-role {
  min-width:0 !important;
  margin:0 !important;
  color:#65738b !important;
  font-size:11.25px !important;
  font-weight:500 !important;
  letter-spacing:-.015em !important;
  line-height:1.2 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-role-icon {
  --home-media-icon-ink:#197bc2;
  --home-media-icon-bg:#e6f5fc;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  flex:0 0 36px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:var(--home-media-icon-bg) !important;
  color:var(--home-media-icon-ink) !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-role-icon svg {
  display:block !important;
  width:21px !important;
  height:21px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  filter:none !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] [data-home-media-icon="coordinator"] {--home-media-icon-ink:#197bc2;--home-media-icon-bg:#e6f5fc;}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] [data-home-media-icon="morning"] {--home-media-icon-ink:#e68c00;--home-media-icon-bg:#fff7dc;}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] [data-home-media-icon="livestream"] {--home-media-icon-ink:#7235bb;--home-media-icon-bg:#f1e7fc;}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] [data-home-media-icon="sound"] {--home-media-icon-ink:#098776;--home-media-icon-bg:#e0f7ee;}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] [data-home-media-icon="propresenter"] {--home-media-icon-ink:#1475ba;--home-media-icon-bg:#e6f5fc;}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] [data-home-media-icon="lightsound"] {--home-media-icon-ink:#b32155;--home-media-icon-bg:#fce7ef;}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] [data-home-media-icon="photographer"] {--home-media-icon-ink:#078772;--home-media-icon-bg:#e0f7ee;}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] [data-home-media-icon="power"] {--home-media-icon-ink:#d02650;--home-media-icon-bg:#fce7ef;}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .mine-star {
  display:inline !important;
  margin:0 1px 0 0 !important;
  color:#f4b829 !important;
  font-size:.95em !important;
  line-height:inherit !important;
  vertical-align:baseline !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-empty,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-open-row {
  margin:0 10px 10px !important;
  padding:0 !important;
  font-size:12px !important;
  line-height:1.4 !important;
  overflow-wrap:anywhere !important;
}
@media (max-width:360px) {
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] > summary.home-team-card-head {padding:8px !important;min-height:58px !important;}
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-icon {width:40px !important;height:40px !important;min-width:40px !important;flex-basis:40px !important;}
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-title {font-size:17px !important;}
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"][open] .home-team-grid.home-media-grid {gap:5px !important;margin:0 7px 8px !important;}
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-grid.home-media-grid > .home-team-member,
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-grid.home-media-grid > .home-team-member.mine {padding:5px !important;gap:5px !important;min-height:52px !important;}
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-role-icon {width:30px !important;height:30px !important;min-width:30px !important;flex-basis:30px !important;}
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-role-icon svg {width:18px !important;height:18px !important;}
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-person {font-size:14px !important;}
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"] .home-team-role {font-size:10.5px !important;}
}
