/* HTNS v302 · Home team reference r25
   Visual-only refresh for the Home Worship Team + Media Team cards.
   Matches the supplied soft-blue/lilac reference while preserving all existing
   schedule data, disclosure behavior, permissions, role semantics and callbacks. */

html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-combined-card{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

/* Reference order: Worship first, Media second. */
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-worship){order:1 !important;}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-media){order:2 !important;}

html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FCFEFF 100%) !important;
  border:1px solid #D7E5F1 !important;
  border-radius:20px !important;
  box-shadow:0 8px 24px rgba(38,85,124,.055) !important;
  overflow:hidden !important;
}

html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible > summary.home-team-card-head{
  min-height:62px !important;
  height:auto !important;
  margin:0 !important;
  padding:8px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[open] > summary.home-team-card-head{
  margin:0 !important;
  border-bottom:0 !important;
}

/* Undo the old centered-title lock: the supplied reference is left-aligned beside the team icon. */
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible > summary.home-team-card-head .home-team-name{
  min-width:0 !important;
  flex:1 1 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible > summary.home-team-card-head .home-team-name > div:not(.home-team-icon){
  position:static !important;
  inset:auto !important;
  width:auto !important;
  min-width:0 !important;
  flex:1 1 auto !important;
  transform:none !important;
  text-align:left !important;
  pointer-events:auto !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible .home-team-title{
  width:auto !important;
  margin:0 !important;
  color:#092B63 !important;
  font-size:20px !important;
  line-height:1.02 !important;
  font-weight:900 !important;
  letter-spacing:.012em !important;
  text-align:left !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible .home-team-count{
  width:auto !important;
  margin-top:4px !important;
  color:#61738C !important;
  font-size:13.5px !important;
  line-height:1.05 !important;
  font-weight:650 !important;
  text-align:left !important;
  white-space:nowrap !important;
}

/* Large pastel team tiles. */
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-icon{
  position:relative !important;
  width:48px !important;
  height:48px !important;
  flex:0 0 48px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:15px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-icon::before,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-icon::after{
  display:none !important;
  content:none !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-icon svg{
  width:28px !important;
  height:28px !important;
  filter:none !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-icon.team-worship{
  color:#7E22CE !important;
  background:linear-gradient(145deg,#F5ECFF 0%,#EEE4FF 100%) !important;
  border:1px solid #E1D1F7 !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-icon.team-worship svg{
  color:#7E22CE !important;
  stroke:#7E22CE !important;
  fill:none !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-icon.team-media{
  color:#0C77C8 !important;
  background:linear-gradient(145deg,#EDF7FF 0%,#E5F2FD 100%) !important;
  border:1px solid #D3E8F8 !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-icon.team-media svg,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-icon.team-media svg *{
  color:#0C77C8 !important;
  stroke:#0C77C8 !important;
}

/* Simple chevron, like the supplied reference. */
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-chevron,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-collapsible[open] .home-team-chevron{
  width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;
  display:grid !important;
  place-items:center !important;
  color:#092B63 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-chevron svg{
  width:22px !important;
  height:22px !important;
  stroke-width:2.5 !important;
}

/* Roster body: two balanced columns with airy reference cards. */
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[open] .home-team-grid{
  width:auto !important;
  margin:1px 12px 12px !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px 10px !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-member,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-member.mine{
  min-width:0 !important;
  min-height:62px !important;
  margin:0 !important;
  padding:8px 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  background:linear-gradient(135deg,#FFFFFF 0%,#FBFDFF 100%) !important;
  border:1px solid #D9E7F2 !important;
  border-radius:14px !important;
  box-shadow:0 2px 8px rgba(48,91,126,.035) !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .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:3px !important;
  overflow:hidden !important;
  text-align:left !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-person{
  max-width:100% !important;
  margin:0 !important;
  color:#0A2D64 !important;
  font-size:15.5px !important;
  line-height:1.05 !important;
  font-weight:850 !important;
  letter-spacing:-.012em !important;
  text-align:left !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-role{
  max-width:100% !important;
  margin:0 !important;
  color:#65758E !important;
  font-size:12.5px !important;
  line-height:1.08 !important;
  font-weight:550 !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .mine-star{
  color:#FFB800 !important;
  font-size:.95em !important;
  font-weight:1000 !important;
  text-shadow:none !important;
}

/* Role icon tiles: soft category colors instead of the older dark circles. */
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-role-icon,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-member.mine .home-team-role-icon{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  margin:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#0B7CC7 !important;
  background:#ECF7FF !important;
  border:1px solid #D6EAF8 !important;
  border-radius:12px !important;
  box-shadow:none !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-role-icon::before,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-role-icon::after{
  display:none !important;
  content:none !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-role-icon svg,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-role-icon.role-guitar svg,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-role-icon.role-bass svg,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-role-icon.role-piano svg,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-role-icon.role-subkey svg{
  width:23px !important;
  height:23px !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:1.9 !important;
}

/* Worship palette from the reference: blue leader/strings, green keys, purple drums. */
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-worship) .home-team-role-icon.role-leader,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-worship) .home-team-role-icon.role-guitar,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-worship) .home-team-role-icon.role-bass,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-worship) .home-team-role-icon.role-subkey,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-worship) .home-team-role-icon.role-music{
  color:#0A7BC9 !important;
  background:#EDF7FF !important;
  border-color:#D7EBF9 !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-worship) .home-team-role-icon.role-piano{
  color:#07885D !important;
  background:#E8FBF3 !important;
  border-color:#CCF1E2 !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-worship) .home-team-role-icon.role-drums,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-worship) .home-singers-inline-icon{
  color:#7D23C9 !important;
  background:#F4EDFF !important;
  border-color:#E2D4F7 !important;
}

/* Media palette: cool blue utility tiles; Power Down is the one red alert role. */
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-media) .home-team-role-icon.role-coordinator,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-media) .home-team-role-icon.role-morning,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-media) .home-team-role-icon.role-livestream,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-media) .home-team-role-icon.role-lightsound,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-media) .home-team-role-icon.role-propresenter,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-media) .home-team-role-icon.role-photographer,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-media) .home-team-role-icon.role-video{
  color:#0B79C5 !important;
  background:#EDF7FF !important;
  border-color:#D6EAF8 !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-card:has(.team-media) .home-team-role-icon.role-eod{
  color:#C9184A !important;
  background:#FFF0F4 !important;
  border-color:#F7D6DF !important;
}

/* Full-width singer bar: purple icon, dark navy text, subtle dot separators. */
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-singers-inline-card{
  grid-column:1 / -1 !important;
  width:100% !important;
  min-width:0 !important;
  min-height:52px !important;
  margin:1px 0 0 !important;
  padding:6px 10px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  background:linear-gradient(135deg,#FFFFFF 0%,#FCFAFF 100%) !important;
  border:1px solid #E0D9F2 !important;
  border-radius:14px !important;
  box-shadow:0 2px 8px rgba(74,48,116,.025) !important;
  overflow:hidden !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-singers-inline-icon{
  width:40px !important;
  height:40px !important;
  flex:0 0 40px !important;
  display:grid !important;
  place-items:center !important;
  color:#7D23C9 !important;
  background:#F4EDFF !important;
  border:1px solid #E2D4F7 !important;
  border-radius:11px !important;
  box-shadow:none !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-singers-inline-icon .home-team-role-icon{
  width:100% !important;
  height:100% !important;
  flex-basis:100% !important;
  color:inherit !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-singers-inline-label{
  flex:0 0 auto !important;
  color:#0A2D64 !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-singers-inline-card .home-team-person-list{
  min-width:0 !important;
  flex:1 1 auto !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  overflow:hidden !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-singers-inline-card .home-team-person-chip,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-singers-inline-card .home-team-person-chip.singer-female,
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-singers-inline-card .home-team-person-chip.singer-male{
  flex:0 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  color:#0A2D64 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.012em !important;
  white-space:nowrap !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-singers-inline-card .home-team-person-chip + .home-team-person-chip::before{
  content:"·" !important;
  display:inline-block !important;
  margin:0 6px !important;
  color:#66778E !important;
  font-weight:800 !important;
}

html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-open-row{
  margin:0 12px 12px !important;
  padding:7px 2px 0 !important;
  color:#6B7D93 !important;
  border-top:1px solid #E6EEF4 !important;
  font-size:11px !important;
  line-height:1.25 !important;
}
html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-empty{
  margin:0 12px 12px !important;
  padding:10px !important;
  color:#6B7D93 !important;
  background:#F7FAFD !important;
  border:1px dashed #D8E6F0 !important;
  border-radius:12px !important;
}

/* Keep the reference composition usable on the smallest supported iPhones. */
@media (max-width:349px){
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible[open] .home-team-grid{
    grid-template-columns:minmax(0,1fr) !important;
  }
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible .home-team-title{
    font-size:18px !important;
  }
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-singers-inline-card .home-team-person-chip{
    font-size:11px !important;
  }
}

@media (min-width:430px){
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible > summary.home-team-card-head{
    min-height:66px !important;
    padding:9px 16px !important;
  }
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-icon{
    width:50px !important;
    height:50px !important;
    flex-basis:50px !important;
  }
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home details.home-team-card.home-team-collapsible .home-team-title{
    font-size:21px !important;
  }
  html.htns-theme-v234[data-theme="light"] body #app #mainApp #view-home .home-team-member{
    min-height:66px !important;
  }
}