/* HTNS v302 r77 — Home Media Team layout parity with the approved Worship Team card.
   Home-only. Names, assignments, counts, star indicators and details open/close behavior 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"]{
  background:#fff !important;
  border-color:#d9e6f1 !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"][open] .home-team-grid.home-media-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  gap:12px !important;
  margin:10px 14px 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-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{
  grid-column:auto !important;
  grid-row:auto !important;
  order:0 !important;
  min-width:0 !important;
  min-height:88px !important;
  padding:14px 18px !important;
  gap:16px !important;
  border-radius:22px !important;
  background:#fff !important;
  border:1.5px solid #d9e6f1 !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !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.mine{
  background:#fff9e8 !important;
  border-color:#f0d57a !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{
  min-width:0 !important;
  gap:3px !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{
  color:#133c76 !important;
  font-size:30px !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !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{
  color:#6a778f !important;
  font-size:22px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  white-space: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:#2380d7;
  --home-media-icon-bg:#eaf4fd;
  width:78px !important;
  height:78px !important;
  min-width:78px !important;
  flex:0 0 78px !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border-radius:26px !important;
  border:1.5px solid #d2e3f2 !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{
  width:38px !important;
  height:38px !important;
  stroke:currentColor !important;
  stroke-width:1.95 !important;
  fill:none !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"] [data-home-media-icon="coordinator"]{--home-media-icon-ink:#d09300;--home-media-icon-bg:#f9edbf;border-color:#ead694 !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="morning"]{--home-media-icon-ink:#e58a00;--home-media-icon-bg:#fff3cf;border-color:#f2ddb0 !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="livestream"]{--home-media-icon-ink:#7d38c8;--home-media-icon-bg:#f1e7fc;border-color:#dfcdf4 !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="sound"]{--home-media-icon-ink:#0b8a61;--home-media-icon-bg:#dff4e8;border-color:#cbe9d8 !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="propresenter"]{--home-media-icon-ink:#2380d7;--home-media-icon-bg:#eaf4fd;border-color:#d2e3f2 !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="lightsound"]{--home-media-icon-ink:#be2a67;--home-media-icon-bg:#f8e4ee;border-color:#efd0df !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="photographer"]{--home-media-icon-ink:#0a8a60;--home-media-icon-bg:#dff4e8;border-color:#cbe9d8 !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="power"]{--home-media-icon-ink:#c42a53;--home-media-icon-bg:#f8e3ea;border-color:#efcfda !important;}
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{color:#f3b51b !important;}

@media (max-width:1180px){
  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{min-height:78px !important;padding:12px 15px !important;gap:12px !important;border-radius:20px !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:64px !important;height:64px !important;min-width:64px !important;flex-basis:64px !important;border-radius:22px !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:31px !important;height:31px !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:24px !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:17px !important;}
}
@media (max-width:720px){
  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:10px !important;margin:10px 12px 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-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{min-height:68px !important;padding:10px 12px !important;gap:10px !important;border-radius: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-role-icon{width:52px !important;height:52px !important;min-width:52px !important;flex-basis:52px !important;border-radius: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-role-icon svg{width:24px !important;height:24px !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: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-role{font-size:13px !important;}
}
@media (max-width:349px){
  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{grid-template-columns:minmax(0,1fr) !important;}
}