/* HTNS v302 r96 — Home Media + Worship approved compact visual.
   Final override loaded after all legacy Home team styles. Home page only. */

#mainApp #view-home .home-team-combined-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:12px !important;
}

#mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="media"],
#mainApp #view-home details.home-team-card.home-team-collapsible[data-home-team="worship"]{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1.5px solid #d8e5f0 !important;
  border-radius:22px !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}

#mainApp #view-home details[data-home-team="media"] > summary.home-team-card-head,
#mainApp #view-home details[data-home-team="worship"] > 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:60px !important;
  margin:0 !important;
  padding:8px 12px !important;
  gap:10px !important;
  border-bottom:1px solid #edf2f7 !important;
  box-sizing:border-box !important;
  list-style:none !important;
}
#mainApp #view-home details[data-home-team="media"] > summary.home-team-card-head::-webkit-details-marker,
#mainApp #view-home details[data-home-team="worship"] > summary.home-team-card-head::-webkit-details-marker{display:none !important;}

#mainApp #view-home details[data-home-team="media"] .home-team-name,
#mainApp #view-home details[data-home-team="worship"] .home-team-name{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  gap:10px !important;
}
#mainApp #view-home details[data-home-team="media"] .home-team-name > div:not(.home-team-icon),
#mainApp #view-home details[data-home-team="worship"] .home-team-name > div:not(.home-team-icon){min-width:0 !important;}

#mainApp #view-home details[data-home-team="media"] .home-team-icon,
#mainApp #view-home details[data-home-team="worship"] .home-team-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  flex:0 0 42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
#mainApp #view-home details[data-home-team="media"] .home-team-icon{
  background:#eaf4fd !important;
  border:1.5px solid #cfe2f2 !important;
  color:#1479c2 !important;
}
#mainApp #view-home details[data-home-team="worship"] .home-team-icon{
  background:#f1e8fb !important;
  border:1.5px solid #dcc9f1 !important;
  color:#842cc7 !important;
}
#mainApp #view-home details[data-home-team="media"] .home-team-icon svg,
#mainApp #view-home details[data-home-team="worship"] .home-team-icon svg{
  width:23px !important;
  height:23px !important;
  display:block !important;
  color:inherit !important;
  stroke:currentColor !important;
}

#mainApp #view-home details[data-home-team="media"] .home-team-title,
#mainApp #view-home details[data-home-team="worship"] .home-team-title{
  margin:0 !important;
  color:#103a75 !important;
  font-size:19px !important;
  line-height:1.03 !important;
  font-weight:1000 !important;
  letter-spacing:.005em !important;
  white-space:nowrap !important;
}
#mainApp #view-home details[data-home-team="media"] .home-team-count,
#mainApp #view-home details[data-home-team="worship"] .home-team-count{
  margin-top:3px !important;
  color:#6c7d95 !important;
  font-size:11.5px !important;
  line-height:1.08 !important;
  font-weight:650 !important;
  white-space:nowrap !important;
}
#mainApp #view-home details[data-home-team="media"] .home-team-chevron,
#mainApp #view-home details[data-home-team="worship"] .home-team-chevron{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  flex:0 0 28px !important;
  margin-left:auto !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  align-self:center !important;
  border-radius:9px !important;
  background:transparent !important;
  color:#0b356d !important;
}
#mainApp #view-home details[data-home-team="media"] .home-team-chevron svg,
#mainApp #view-home details[data-home-team="worship"] .home-team-chevron svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
}

#mainApp #view-home details[data-home-team="media"][open] .home-team-grid.home-media-grid,
#mainApp #view-home details[data-home-team="worship"][open] .home-team-grid.home-worship-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  gap:6px !important;
  width:auto !important;
  min-width:0 !important;
  margin:7px 9px 10px !important;
  padding:0 !important;
}

#mainApp #view-home details[data-home-team="media"] .home-team-grid.home-media-grid > .home-team-member,
#mainApp #view-home details[data-home-team="worship"] .home-team-grid.home-worship-grid > .home-team-member{
  min-width:0 !important;
  min-height:52px !important;
  height:auto !important;
  margin:0 !important;
  padding:6px 7px !important;
  gap:7px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  border:1.5px solid #dbe6f0 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}
/* In the approved reference, "mine" is communicated by the star, not a full yellow card. */
#mainApp #view-home details[data-home-team="media"] .home-team-grid.home-media-grid > .home-team-member.mine,
#mainApp #view-home details[data-home-team="worship"] .home-team-grid.home-worship-grid > .home-team-member.mine{
  background:#fff !important;
  border-color:#dbe6f0 !important;
}

