/* HTNS r118 — shared Media / Worship Schedule presentation.
   Keep the r64 asset URL and r118 application behavior. Both teams use the
   same dimensions at every breakpoint; role colors remain meaningful.
   Five scoped IDs outrank the older, separate reference-theme rules. */

html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule
.simple-team-editor[data-team="media"] .simple-team-editor-head h3::after,
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule
.simple-team-editor[data-team="worship"] .simple-team-editor-head h3::after,
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule
.simple-team-editor[data-team="media"] .simple-role-label > span:last-child::after,
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule
.simple-team-editor[data-team="worship"] .simple-role-label > span:last-child::after{
  content:none !important;
  display:none !important;
  margin:0 !important;
}

html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor{
  --schedule-text-size:13px;
  --schedule-title-size:15px;
  --schedule-label-width:132px;
  --schedule-icon-size:28px;
  --schedule-icon-gap:9px;
  --schedule-field-height:34px;
  --schedule-row-height:46px;
  --schedule-ink:#0B315D;
  --schedule-surface:#FFFFFF;
  --schedule-divider:#E0EBF3;
  --schedule-field-border:#C6DBEA;
  margin-top:0 !important;
  padding:0 10px 8px !important;
  overflow:hidden !important;
  border:1px solid #D6E4EF !important;
  border-radius:13px !important;
  background:var(--schedule-surface) !important;
  box-shadow:0 5px 18px rgba(47,91,133,.05) !important;
}

