/* HTNS v251 — premium cool-blue Media / Worship schedule tabs.
   Color-only refinement: preserve the existing compact geometry and behavior. */

html.htns-theme-v234 #mainApp #view-schedule .simple-team-tabs{
  background:#f7fbfe !important;
  border-color:#c9dce9 !important;
  box-shadow:none !important;
}

/* MEDIA TEAM */
html.htns-theme-v234 #mainApp #view-schedule .simple-team-tab:first-child{
  background:#eaf5fc !important;
  color:#174b75 !important;
  border:1px solid #a7cbe1 !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp #view-schedule .simple-team-tab:first-child small{
  color:#5e88a6 !important;
}

/* WORSHIP TEAM */
html.htns-theme-v234 #mainApp #view-schedule .simple-team-tab:last-child{
  background:#eef4fc !important;
  color:#244f7a !important;
  border:1px solid #b2cae0 !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp #view-schedule .simple-team-tab:last-child small{
  color:#6e8dab !important;
}

/* Selected Media tab — richer sky blue, still flat. */
html.htns-theme-v234 #mainApp #view-schedule .simple-team-tab:first-child.active{
  background:#d7ecf8 !important;
  color:#0e4d78 !important;
  border-color:#78afd0 !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp #view-schedule .simple-team-tab:first-child.active::before{
  background:#3f8fc2 !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp #view-schedule .simple-team-tab:first-child.active small{
  color:#35759e !important;
}

/* Selected Worship tab — slightly deeper cool blue. */
html.htns-theme-v234 #mainApp #view-schedule .simple-team-tab:last-child.active{
  background:#dfeafb !important;
  color:#1f4d7b !important;
  border-color:#89aeca !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp #view-schedule .simple-team-tab:last-child.active::before{
  background:#5a86b8 !important;
  box-shadow:none !important;
}
html.htns-theme-v234 #mainApp #view-schedule .simple-team-tab:last-child.active small{
  color:#557da4 !important;
}

html.htns-theme-v234 #mainApp #view-schedule .simple-team-tab:active{
  filter:none !important;
  transform:none !important;
}

@media (hover:hover) and (pointer:fine){
  html.htns-theme-v234 #mainApp #view-schedule .simple-team-tab:first-child:hover{
    background:#e1f0fa !important;
    border-color:#8dbbd6 !important;
  }
  html.htns-theme-v234 #mainApp #view-schedule .simple-team-tab:last-child:hover{
    background:#e7f0fb !important;
    border-color:#9dbbd6 !important;
  }
}

html.htns-theme-v234[data-theme="dark"] #mainApp #view-schedule .simple-team-tabs{
  background:#142f43 !important;
  border-color:#35556d !important;
}
html.htns-theme-v234[data-theme="dark"] #mainApp #view-schedule .simple-team-tab:first-child{
  background:#1c4058 !important;
  color:#d9edf8 !important;
  border-color:#45728f !important;
}
html.htns-theme-v234[data-theme="dark"] #mainApp #view-schedule .simple-team-tab:last-child{
  background:#203d5a !important;
  color:#e0ebfa !important;
  border-color:#4b6d90 !important;
}
html.htns-theme-v234[data-theme="dark"] #mainApp #view-schedule .simple-team-tab:first-child.active{
  background:#245572 !important;
  border-color:#6aa6c8 !important;
}
html.htns-theme-v234[data-theme="dark"] #mainApp #view-schedule .simple-team-tab:last-child.active{
  background:#294d70 !important;
  border-color:#7493bd !important;
}

/* r44 finalizer: preserve the autosync picker's common field column while the
   Coordinator row contains two independent assignment controls. Also keep the
   active Worship state on the established blue-contrast path and make the
   Media header's people glyph explicit on WebKit. */