#mainApp #view-home details[data-home-team="media"] .home-team-member-copy,
#mainApp #view-home details[data-home-team="worship"] .home-team-member-copy{
  min-width:0 !important;
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:1px !important;
  overflow:hidden !important;
}
#mainApp #view-home details[data-home-team="media"] .home-team-person,
#mainApp #view-home details[data-home-team="worship"] .home-team-person{
  min-width:0 !important;
  margin:0 !important;
  color:#103a75 !important;
  font-size:15.5px !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#mainApp #view-home details[data-home-team="media"] .home-team-role,
#mainApp #view-home details[data-home-team="worship"] .home-team-role{
  min-width:0 !important;
  margin:0 !important;
  color:#62748f !important;
  font-size:10.6px !important;
  line-height:1.05 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#mainApp #view-home details[data-home-team="media"] .home-team-role-icon,
#mainApp #view-home details[data-home-team="worship"] .home-team-role-icon{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  flex:0 0 36px !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1.5px solid transparent !important;
  border-radius:12px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
#mainApp #view-home details[data-home-team="media"] .home-team-role-icon svg,
#mainApp #view-home details[data-home-team="worship"] .home-team-role-icon svg{
  width:20px !important;
  height:20px !important;
  display:block !important;
  color:inherit !important;
  stroke:currentColor !important;
  stroke-width:1.95 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  fill:none !important;
}

/* Media pastels */
#mainApp #view-home details[data-home-team="media"] [data-home-media-icon="coordinator"]{background:#fff1c9 !important;border-color:#f0d98f !important;color:#d28c00 !important;}
#mainApp #view-home details[data-home-team="media"] [data-home-media-icon="morning"]{background:#fff3d2 !important;border-color:#f2ddb0 !important;color:#e58a00 !important;}
#mainApp #view-home details[data-home-team="media"] [data-home-media-icon="livestream"]{background:#f1e7fc !important;border-color:#dfcdf4 !important;color:#7d38c8 !important;}
#mainApp #view-home details[data-home-team="media"] [data-home-media-icon="sound"]{background:#dff4e8 !important;border-color:#c7e7d5 !important;color:#0b8a61 !important;}
#mainApp #view-home details[data-home-team="media"] [data-home-media-icon="propresenter"]{background:#eaf4fd !important;border-color:#cfe2f2 !important;color:#2380d7 !important;}
#mainApp #view-home details[data-home-team="media"] [data-home-media-icon="lightsound"]{background:#f8e4ee !important;border-color:#efd0df !important;color:#be2a67 !important;}
#mainApp #view-home details[data-home-team="media"] [data-home-media-icon="photographer"]{background:#dff4e8 !important;border-color:#c7e7d5 !important;color:#0a8a60 !important;}
#mainApp #view-home details[data-home-team="media"] [data-home-media-icon="power"]{background:#f8e3ea !important;border-color:#efcfda !important;color:#c42a53 !important;}

/* Worship pastels */
#mainApp #view-home details[data-home-team="worship"] [data-home-worship-icon="leader"]{background:#e8f4ff !important;border-color:#cce4f7 !important;color:#1682d4 !important;}
#mainApp #view-home details[data-home-team="worship"] [data-home-worship-icon="piano"]{background:#eaf4fd !important;border-color:#cfe2f2 !important;color:#2380d7 !important;}
#mainApp #view-home details[data-home-team="worship"] [data-home-worship-icon="guitar"]{background:#dff4e8 !important;border-color:#c7e7d5 !important;color:#0b8a61 !important;}
#mainApp #view-home details[data-home-team="worship"] [data-home-worship-icon="subkey"]{background:#fff1c9 !important;border-color:#f0d98f !important;color:#d88a00 !important;}
#mainApp #view-home details[data-home-team="worship"] [data-home-worship-icon="drums"]{background:#f1e7fc !important;border-color:#dfcdf4 !important;color:#7d38c8 !important;}
#mainApp #view-home details[data-home-team="worship"] [data-home-worship-icon="bass"]{background:#eaf4fd !important;border-color:#cfe2f2 !important;color:#1978c9 !important;}
#mainApp #view-home details[data-home-team="worship"] [data-home-worship-icon="singers"]{background:#f6e7fb !important;border-color:#e7cef2 !important;color:#a23cc2 !important;}
#mainApp #view-home :is(details[data-home-team="media"],details[data-home-team="worship"]) .mine-star{color:#f4b217 !important;}

/* Singers = one compact full-width row. */
#mainApp #view-home details[data-home-team="worship"] .home-singers-inline-card-worship{
  grid-column:1 / -1 !important;
  display:flex !important;
  align-items:center !important;
  width:auto !important;
  min-width:0 !important;
  min-height:48px !important;
  margin:0 !important;
  padding:6px 7px !important;
  gap:7px !important;
  overflow:hidden !important;
  border:1.5px solid #e2d2ee !important;
  border-radius:14px !important;
  background:#fcf9fe !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}