/* Equal header geometry, including the icon background and count badge. */
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-team-editor-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:nowrap !important;
  min-height:48px !important;
  margin:0 !important;
  padding:8px 0 !important;
  gap:8px !important;
  border:0 !important;
  border-bottom:1px solid var(--schedule-divider) !important;
  background:transparent !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-team-editor-head > div{
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  flex-wrap:nowrap !important;
  min-width:0 !important;
  gap:8px !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-team-editor-head > div > svg{
  display:block !important;
  grid-row:auto !important;
  width:32px !important; height:32px !important;
  min-width:32px !important; min-height:32px !important;
  max-width:32px !important; max-height:32px !important;
  flex:0 0 32px !important;
  padding:6px !important;
  border:0 !important;
  border-radius:50% !important;
  background:#E8F4FE !important;
  color:#1585D1 !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  box-sizing:border-box !important;
  opacity:1 !important;
  visibility:visible !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-team-editor-head h3{
  grid-column:auto !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  color:var(--schedule-ink) !important;
  font-family:inherit !important;
  font-size:var(--schedule-title-size) !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  letter-spacing:.015em !important;
  white-space:nowrap !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-fill-pill{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  gap:5px !important;
  min-width:58px !important;
  height:23px !important;
  margin:0 !important;
  padding:0 8px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#E4F3FE !important;
  color:#1484D1 !important;
  font-family:inherit !important;
  font-size:10px !important;
  font-weight:850 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-fill-pill svg{
  width:14px !important; height:14px !important;
  flex:0 0 14px !important;
}

/* One continuous list, with matching columns and dividers for both teams. */
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-schedule-list{
  display:block !important;
  margin:0 !important; padding:0 !important; gap:0 !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-schedule-list > .simple-schedule-row{
  display:grid !important;
  grid-template-columns:var(--schedule-label-width) minmax(0,1fr) !important;
  align-items:center !important;
  min-height:var(--schedule-row-height) !important;
  gap:6px !important;
  margin:0 !important;
  padding:6px 0 !important;
  border:0 !important;
  border-bottom:1px solid var(--schedule-divider) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-schedule-list > .simple-schedule-row:last-child{
  border-bottom:0 !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-role-label{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  gap:var(--schedule-icon-gap) !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
  color:var(--schedule-ink) !important;
  font-family:inherit !important;
  font-size:var(--schedule-text-size) !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-role-label > span:last-child{
  min-width:0 !important;
  grid-column:auto !important;
  align-self:auto !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .schedule-role-icon{
  display:grid !important;
  place-items:center !important;
  grid-row:auto !important;
  flex:0 0 var(--schedule-icon-size) !important;
  width:var(--schedule-icon-size) !important;
  height:var(--schedule-icon-size) !important;
  min-width:var(--schedule-icon-size) !important;
  min-height:var(--schedule-icon-size) !important;
  max-width:var(--schedule-icon-size) !important;
  max-height:var(--schedule-icon-size) !important;
  margin:0 !important; padding:0 !important; border:0 !important;
  border-radius:50% !important;
  box-sizing:border-box !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .schedule-role-icon svg{
  width:19px !important; height:19px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.7 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

/* Native controls retain their handlers, plus marks and focus state. */
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor :is(.simple-row-control,.simple-coordinator-controls,.simple-schedule-select-wrap){
  width:100% !important;
  min-width:0 !important;
  transform:none !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-coordinator-controls{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:6px !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor :is(.simple-schedule-select,.simple-schedule-person-static){
  width:100% !important; max-width:100% !important; min-width:0 !important;
  height:var(--schedule-field-height) !important;
  min-height:var(--schedule-field-height) !important;
  padding:0 28px 0 9px !important;
  border:1px solid var(--schedule-field-border) !important;
  border-radius:9px !important;
  background:var(--schedule-surface) !important;
  color:var(--schedule-ink) !important;
  box-shadow:none !important;
  font-family:inherit !important;
  font-size:var(--schedule-text-size) !important;
  font-weight:750 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-schedule-person-static{
  padding-right:9px !important;
  overflow:hidden !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-schedule-select-wrap::after{
  content:"" !important;
  position:absolute !important;
  right:11px !important; top:50% !important;
  width:7px !important; height:7px !important;
  border:0 !important;
  border-right:2px solid var(--schedule-ink) !important;
  border-bottom:2px solid var(--schedule-ink) !important;
  transform:translateY(-70%) rotate(45deg) !important;
  pointer-events:none !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-schedule-select-wrap.has-conflict .simple-schedule-select,
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-schedule-person-static.has-conflict{
  border-color:#D6B568 !important;
  background:#FFF9EC !important;
  padding-right:40px !important;
}

/* Vocal keeps its multi-person editor with the same label and name sizes. */
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-schedule-list > .simple-schedule-row.singers-row{
  display:block !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-singer-top{
  min-height:var(--schedule-field-height) !important;
  margin:0 0 7px !important; padding:0 !important; gap:6px !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .singers-row .simple-role-label > span:last-child::before{
  color:var(--schedule-ink) !important;
  font-size:var(--schedule-text-size) !important;
  font-weight:850 !important;
  line-height:1.2 !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-singer-count{
  margin:3px 0 0 calc(var(--schedule-icon-size) + var(--schedule-icon-gap)) !important;
  font-size:10px !important;
  line-height:1.2 !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-singer-edit{
  height:var(--schedule-field-height) !important;
  min-height:var(--schedule-field-height) !important;
  padding:0 12px !important;
  border-radius:9px !important;
  font-family:inherit !important;
  font-size:var(--schedule-text-size) !important;
  font-weight:750 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-singer-chips{
  flex-wrap:wrap !important;
  gap:6px !important;
  overflow:visible !important;
}
html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor .simple-singer-chip{
  display:inline-flex !important;
  align-items:center !important;
  height:auto !important;
  min-height:var(--schedule-field-height) !important;
  max-width:100% !important;
  padding:6px 10px !important;
  font-family:inherit !important;
  font-size:var(--schedule-text-size) !important;
  font-weight:750 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

@media (max-width:350px){
  html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor{
    --schedule-label-width:118px;
    --schedule-icon-gap:6px;
  }
}
@media (min-width:521px){
  html.htns-theme-v234 body #mainApp#mainApp#mainApp #view-schedule#view-schedule .simple-team-editor{
    --schedule-text-size:14px;
    --schedule-title-size:16px;
    --schedule-label-width:160px;
    --schedule-field-height:40px;
    --schedule-row-height:54px;
  }
}