@media (max-width:520px){
  html.htns-theme-v234 body #mainApp #view-schedule
  .simple-team-editor[data-team="media"] .simple-schedule-list
  .simple-schedule-row.coordinator-row .simple-coordinator-controls{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    align-items:center !important;
    gap:6px !important;
  }

  html.htns-theme-v234 body #mainApp #view-schedule
  .simple-team-editor[data-team="media"] .simple-team-editor-head > div > svg{
    opacity:1 !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-tabs
  .simple-team-tab:last-child.active{
    background:linear-gradient(135deg,#418BC5 0%,#64ADD8 100%) !important;
    border-color:#418BC5 !important;
    color:#FFFFFF !important;
    box-shadow:0 9px 20px rgba(65,139,197,.22) !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-tabs
  .simple-team-tab:last-child.active > svg,
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-tabs
  .simple-team-tab:last-child.active small{
    background:rgba(255,255,255,.17) !important;
    color:#FFFFFF !important;
  }

  /* Exact assignment-column alignment. */
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule
  .simple-team-editor[data-team="media"] .simple-schedule-list
  .simple-schedule-row,
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule
  .simple-team-editor[data-team="media"] .simple-schedule-list
  .simple-schedule-row.coordinator-row{
    grid-template-columns:145px minmax(0,1fr) !important;
  }

  /* The legacy Coordinator two-person control carries a 12px internal offset.
     Cancel that offset while preserving both assignment pickers and the card width. */
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule
  .simple-team-editor[data-team="media"] .simple-schedule-list
  .simple-schedule-row.coordinator-row .simple-coordinator-controls{
    transform:translateX(-12px) !important;
    width:calc(100% + 12px) !important;
  }
}

@media (max-width:380px){
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule
  .simple-team-editor[data-team="media"] .simple-schedule-list
  .simple-schedule-row,
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule
  .simple-team-editor[data-team="media"] .simple-schedule-list
  .simple-schedule-row.coordinator-row{
    grid-template-columns:126px minmax(0,1fr) !important;
  }
}

/* ======================================================================
   HTNS v302 r45 — Worship Schedule approved-reference visual system.
   Keeps the current schedule data model, autosync, role pickers, permissions,
   conflict warnings and Songbook integration intact; this block changes only
   presentation on mobile.
   ====================================================================== */
@media (max-width:520px){
  /* The approved reference uses the same blue active treatment for Worship. */
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule
  .simple-team-tabs .simple-team-tab:last-child.active{
    background:linear-gradient(135deg,#2189E1 0%,#3FA6F0 100%) !important;
    border-color:#2088DE !important;
    color:#FFFFFF !important;
    box-shadow:0 9px 20px rgba(32,136,222,.24) !important;
  }
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule
  .simple-team-tabs .simple-team-tab:last-child.active > svg,
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule#view-schedule
  .simple-team-tabs .simple-team-tab:last-child.active small{
    background:rgba(255,255,255,.18) !important;
    color:#FFFFFF !important;
  }

  /* Worship Team card shell and header. */
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"]{
    margin-top:0 !important;
    overflow:visible !important;
    border:1px solid #D7E6F1 !important;
    border-radius:23px !important;
    background:#FFFFFF !important;
    box-shadow:0 12px 30px rgba(27,83,126,.075) !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-team-editor-head{
    min-height:84px !important;
    padding:14px 14px 12px !important;
    align-items:flex-start !important;
    border-bottom:0 !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-team-editor-head > div{
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    column-gap:11px !important;
    min-width:0 !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-team-editor-head > div > svg{
    grid-row:1 / 3 !important;
    width:48px !important;
    height:48px !important;
    padding:11px !important;
    border:0 !important;
    border-radius:14px !important;
    background:linear-gradient(145deg,#F1E5FF,#E9D9FF) !important;
    color:#6921C9 !important;
    opacity:1 !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;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-team-editor-head h3{
    grid-column:2 !important;
    margin:1px 0 0 !important;
    color:#0B315D !important;
    font-size:20px !important;
    line-height:1.08 !important;
    font-weight:950 !important;
    letter-spacing:.01em !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-team-editor-head h3::after{
    content:"Fill the roles for this Sunday" !important;
    display:block !important;
    margin-top:5px !important;
    color:#6B8299 !important;
    font-size:11px !important;
    line-height:1.15 !important;
    font-weight:650 !important;
    letter-spacing:0 !important;
  }
  html[lang="vi"].htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-team-editor-head h3::after{
    content:"Điền các vai trò cho Chúa Nhật này" !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-fill-pill{
    min-width:68px !important;
    height:34px !important;
    padding:0 11px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#E0F7EA !important;
    color:#087F4C !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:950 !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-fill-pill svg{
    width:17px !important;
    height:17px !important;
  }

  /* Worship role assignment cards. Keep a single common assignment column so
     autosync/editing geometry is unchanged. */
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-list{
    padding:0 12px 10px !important;
    display:grid !important;
    gap:7px !important;
  }
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule
  .simple-team-editor[data-team="worship"] .simple-schedule-list .simple-schedule-row:not(.singers-row){
    min-height:64px !important;
    grid-template-columns:145px minmax(0,1fr) !important;
    gap:9px !important;
    padding:7px 9px !important;
    border:1px solid #DCE9F2 !important;
    border-radius:16px !important;
    background:#FEFFFF !important;
    box-shadow:0 4px 10px rgba(29,84,126,.025) !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:not(.singers-row) .simple-role-label{
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    column-gap:9px !important;
    color:#0B315D !important;
    font-size:13px !important;
    line-height:1.08 !important;
    font-weight:950 !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:not(.singers-row) .schedule-role-icon{
    grid-row:1 / 3 !important;
    width:46px !important;
    height:46px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    border:0 !important;
    border-radius:13px !important;
    box-sizing:border-box !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:not(.singers-row) .schedule-role-icon svg{
    width:24px !important;
    height:24px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.9 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:not(.singers-row) .simple-role-label > span:last-child{
    grid-column:2 !important;
    align-self:end !important;
    min-width:0 !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:not(.singers-row) .simple-role-label > span:last-child::after{
    display:block !important;
    margin-top:4px !important;
    color:#6D8398 !important;
    font-size:9px !important;
    line-height:1.05 !important;
    font-weight:650 !important;
    white-space:normal !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(1) .simple-role-label > span:last-child::after{content:"Lead the congregation" !important;}
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(2) .simple-role-label > span:last-child::after{content:"Keys & pads" !important;}
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(3) .simple-role-label > span:last-child::after{content:"Electric / Acoustic" !important;}
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(4) .simple-role-label > span:last-child::after{content:"Aux keys & synth" !important;}
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(5) .simple-role-label > span:last-child::after{content:"Keep the beat" !important;}
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(6) .simple-role-label > span:last-child::after{content:"Low end groove" !important;}

  html[lang="vi"].htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(1) .simple-role-label > span:last-child::after{content:"Dẫn dắt hội chúng" !important;}
  html[lang="vi"].htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(2) .simple-role-label > span:last-child::after{content:"Piano & pad" !important;}
  html[lang="vi"].htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(3) .simple-role-label > span:last-child::after{content:"Guitar điện / acoustic" !important;}
  html[lang="vi"].htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(4) .simple-role-label > span:last-child::after{content:"Keyboard phụ & synth" !important;}
  html[lang="vi"].htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(5) .simple-role-label > span:last-child::after{content:"Giữ nhịp" !important;}
  html[lang="vi"].htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(6) .simple-role-label > span:last-child::after{content:"Nền âm trầm" !important;}

  /* Pastel identities follow the new Worship reference. */
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(1) .schedule-role-icon{background:#E7F4FF !important;color:#0E83D8 !important;}
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(2) .schedule-role-icon{background:#E4F8EF !important;color:#0B8C61 !important;}
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(3) .schedule-role-icon{background:#F0E7FF !important;color:#6B27C8 !important;}
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(4) .schedule-role-icon{background:#FFF1D9 !important;color:#E98600 !important;}
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(5) .schedule-role-icon{background:#EFE7FF !important;color:#6926C7 !important;}
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(6) .schedule-role-icon{background:#E6F5FF !important;color:#147FD1 !important;}

  /* Assignment fields become compact pastel chips without changing their
     native select/static behavior. */
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-row-control{
    min-width:0 !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-select,
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-person-static{
    height:46px !important;
    min-height:46px !important;
    border:1px solid #D9E7F1 !important;
    border-radius:14px !important;
    background:linear-gradient(90deg,#F8FBFF,#FFFFFF) !important;
    color:#0B315D !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:850 !important;
    box-shadow:none !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-select{
    padding-left:12px !important;
    padding-right:29px !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(2) .simple-schedule-select,
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(2) .simple-schedule-person-static,
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(6) .simple-schedule-select,
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(6) .simple-schedule-person-static{background:#EEFBF7 !important;border-color:#D0EEE4 !important;}
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(3) .simple-schedule-select,
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(3) .simple-schedule-person-static{background:#FFF2F7 !important;border-color:#F3DCE7 !important;}
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(5) .simple-schedule-select,
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:nth-child(5) .simple-schedule-person-static{background:#F7F0FF !important;border-color:#E8DAF7 !important;}
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-select:has(option:checked[value=""]){
    border:1.5px dashed #92C7EC !important;
    background:#FBFDFF !important;
    color:#117BD0 !important;
  }

  /* Singers row: preserve the existing multi-person chip engine and
     present it as the compact Singers card from the reference. */
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .singers-row{
    margin:0 !important;
    padding:7px 9px 9px !important;
    border:1px solid #DCE9F2 !important;
    border-radius:16px !important;
    background:#FEFFFF !important;
    box-shadow:0 4px 10px rgba(29,84,126,.025) !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .singers-row .simple-singer-top{
    margin:0 0 7px !important;
    padding:0 !important;
    min-height:46px !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .singers-row .simple-role-label{
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    column-gap:9px !important;
    color:#0B315D !important;
    font-size:13px !important;
    font-weight:950 !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .singers-row .schedule-role-icon{
    grid-row:1 / 3 !important;
    width:46px !important;
    height:46px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:13px !important;
    background:#FFE6F0 !important;
    color:#C31D5C !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .singers-row .simple-role-label > span:last-child{
    font-size:0 !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .singers-row .simple-role-label > span:last-child::before{
    content:"Singers" !important;
    display:block !important;
    color:#0B315D !important;
    font-size:13px !important;
    font-weight:950 !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .singers-row .simple-role-label > span:last-child::after{
    content:"Backing singers" !important;
    display:block !important;
    margin-top:4px !important;
    color:#6D8398 !important;
    font-size:9px !important;
    line-height:1.05 !important;
    font-weight:650 !important;
  }
  html[lang="vi"].htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .singers-row .simple-role-label > span:last-child::before{content:"Ca sĩ" !important;}
  html[lang="vi"].htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .singers-row .simple-role-label > span:last-child::after{content:"Hát bè" !important;}
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-singer-count{
    color:#607B96 !important;
    font-size:9px !important;
    font-weight:700 !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .singer-chip,
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-singer-chip{
    min-width:31px !important;
    height:31px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    border:1px solid #D9E6F1 !important;
    background:#EEF4FF !important;
    color:#123D72 !important;
    font-size:10px !important;
    font-weight:900 !important;
  }

  /* SELECT SONG card — uses the existing Songbook/setlist behavior. */
  html.htns-theme-v234 body #mainApp #view-schedule .simple-worship-songs{
    margin:10px 0 0 !important;
    border:1.5px solid #D9B8F5 !important;
    border-radius:17px !important;
    background:linear-gradient(90deg,#FCF7FF,#FBF7FF) !important;
    overflow:hidden !important;
    box-shadow:none !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-worship-songs-toggle{
    min-height:76px !important;
    width:100% !important;
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) 38px 22px !important;
    align-items:center !important;
    gap:10px !important;
    padding:10px 13px !important;
    border:0 !important;
    background:transparent !important;
    color:#6320C9 !important;
    text-align:left !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-worship-songs .simple-song-icon{
    width:48px !important;
    height:48px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:13px !important;
    background:#EEDCFF !important;
    color:#6921C9 !important;
    font-size:28px !important;
    line-height:1 !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-worship-songs .simple-song-copy b{
    display:block !important;
    color:#6320C9 !important;
    font-size:14px !important;
    line-height:1.05 !important;
    font-weight:950 !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-worship-songs .simple-song-copy small{
    display:block !important;
    max-width:215px !important;
    margin-top:5px !important;
    color:#72839A !important;
    font-size:10px !important;
    line-height:1.25 !important;
    font-weight:650 !important;
    white-space:normal !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-worship-songs .simple-song-count{
    width:36px !important;
    height:36px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    border-radius:999px !important;
    background:#EFE4FF !important;
    color:#6320C9 !important;
    font-size:13px !important;
    font-weight:950 !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-worship-songs .simple-song-chevron{
    color:#6320C9 !important;
    font-size:20px !important;
    font-weight:950 !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-worship-songs.open .simple-song-body{
    border-top:1px solid #E8D8F7 !important;
    background:#FFFFFF !important;
  }

  /* Existing save/discard controls remain usable and visually integrated. */
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-actions{
    margin:0 12px 12px !important;
    padding:9px !important;
    border:1px solid #DCE9F2 !important;
    border-radius:15px !important;
    background:#F8FBFE !important;
  }
}

@media (max-width:380px){
  html.htns-theme-v234 body #mainApp#mainApp #view-schedule
  .simple-team-editor[data-team="worship"] .simple-schedule-list .simple-schedule-row:not(.singers-row){
    grid-template-columns:126px minmax(0,1fr) !important;
    padding-left:7px !important;
    padding-right:7px !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:not(.singers-row) .simple-role-label,
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .singers-row .simple-role-label{
    grid-template-columns:40px minmax(0,1fr) !important;
    column-gap:7px !important;
    font-size:11.5px !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:not(.singers-row) .schedule-role-icon,
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .singers-row .schedule-role-icon{
    width:40px !important;
    height:40px !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-team-editor[data-team="worship"] .simple-schedule-row:not(.singers-row) .schedule-role-icon svg{
    width:21px !important;
    height:21px !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-worship-songs-toggle{
    grid-template-columns:42px minmax(0,1fr) 34px 18px !important;
    gap:7px !important;
    padding-left:9px !important;
    padding-right:9px !important;
  }
  html.htns-theme-v234 body #mainApp #view-schedule .simple-worship-songs .simple-song-icon{
    width:42px !important;
    height:42px !important;
  }
}