#mainApp #view-home details[data-home-team="worship"] .home-singers-inline-card-worship .home-singers-inline-icon{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  flex:0 0 36px !important;
  display:grid !important;
  place-items:center !important;
}
#mainApp #view-home details[data-home-team="worship"] .home-singers-inline-card-worship .home-singers-inline-icon .home-team-role-icon{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  flex:0 0 36px !important;
  margin:0 !important;
}
#mainApp #view-home details[data-home-team="worship"] .home-singers-inline-card-worship .home-singers-inline-label{
  flex:0 0 auto !important;
  margin:0 !important;
  color:#103a75 !important;
  font-size:13.25px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
}
#mainApp #view-home details[data-home-team="worship"] .home-singers-inline-card-worship .home-team-person-list{
  min-width:0 !important;
  flex:1 1 auto !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:3px !important;
  margin:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}
#mainApp #view-home details[data-home-team="worship"] .home-singers-inline-card-worship .home-team-person-chip{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#52647e !important;
  font-size:10.6px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
#mainApp #view-home details[data-home-team="worship"] .home-singers-inline-card-worship .home-singers-dot{
  flex:0 0 auto !important;
  color:#8a98aa !important;
  font-size:9.5px !important;
  line-height:1 !important;
}

@media (max-width:390px){
  #mainApp #view-home .home-team-combined-card{gap:10px !important;}
  #mainApp #view-home details[data-home-team="media"] > summary.home-team-card-head,
  #mainApp #view-home details[data-home-team="worship"] > summary.home-team-card-head{min-height:56px !important;padding:7px 9px !important;}
  #mainApp #view-home details[data-home-team="media"] .home-team-icon,
  #mainApp #view-home details[data-home-team="worship"] .home-team-icon{width:39px !important;height:39px !important;min-width:39px !important;flex-basis:39px !important;border-radius:13px !important;}
  #mainApp #view-home details[data-home-team="media"] .home-team-icon svg,
  #mainApp #view-home details[data-home-team="worship"] .home-team-icon svg{width:21px !important;height:21px !important;}
  #mainApp #view-home details[data-home-team="media"] .home-team-title,
  #mainApp #view-home details[data-home-team="worship"] .home-team-title{font-size:17.5px !important;}
  #mainApp #view-home details[data-home-team="media"] .home-team-count,
  #mainApp #view-home details[data-home-team="worship"] .home-team-count{font-size:10.8px !important;}
  #mainApp #view-home details[data-home-team="media"][open] .home-team-grid.home-media-grid,
  #mainApp #view-home details[data-home-team="worship"][open] .home-team-grid.home-worship-grid{gap:5px !important;margin:6px 7px 8px !important;}
  #mainApp #view-home details[data-home-team="media"] .home-team-grid.home-media-grid > .home-team-member,
  #mainApp #view-home details[data-home-team="worship"] .home-team-grid.home-worship-grid > .home-team-member{min-height:49px !important;padding:5px 6px !important;gap:6px !important;border-radius:13px !important;}
  #mainApp #view-home details[data-home-team="media"] .home-team-role-icon,
  #mainApp #view-home details[data-home-team="worship"] .home-team-role-icon{width:33px !important;height:33px !important;min-width:33px !important;flex-basis:33px !important;border-radius:11px !important;}
  #mainApp #view-home details[data-home-team="media"] .home-team-role-icon svg,
  #mainApp #view-home details[data-home-team="worship"] .home-team-role-icon svg{width:18.5px !important;height:18.5px !important;}
  #mainApp #view-home details[data-home-team="media"] .home-team-person,
  #mainApp #view-home details[data-home-team="worship"] .home-team-person{font-size:14.2px !important;}
  #mainApp #view-home details[data-home-team="media"] .home-team-role,
  #mainApp #view-home details[data-home-team="worship"] .home-team-role{font-size:9.6px !important;}
  #mainApp #view-home details[data-home-team="worship"] .home-singers-inline-card-worship{min-height:45px !important;padding:5px 6px !important;gap:6px !important;border-radius:13px !important;}
  #mainApp #view-home details[data-home-team="worship"] .home-singers-inline-card-worship .home-singers-inline-icon,
  #mainApp #view-home details[data-home-team="worship"] .home-singers-inline-card-worship .home-singers-inline-icon .home-team-role-icon{width:33px !important;height:33px !important;min-width:33px !important;flex-basis:33px !important;}
  #mainApp #view-home details[data-home-team="worship"] .home-singers-inline-card-worship .home-singers-inline-label{font-size:12px !important;}
  #mainApp #view-home details[data-home-team="worship"] .home-singers-inline-card-worship .home-team-person-chip{font-size:9.4px !important;}
}

@media (max-width:340px){
  #mainApp #view-home details[data-home-team="media"][open] .home-team-grid.home-media-grid,
  #mainApp #view-home details[data-home-team="worship"][open] .home-team-grid.home-worship-grid{grid-template-columns:minmax(0,1fr) !important;}
}