/* iPhone Settings look for the More menu screens (Gary, Oct 19).
   Matches the approved Settings screen: light gray page, white rounded groups,
   hairline separators, centred title with a round back button, switches.
   Layout only: no control IDs or handlers change. Loaded last. */
:root{--ios-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;--ios-blue:#2F5FC4;--ios-red:#D92D20;--ios-fill:#F2F2F7}

/* ---------- More menu: iOS list with coloured icon tiles ---------- */
html body #moreMenu.popover:not(#_){min-width:236px!important;padding:0!important;border:0!important;border-radius:16px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 18px 50px rgba(15,23,42,.24),0 0 0 .5px rgba(60,60,67,.12)!important;overflow:hidden!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
html body #moreMenu.popover:not(#_)>button{position:relative!important;gap:14px!important;min-height:48px!important;padding:0 16px 0 58px!important;border:0!important;border-radius:0!important;background:transparent!important;font:400 17px/1.2 var(--ios-font)!important;color:#000!important;letter-spacing:0!important}
html body #moreMenu.popover:not(#_)>button+button::after{content:"";position:absolute;top:0;left:58px;right:0;height:.5px;background:#C6C6C8}
html body #moreMenu.popover:not(#_)>button:hover,html body #moreMenu.popover:not(#_)>button:focus-visible,html body #moreMenu.popover:not(#_)>button:active{background:#E5E5EA!important}
html body #moreMenu.popover:not(#_)>button::before{position:absolute;left:16px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:8px;opacity:1!important;background:var(--tile,#8E8E93) var(--icon) center/18px no-repeat!important}
html body #moreMenu.popover:not(#_)>#settingsBtn{--tile:#8E8E93;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.3c.4-1.7 3-1.7 3.4 0a1.7 1.7 0 0 0 2.6 1.1c1.5-.9 3.3.8 2.4 2.4a1.7 1.7 0 0 0 1 2.5c1.8.4 1.8 3 0 3.4a1.7 1.7 0 0 0-1 2.6c.9 1.5-.9 3.3-2.4 2.4a1.7 1.7 0 0 0-2.6 1c-.4 1.8-3 1.8-3.4 0a1.7 1.7 0 0 0-2.5-1c-1.6.9-3.3-.9-2.4-2.4a1.7 1.7 0 0 0-1.1-2.6c-1.7-.4-1.7-3 0-3.4a1.7 1.7 0 0 0 1.1-2.5C4.9 5.2 6.7 3.5 8.2 4.4a1.7 1.7 0 0 0 2.1-1.1z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
html body #moreMenu.popover:not(#_)>#groupBtn{--tile:#2F5FC4;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 20v-1.5a3.5 3.5 0 0 0-3.5-3.5h-5A3.5 3.5 0 0 0 4 18.5V20'/%3E%3Ccircle cx='10' cy='8' r='3.5'/%3E%3Cpath d='M20 20v-1.5a3.5 3.5 0 0 0-2.5-3.3M15.5 4.6a3.5 3.5 0 0 1 0 6.8'/%3E%3C/svg%3E")}
html body #moreMenu.popover:not(#_)>#accountBtn{--tile:#5856D6;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
html body #moreMenu.popover:not(#_)>#helpBtn{--tile:#AF52DE;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9.3a2.6 2.6 0 0 1 5 .9c0 1.8-2.5 2.3-2.5 3.8'/%3E%3Ccircle cx='12' cy='17.2' r='.4' fill='%23fff'/%3E%3C/svg%3E")}
html body #moreMenu.popover:not(#_)>#aboutBtn{--tile:#636366;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6'/%3E%3Ccircle cx='12' cy='7.6' r='.4' fill='%23fff'/%3E%3C/svg%3E")}
html body #moreMenu.popover:not(#_)>#activityBtn{--tile:#FF9500;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l3-7 4 14 3-7h4'/%3E%3C/svg%3E")}
html body #moreMenu.popover:not(#_)>#feedbackBtn{--tile:#34C759;--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12.5a7.5 7.5 0 0 1-11 6.6L4 20l1.1-4.4A7.5 7.5 0 1 1 20 12.5z'/%3E%3C/svg%3E")}

/* ---------- Shared page frame ---------- */
html body #overlayRoot .sheet[data-ios-page]:not(#_){background:var(--ios-fill)!important;font-family:var(--ios-font)!important;color:#000!important}
html body #overlayRoot>.overlay.management-overlay:has(>.sheet[data-ios-page]){background:var(--ios-fill)!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_)>.sheet-head{position:sticky!important;top:0!important;z-index:5!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;min-height:56px!important;margin:0 0 6px!important;padding:6px 12px!important;background:rgba(242,242,247,.92)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0!important;border-bottom:.5px solid rgba(60,60,67,.18)!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_)>.sheet-head h2{grid-column:2!important;grid-row:1!important;justify-self:center!important;max-width:100%!important;margin:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;font:600 17px/1.2 var(--ios-font)!important;color:#000!important;text-align:center!important;letter-spacing:0!important;text-transform:none!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_)>.sheet-head>.close,html body #overlayRoot .sheet[data-ios-page]:not(#_)>.sheet-head>.settings-back{position:static!important;transform:none!important;grid-column:1!important;grid-row:1!important;justify-self:start!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border-radius:50%!important;background:#fff url(/icons/heroicons/chevron-left.svg) center/22px no-repeat!important;border:.5px solid rgba(60,60,67,.18)!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_)>.sheet-head>.close img,html body #overlayRoot .sheet[data-ios-page]:not(#_)>.sheet-head>.settings-back img{display:none!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_)>.sheet-head>.hidden{display:none!important}

/* Section titles, footers, groups */
html body #overlayRoot .sheet[data-ios-page]:not(#_) h3,html body #overlayRoot .sheet[data-ios-page]:not(#_) .ios-section-title{margin:0 0 7px 16px!important;padding:0!important;font:400 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important;border:0!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .ios-group{background:#fff!important;border-radius:var(--ios-radius,22px)!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .ios-group>*{position:relative;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .ios-group>:not(.hidden):not([hidden])~:not(.hidden):not([hidden])::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:#C6C6C8;pointer-events:none}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .meta,html body #overlayRoot .sheet[data-ios-page]:not(#_) .ios-footer{font:400 13px/1.35 var(--ios-font)!important;color:#6D6D72!important}

/* Generic form field: label as section title, control as a white rounded row */
html body #overlayRoot .sheet[data-ios-page]:not(#_) .field{margin:0 0 22px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .field>label{display:block!important;margin:0 0 7px 16px!important;font:400 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.hidden-username),html body #overlayRoot .sheet[data-ios-page]:not(#_) select,html body #overlayRoot .sheet[data-ios-page]:not(#_) textarea{min-height:50px!important;padding:0 16px!important;border:0!important;border-radius:14px!important;background-color:#fff!important;box-shadow:none!important;font:400 17px/1.3 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) textarea{padding:13px 16px!important;min-height:150px!important;border-radius:18px!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) select{padding-right:38px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 18' fill='none' stroke='%238E8E93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7l3.5-3.5L9.5 7M2.5 11l3.5 3.5L9.5 11'/%3E%3C/svg%3E") right 16px center/11px 16px no-repeat!important;-webkit-appearance:none!important;appearance:none!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) input:focus,html body #overlayRoot .sheet[data-ios-page]:not(#_) select:focus,html body #overlayRoot .sheet[data-ios-page]:not(#_) textarea:focus{outline:none!important;box-shadow:0 0 0 2px rgba(47,95,196,.35)!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) input::placeholder,html body #overlayRoot .sheet[data-ios-page]:not(#_) textarea::placeholder{color:#C4C4C7!important}

/* Switches (any checkbox inside a toggle row) */
html body #overlayRoot .sheet[data-ios-page]:not(#_) .settings-toggle-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:52px!important;margin:0!important;padding:10px 16px!important;background:transparent!important;border:0!important;box-shadow:none!important;font:400 17px/1.25 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .settings-toggle-row>span{display:grid!important;gap:2px!important;min-width:0!important;font:400 17px/1.25 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .settings-toggle-row strong{font:400 17px/1.25 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .settings-toggle-row small{display:block!important;margin:0!important;font:400 13px/1.3 var(--ios-font)!important;color:#8E8E93!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) :is(.settings-toggle-row,.member-event-visibility-option) input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;position:relative!important;flex:none!important;width:51px!important;height:31px!important;min-width:51px!important;margin:0!important;padding:0!important;border:0!important;border-radius:16px!important;background:#E9E9EA!important;background-image:none!important;box-shadow:none!important;transition:background .2s ease;cursor:pointer}
html body #overlayRoot .sheet[data-ios-page]:not(#_) :is(.settings-toggle-row,.member-event-visibility-option) input[type=checkbox]::before{content:""!important;display:block!important;position:absolute!important;top:2px!important;left:2px!important;width:27px!important;height:27px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16)!important;transition:transform .2s ease!important;transform:none}
html body #overlayRoot .sheet[data-ios-page]:not(#_) :is(.settings-toggle-row,.member-event-visibility-option) input[type=checkbox]::after{content:none!important;display:none!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) :is(.settings-toggle-row,.member-event-visibility-option) input[type=checkbox]:checked{background:#34C759!important;background-image:none!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) :is(.settings-toggle-row,.member-event-visibility-option) input[type=checkbox]:checked::before{transform:translateX(20px)!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) :is(.settings-toggle-row,.member-event-visibility-option) input[type=checkbox]:disabled{opacity:.5!important}

/* Disclosure rows (details summaries and navigation buttons) */
html body #overlayRoot .sheet[data-ios-page]:not(#_) .settings-disclosure{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;min-height:52px!important;margin:0!important;padding:10px 40px 10px 16px!important;border:0!important;border-radius:0!important;background:transparent url(/icons/heroicons/chevron-right.svg) right 14px center/16px no-repeat!important;box-shadow:none!important;font:400 17px/1.25 var(--ios-font)!important;color:#000!important;text-align:left!important;list-style:none!important;cursor:pointer}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .settings-disclosure::-webkit-details-marker{display:none}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .settings-disclosure::after,html body #overlayRoot .sheet[data-ios-page]:not(#_) .settings-disclosure::marker{content:none!important;display:none!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) details[open]:not(.group-panel)>.settings-disclosure{background-image:url(/icons/heroicons/chevron-down.svg)!important}

/* Buttons that act as rows */
html body #overlayRoot .sheet[data-ios-page]:not(#_) .ios-action{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:52px!important;margin:0!important;padding:10px 16px!important;border:0!important;border-radius:var(--ios-radius,22px)!important;background:#fff!important;box-shadow:none!important;font:400 17px/1.25 var(--ios-font)!important;color:var(--ios-blue)!important;letter-spacing:0!important;text-transform:none!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .ios-action.ios-danger,html body #overlayRoot .sheet[data-ios-page]:not(#_) .ios-danger{color:var(--ios-red)!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .ios-action:disabled{color:#C4C4C7!important;opacity:1!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .ios-action:active{background:#E5E5EA!important}

/* ---------- Group list ---------- */
html body #overlayRoot .sheet[data-ios-page]:not(#_) .ya-group-body{display:flex!important;flex-direction:column!important;gap:0!important;padding:10px 16px 28px!important;background:transparent!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .group-overview{display:flex!important;flex-direction:column!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .group-overview.hidden{display:none!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .group-choices{order:1;display:block!important;margin:0 0 22px!important;padding:0!important;background:#fff!important;border:0!important;border-radius:var(--ios-radius,22px)!important;overflow:hidden!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .group-choices::before{content:none!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .group-choice{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;min-height:60px!important;margin:0!important;padding:9px 14px 9px 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .group-choice+.group-choice::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .group-choice:active{background:#E5E5EA!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .group-choice-text{display:grid!important;gap:2px!important;min-width:0!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .group-choice-name{font:400 17px/1.25 var(--ios-font)!important;color:#000!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .group-choice-meta{font:400 13px/1.3 var(--ios-font)!important;color:#8E8E93!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .group-detail-toggle{display:grid!important;place-items:center!important;width:auto!important;height:auto!important;border:0!important;background:none!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .group-detail-toggle img{width:16px!important;height:16px!important;opacity:.45!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .ya-group-top{order:2;display:block!important;margin:0 0 22px!important;padding:0!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) #group-add-join{justify-content:flex-start!important;gap:12px!important;padding-left:16px!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) #group-add-join::before{content:"";flex:none;width:30px;height:30px;border-radius:8px;background:var(--ios-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/16px no-repeat}
html body #overlayRoot .sheet[data-ios-page]:not(#_) #groupJoinSummary{order:3}

/* ---------- Group Edit ---------- */
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-detail,html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-detail-main,html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-panel-stage{display:block!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-detail-main.hidden,html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-panel-stage.hidden{display:none!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ya-group-section,html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ya-group-name{margin:0 0 24px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ya-group-section.hidden{display:none!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ya-group-name>label{display:flex!important;gap:8px;margin:0 0 7px 16px!important;font:400 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ya-group-name>label b{font-weight:400!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ya-group-name>label .meta{margin:0!important;text-transform:none!important;color:#FF9500!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ya-group-name>input{width:100%!important;border-radius:var(--ios-radius,22px)!important;min-height:52px!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ios-group>.field{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:52px!important;padding:6px 16px!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ios-group>.field>label{margin:0!important;flex:1 1 auto;min-width:0;font:400 17px/1.25 var(--ios-font)!important;color:#000!important;text-transform:none!important;letter-spacing:0!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ios-group>.field>select{flex:0 1 auto!important;width:auto!important;max-width:62%!important;min-height:0!important;padding:0 22px 0 0!important;border-radius:0!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 18' fill='none' stroke='%238E8E93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7l3.5-3.5L9.5 7M2.5 11l3.5 3.5L9.5 11'/%3E%3C/svg%3E") right center/11px 16px no-repeat!important;color:#8E8E93!important;text-align:right!important;text-align-last:right!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) #groupMemberPermissions{display:block!important;padding:0!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) #groupMemberPermissions.hidden{display:none!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) #groupMemberPermissions>.settings-toggle-row{position:relative!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) #groupMemberPermissions>.settings-toggle-row::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:#C6C6C8}
/* Band Details, Song Library, Set Lists and Event Details Visibility as one list */
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-detail-main>.ios-nav-item{margin:0!important;background:#fff!important;border-radius:0!important;overflow:hidden!important;position:relative!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-detail-main>.ios-nav-item>.ios-group{border-radius:0!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-detail-main>.ios-nav-item .settings-disclosure{position:relative!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-detail-main>.ios-nav-item:not(.ios-nav-first)>summary::after,html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-detail-main>.ios-nav-item:not(.ios-nav-first)>.ios-group>.settings-disclosure:first-child::after,html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-detail-main>.ios-nav-item>.ios-group>.settings-disclosure+.settings-disclosure::after{content:""!important;display:block!important;position:absolute!important;top:0!important;left:58px!important;right:0!important;bottom:auto!important;width:auto!important;height:.5px!important;margin:0!important;border:0!important;transform:none!important;background:#C6C6C8!important;opacity:1!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-detail-main>.ios-nav-first{border-top-left-radius:var(--ios-radius,22px)!important;border-top-right-radius:var(--ios-radius,22px)!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-detail-main>.ios-nav-last{margin-bottom:24px!important;border-bottom-left-radius:var(--ios-radius,22px)!important;border-bottom-right-radius:var(--ios-radius,22px)!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .settings-disclosure#groupSongLibrary,html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .settings-disclosure#groupSetLists{justify-content:flex-start!important;padding-left:16px!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) #groupSongLibrary>img,html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) #groupSetLists>img{display:none!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) #groupSongLibrary::before,html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) #groupSetLists::before{content:""!important;position:static!important;flex:none;width:30px;height:30px;border-radius:8px;background:#FF2D55 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l11-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='17' cy='16' r='3'/%3E%3C/svg%3E") center/17px no-repeat}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) #groupSetLists::before{background:#5856D6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11'/%3E%3Ccircle cx='4.5' cy='6' r='.6' fill='%23fff'/%3E%3Ccircle cx='4.5' cy='12' r='.6' fill='%23fff'/%3E%3Ccircle cx='4.5' cy='18' r='.6' fill='%23fff'/%3E%3C/svg%3E") center/17px no-repeat}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-band-panel>summary::before,html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .member-event-visibility>summary::before{content:"";flex:none;width:30px;height:30px;border-radius:8px;background:#2F5FC4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z'/%3E%3C/svg%3E") center/17px no-repeat}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .member-event-visibility>summary::before{background:#34C759 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/17px no-repeat}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .member-event-visibility-options{display:block!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .member-event-visibility[open]{padding-bottom:6px!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .member-event-visibility>.meta{margin:0 16px 8px!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .member-event-visibility-options{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .member-event-visibility-options>legend{margin:6px 0 0 16px!important;padding:0!important;font:400 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .member-event-visibility-option{position:relative!important;display:flex!important;flex-direction:row-reverse!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:50px!important;margin:0!important;padding:8px 16px!important;border:0!important;background:transparent!important;font:400 17px/1.25 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .member-event-visibility-option::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .member-event-visibility-option span{font:400 17px/1.25 var(--ios-font)!important;color:#000!important}
/* Song Library / Set Lists */
/* Import / Export and Danger Zone rows */
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .input-wheel-data-actions{display:block!important;padding:0!important;margin:0!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .input-wheel-data-actions>.btn,html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) #delete-group{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:52px!important;margin:0!important;padding:10px 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font:400 17px/1.25 var(--ios-font)!important;color:var(--ios-blue)!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .input-wheel-data-actions>.btn+.btn::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) #delete-group{justify-content:center!important;color:var(--ios-red)!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .input-wheel-import-status:empty{display:none!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .input-wheel-import-status{padding:8px 16px!important;font:400 13px/1.35 var(--ios-font)!important;color:#6D6D72!important}
/* Band Details panel (opened as its own page) */
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-panel-stage>details{display:block!important;background:transparent!important;border:0!important;margin:0!important;padding:0!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-panel-stage>details>summary{display:none!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-panel-stage .field>input{width:100%!important;border-radius:var(--ios-radius,22px)!important;min-height:52px!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ya-band-logo-row{display:flex!important;align-items:center!important;gap:16px!important;padding:14px 16px!important;background:#fff!important;border-radius:var(--ios-radius,22px)!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ya-band-logo-actions .btn{min-height:0!important;padding:4px 0!important;border:0!important;background:none!important;box-shadow:none!important;justify-content:flex-start!important;font:400 17px/1.25 var(--ios-font)!important;color:var(--ios-blue)!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ya-band-logo-actions .btn.danger{color:var(--ios-red)!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ya-band-logo-actions small{font:400 13px/1.3 var(--ios-font)!important;color:#8E8E93!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .band-genre-fields{margin:0 0 24px!important;padding:0!important;border:0!important;background:transparent!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .band-genre-fields>legend{margin:0 0 7px 16px!important;padding:0!important;font:400 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .band-genre-fields>.meta{display:block!important;margin:0 16px 8px!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .band-genre-choices{display:block!important;padding:0!important;background:#fff!important;border-radius:var(--ios-radius,22px)!important;overflow:hidden!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .band-genre-choices>label{position:relative!important;display:flex!important;flex-direction:row-reverse!important;align-items:center!important;justify-content:space-between!important;min-height:48px!important;margin:0!important;padding:8px 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font:400 17px/1.25 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .band-genre-choices>label+label{background:linear-gradient(#D1D1D6,#D1D1D6) 16px 0/100% 1px no-repeat!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .band-genre-choices input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;width:22px!important;height:22px!important;min-width:22px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .band-genre-choices input[type=checkbox]::after{content:none!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .band-genre-choices input[type=checkbox]:checked{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F5FC4' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E") center/20px no-repeat!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-sharing-links{margin:0 0 24px!important;padding:0!important;border:0!important;background:#fff!important;border-radius:var(--ios-radius,22px)!important;overflow:hidden!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-sharing-links>.field{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:4px 0 4px 16px!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-sharing-links>.field::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-sharing-links>.field>label{flex:0 0 112px!important;margin:0!important;font:400 15px/1.25 var(--ios-font)!important;color:#000!important;text-transform:none!important;letter-spacing:0!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-sharing-links>.field>input{flex:1 1 auto!important;min-width:0!important;padding:0 16px 0 0!important;min-height:44px!important;border-radius:0!important}

/* ---------- Account ---------- */
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-sheet{display:block!important;padding:10px 16px 28px!important;background:transparent!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .email-card,html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .contact-share{display:flex!important;flex-direction:column!important;margin:0 0 24px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .email-card>label,html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .contact-share>label{order:0;display:block!important;margin:0 0 7px 16px!important;font:400 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .email-row{display:flex!important;align-items:center!important;gap:8px!important;min-height:52px!important;padding:0 8px 0 16px!important;background:#fff!important;border-radius:var(--ios-radius,22px)!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .email-row input{flex:1 1 auto!important;min-width:0!important;padding:0!important;min-height:44px!important;border-radius:0!important;background:transparent!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .email-row .btn{flex:none!important;min-height:36px!important;padding:0 10px!important;border:0!important;background:none!important;box-shadow:none!important;font:400 17px/1.2 var(--ios-font)!important;color:var(--ios-blue)!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .email-check{flex:none;color:#34C759!important;font-weight:700}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .email-status:empty{display:none!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .email-status{margin:7px 16px 0!important;font:400 13px/1.35 var(--ios-font)!important;color:#6D6D72!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-grid{display:block!important;margin:0 0 24px!important;padding:0!important;background:#fff!important;border-radius:var(--ios-radius,22px)!important;overflow:hidden!important;border:0!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-grid>.field{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;width:auto!important;margin:0!important;padding:0 0 0 16px!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-grid>.field+.field::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-grid>.field>label{flex:0 0 108px!important;margin:0!important;font:400 17px/1.25 var(--ios-font)!important;color:#000!important;text-transform:none!important;letter-spacing:0!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-grid>.field>input{flex:1 1 auto!important;width:auto!important;min-width:0!important;min-height:52px!important;padding:0 16px 0 0!important;border-radius:0!important;background:transparent!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-grid>.field>input:focus{box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .contact-share>select{order:1;width:100%!important;border-radius:var(--ios-radius,22px)!important;min-height:52px!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .contact-share>.meta{order:2;margin:7px 16px 0!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .settings-password{margin:0 0 8px!important;padding:0!important;border:0!important;border-radius:var(--ios-radius,22px)!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .settings-password>.field{position:relative!important;margin:0!important;padding:8px 16px 12px!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .settings-password>.field::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .settings-password>.field>label{margin:4px 0 6px!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .settings-password .password-input-wrap>input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.hidden-username){background:var(--ios-fill)!important;border-radius:12px!important;min-height:46px!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-note{margin:0 16px 24px!important;padding:0!important;background:none!important;border:0!important;font:400 13px/1.35 var(--ios-font)!important;color:#6D6D72!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) #accountLogout{margin:0 0 24px!important;color:var(--ios-red)!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-danger{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-danger .danger-actions{display:block!important;padding:0!important;margin:0!important;background:#fff!important;border-radius:var(--ios-radius,22px)!important;overflow:hidden!important;border:0!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-danger .danger-actions>*{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-danger .danger-actions>.notice{padding:12px 16px!important;font:400 15px/1.35 var(--ios-font)!important;color:#3C3C43!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-danger .danger-actions>.btn{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:52px!important;font:400 17px/1.25 var(--ios-font)!important;color:var(--ios-red)!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-danger .danger-actions>*+*::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-danger .danger-actions>.btn:disabled{color:#C4C4C7!important;opacity:1!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-danger .danger-actions>.notice{position:relative!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .danger-note{order:9;margin:7px 16px 0!important;font:400 13px/1.35 var(--ios-font)!important;color:#6D6D72!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-danger{display:flex!important;flex-direction:column!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .account-error:empty{display:none!important}

/* ---------- Help ---------- */
html body #overlayRoot .sheet[data-ios-page="help"]:not(#_){padding-left:16px!important;padding-right:16px!important}
html body #overlayRoot .sheet[data-ios-page="help"]:not(#_)>.sheet-head{margin-left:-16px!important;margin-right:-16px!important}
html body #overlayRoot .sheet[data-ios-page="help"]:not(#_) .help-actions{display:block!important;margin:10px 0 24px!important;padding:0!important;background:#fff!important;border-radius:var(--ios-radius,22px)!important;overflow:hidden!important}
html body #overlayRoot .sheet[data-ios-page="help"]:not(#_) .help-actions>.btn{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;min-height:52px!important;margin:0!important;padding:10px 40px 10px 16px!important;border:0!important;border-radius:0!important;background:transparent url(/icons/heroicons/chevron-right.svg) right 14px center/16px no-repeat!important;box-shadow:none!important;font:400 17px/1.25 var(--ios-font)!important;color:#000!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important}
html body #overlayRoot .sheet[data-ios-page="help"]:not(#_) .help-actions>.btn::before{content:"";flex:none;width:30px;height:30px;border-radius:8px;background:#34C759 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8 5.5v13l10.5-6.5z'/%3E%3C/svg%3E") center/15px no-repeat}
html body #overlayRoot .sheet[data-ios-page="help"]:not(#_) .help-actions>#userGuide::before{background:#2F5FC4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5C10 5 7 4.5 4 5v13c3-.5 6 0 8 1.5 2-1.5 5-2 8-1.5V5c-3-.5-6 0-8 1.5zM12 6.5v13'/%3E%3C/svg%3E") center/18px no-repeat}
html body #overlayRoot .sheet[data-ios-page="help"]:not(#_) .help-actions>.btn+.btn::after{content:"";position:absolute;top:0;left:58px;right:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .sheet[data-ios-page="help"]:not(#_) .help-faq-scroll{margin:0 0 24px!important;padding:0!important;border:0!important;background:transparent!important}
html body #overlayRoot .sheet[data-ios-page="help"]:not(#_) .help-faq-scroll::before{content:"Frequently Asked Questions";display:block;margin:0 0 7px 16px;font:400 13px/1.3 var(--ios-font);color:#6D6D72;text-transform:uppercase;letter-spacing:.02em}
html body #overlayRoot .sheet[data-ios-page="help"]:not(#_) #helpFaqContent{padding:14px 16px!important;background:#fff!important;border-radius:var(--ios-radius,22px)!important;overflow:hidden!important;font:400 15px/1.4 var(--ios-font)!important;color:#3C3C43!important}
html body #overlayRoot .sheet[data-ios-page="help"]:not(#_) #helpFaqContent>p{margin:0 0 10px!important}
html body #overlayRoot .sheet[data-ios-page="help"]:not(#_) #helpFaqContent>.btn{min-height:0!important;padding:4px 0!important;border:0!important;background:none!important;box-shadow:none!important;font:400 17px/1.25 var(--ios-font)!important;color:var(--ios-blue)!important}

/* ---------- About (stays a centred card, iOS styled) ---------- */
html body #overlayRoot .sheet[data-ios-page="about"]:not(#_){border-radius:var(--ios-radius,22px)!important;padding:0 16px 18px!important;overflow:hidden!important}
html body #overlayRoot .sheet[data-ios-page="about"]:not(#_)>.sheet-head{margin:0 -16px 14px!important;border-radius:0!important}
html body #overlayRoot .sheet[data-ios-page="about"]:not(#_) .about-hero{margin:0 0 24px!important;padding:22px 16px 20px!important;border:0!important;border-radius:var(--ios-radius,22px)!important;background:#fff!important}
html body #overlayRoot .sheet[data-ios-page="about"]:not(#_) .about-name{font:700 22px/1.2 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet[data-ios-page="about"]:not(#_) .about-copyright,html body #overlayRoot .sheet[data-ios-page="about"]:not(#_) .about-version{font:400 13px/1.4 var(--ios-font)!important;color:#8E8E93!important}
html body #overlayRoot .sheet[data-ios-page="about"]:not(#_) .about-list{margin:0 0 10px!important;padding:0!important;background:#fff!important;border-radius:var(--ios-radius,22px)!important;overflow:hidden!important}
html body #overlayRoot .sheet[data-ios-page="about"]:not(#_) .about-row{position:relative!important;min-height:52px!important;padding:10px 16px!important;border:0!important;background:transparent!important;font:400 17px/1.25 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet[data-ios-page="about"]:not(#_) .about-row+.about-row::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .sheet[data-ios-page="about"]:not(#_) .about-row .chev{font-size:0!important;width:16px;height:16px;background:url(/icons/heroicons/chevron-right.svg) center/16px no-repeat;opacity:.45}
html body #overlayRoot .sheet[data-ios-page="about"]:not(#_) .about-foot{margin:0 16px!important;padding:0!important;text-align:left!important;font:400 13px/1.35 var(--ios-font)!important;color:#6D6D72!important}

/* ---------- Activity ---------- */
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_){padding-left:16px!important;padding-right:16px!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_)>.sheet-head{margin-left:-16px!important;margin-right:-16px!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) .email-profile-activity-filters{display:block!important;margin:10px 0 24px!important;padding:0!important;border:0!important;background:#fff!important;border-radius:var(--ios-radius,22px)!important;overflow:hidden!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) :is(.email-profile-activity-filters,.ya-activity-applies-export-row)>.field{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:52px!important;margin:0!important;padding:6px 16px!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) .email-profile-activity-filters>.field+.field::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) :is(.email-profile-activity-filters,.ya-activity-applies-export-row)>.field>label{flex:0 0 auto!important;margin:0!important;font:400 17px/1.25 var(--ios-font)!important;color:#000!important;text-transform:none!important;letter-spacing:0!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) .email-profile-activity-filters>.field>select{flex:0 1 auto!important;width:auto!important;max-width:64%!important;min-height:0!important;padding:0 22px 0 0!important;border-radius:0!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 18' fill='none' stroke='%238E8E93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7l3.5-3.5L9.5 7M2.5 11l3.5 3.5L9.5 11'/%3E%3C/svg%3E") right center/11px 16px no-repeat!important;color:#8E8E93!important;text-align:right!important;text-align-last:right!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) .ya-activity-applies-export-row{display:block!important;margin:0 0 24px!important;padding:0!important;border:0!important;background:transparent!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) .ya-activity-applies-export-row>.field{margin:0 0 24px!important;background:#fff!important;border-radius:var(--ios-radius,22px)!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) .applies-row{display:flex!important;align-items:center!important;gap:14px!important;margin:0!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) .applies-row>.btn{min-height:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;font:400 17px/1.25 var(--ios-font)!important;color:#8E8E93!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) #actApplies{padding-right:22px!important;background:url(/icons/heroicons/chevron-right.svg) right center/14px no-repeat!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) #actAppliesClear{color:var(--ios-blue)!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) #emailProfileExportActivity{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:52px!important;margin:0!important;padding:10px 16px!important;border:0!important;border-radius:var(--ios-radius,22px)!important;background:#fff!important;box-shadow:none!important;font:400 17px/1.25 var(--ios-font)!important;color:var(--ios-blue)!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) #emailProfileActivityList{margin:0 0 24px!important;padding:0!important;background:#fff!important;border-radius:var(--ios-radius,22px)!important;overflow:hidden!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) #emailProfileActivityList:empty{display:none!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) #emailProfileActivityList>.activity-row{position:relative!important;margin:0!important;padding:10px 16px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) #emailProfileActivityList>.activity-row+.activity-row::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) .activity-row .meta{margin:0 0 2px!important;font-size:12px!important;color:#8E8E93!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) .activity-row .desc{font:400 15px/1.35 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet[data-ios-page="activity"]:not(#_) #emailProfileActivityList>.notice{margin:0!important;padding:14px 16px!important;border:0!important;background:transparent!important;font:400 15px/1.35 var(--ios-font)!important;color:#6D6D72!important;text-align:center!important}

/* ---------- Feedback ---------- */
html body #overlayRoot .sheet[data-ios-page="feedback"]:not(#_){padding-left:16px!important;padding-right:16px!important}
html body #overlayRoot .sheet[data-ios-page="feedback"]:not(#_)>.sheet-head{margin-left:-16px!important;margin-right:-16px!important;margin-bottom:16px!important}
html body #overlayRoot .sheet[data-ios-page="feedback"]:not(#_) .field>input,html body #overlayRoot .sheet[data-ios-page="feedback"]:not(#_) .field>textarea{width:100%!important}
html body #overlayRoot .sheet[data-ios-page="feedback"]:not(#_) .field>input{border-radius:var(--ios-radius,22px)!important;min-height:52px!important}
html body #overlayRoot .sheet[data-ios-page="feedback"]:not(#_) .feedback-diagnostics{display:block!important;margin:0 0 24px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page="feedback"]:not(#_) .feedback-diagnostics>strong{display:block!important;margin:0 0 7px 16px!important;font:400 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important}
html body #overlayRoot .sheet[data-ios-page="feedback"]:not(#_) .feedback-diagnostics>div{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:44px!important;margin:0!important;padding:8px 16px!important;background:#fff!important;font:400 15px/1.3 var(--ios-font)!important;color:#8E8E93!important;text-align:right!important;overflow-wrap:anywhere}
html body #overlayRoot .sheet[data-ios-page="feedback"]:not(#_) .feedback-diagnostics>div>b{flex:none;font:400 15px/1.3 var(--ios-font)!important;color:#000!important;text-align:left!important}
html body #overlayRoot .sheet[data-ios-page="feedback"]:not(#_) .feedback-diagnostics>strong+div{border-radius:var(--ios-radius,22px) var(--ios-radius,22px) 0 0!important}
html body #overlayRoot .sheet[data-ios-page="feedback"]:not(#_) .feedback-diagnostics>div:last-child{border-radius:0 0 var(--ios-radius,22px) var(--ios-radius,22px)!important}
html body #overlayRoot .sheet[data-ios-page="feedback"]:not(#_) .feedback-diagnostics>div+div::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .sheet[data-ios-page="feedback"]:not(#_) #feedbackSend{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:52px!important;margin:0 0 12px!important;border:0!important;border-radius:var(--ios-radius,22px)!important;background:var(--ios-blue)!important;box-shadow:none!important;font:600 17px/1.25 var(--ios-font)!important;color:#fff!important}
html body #overlayRoot .sheet[data-ios-page="feedback"]:not(#_) #feedbackStatus{margin:0 16px!important;font:400 13px/1.35 var(--ios-font)!important;color:#6D6D72!important}
/* Band Details open: its back button replaces the Group Edit back button. */
html body #overlayRoot .sheet[data-ios-page]:not(#_)>.sheet-head>#groupPanelBack:not(.hidden)~#group-close{display:none!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ya-band-logo-actions{justify-items:start!important;text-align:left!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .ya-band-logo-actions .btn{width:auto!important;text-align:left!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .email-row{padding-right:6px!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .email-row .btn{margin:0!important;padding:0 10px!important}
/* Sharing Links (Gary, Oct 19): label above a full-width field so the whole link is visible while editing. */
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-sharing-links>.field{display:block!important;padding:9px 16px 8px!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-sharing-links>.field>label{display:block!important;margin:0 0 3px!important;font:400 13px/1.3 var(--ios-font)!important;color:#6D6D72!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-sharing-links>.field>input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.hidden-username){display:block!important;width:100%!important;min-height:30px!important;height:auto!important;padding:2px 0!important;border-radius:0!important;background:transparent!important;font:400 16px/1.35 var(--ios-font)!important;color:#000!important;text-overflow:ellipsis}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-sharing-links>.field>input:focus{box-shadow:none!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .group-sharing-links>.field:focus-within>label{color:var(--ios-blue)!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_) .ios-group>.field{margin:0!important}

/* ---------- Members screen in the iPhone grouped style (Gary, Oct 19) ---------- */
html body #membersView:not(#_):not(#__){background:var(--ios-fill)!important;padding:0 16px 24px!important;font-family:var(--ios-font)!important}
html body #membersView:not(#_):not(#__)>.sheet-head{background:transparent!important;border:0!important;box-shadow:none!important;padding:10px 4px 6px!important;margin:0!important}
html body #membersView:not(#_):not(#__)>.sheet-head h2{font:700 30px/1.15 var(--ios-font)!important;color:#000!important;letter-spacing:-.01em!important;margin:0!important}
/* Invite card */
html body #membersView:not(#_):not(#__) .member-invitation-invite-block{margin:8px 0 24px!important;padding:14px 16px 12px!important;border:0!important;border-radius:var(--ios-radius,22px)!important;background:#fff!important;box-shadow:none!important}
html body #membersView:not(#_):not(#__) .member-invitation-invite-block .invite-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important}
html body #membersView:not(#_):not(#__) .member-invitation-invite-block h3{margin:0!important;font:600 17px/1.25 var(--ios-font)!important;color:#000!important;text-transform:none!important;letter-spacing:0!important}
html body #membersView:not(#_):not(#__) .ya-delivery-toggle{display:inline-grid!important;grid-auto-flow:column!important;gap:2px!important;padding:2px!important;border:0!important;border-radius:9px!important;background:#E9E9EB!important;box-shadow:none!important}
html body #membersView:not(#_):not(#__) .ya-delivery-toggle>button{min-width:64px!important;min-height:28px!important;padding:0 12px!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;font:500 13px/1 var(--ios-font)!important;color:#000!important}
html body #membersView:not(#_):not(#__) .ya-delivery-toggle>button.active,html body #membersView:not(#_):not(#__) .ya-delivery-toggle>button[aria-pressed="true"]{background:#fff!important;box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)!important;font-weight:600!important}
html body #membersView:not(#_):not(#__) .invite-row,html body #membersView:not(#_):not(#__) .invite-row .field{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
html body #membersView:not(#_):not(#__) #invite-destination{width:100%!important;min-height:44px!important;padding:0 14px!important;border:0!important;border-radius:12px!important;background:var(--ios-fill)!important;box-shadow:none!important;font:400 17px/1.3 var(--ios-font)!important;color:#000!important}
html body #membersView:not(#_):not(#__) .ya-invite-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 10px!important;margin:10px 0 0!important;padding:0!important}
html body #membersView:not(#_):not(#__) .ya-invite-actions>#sendInvite,html body #membersView:not(#_):not(#__) .ya-invite-actions>.ya-share-invite{grid-column:1/-1!important;order:-1;width:100%!important;min-height:46px!important;border:0!important;border-radius:14px!important;background:var(--ios-blue)!important;color:#fff!important;box-shadow:none!important;font:600 17px/1 var(--ios-font)!important}
html body #membersView:not(#_):not(#__) .ya-invite-actions>#inviteFromGroups,html body #membersView:not(#_):not(#__) .ya-invite-actions>#createInviteLink{min-height:36px!important;padding:0 4px!important;border:0!important;background:transparent!important;box-shadow:none!important;font:400 15px/1.2 var(--ios-font)!important;color:var(--ios-blue)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #membersView:not(#_):not(#__) .ya-invite-actions>#inviteFromGroups{text-align:left!important;justify-content:flex-start!important}
html body #membersView:not(#_):not(#__) .ya-invite-actions>#createInviteLink{text-align:right!important;justify-content:flex-end!important}
html body #membersView:not(#_):not(#__) .inline-message:empty{display:none!important}
/* Add Offline Member: a row in its own card, the explanation as the footer */
html body #membersView:not(#_):not(#__) .offline-member-add{display:block!important;margin:0 0 24px!important}
html body #membersView:not(#_):not(#__) #addOfflineMember{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:52px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:var(--ios-radius,22px)!important;background:#fff!important;box-shadow:none!important;font:400 17px/1.2 var(--ios-font)!important;color:var(--ios-blue)!important;text-align:left!important}

html body #membersView:not(#_):not(#__) #addOfflineMember::before{content:"";flex:none;width:30px;height:30px;border-radius:8px;background:#8E8E93 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='8' r='3.6'/%3E%3Cpath d='M3.5 20a6.5 6.5 0 0 1 13 0M19 8v6M16 11h6'/%3E%3C/svg%3E") center/18px no-repeat}
html body #membersView:not(#_):not(#__) .offline-member-add .meta{display:block!important;margin:7px 16px 0!important;font:400 13px/1.35 var(--ios-font)!important;color:#6D6D72!important}
/* Member list as one grouped list */
html body #membersView:not(#_):not(#__) .ya-members-list-title{margin:0 0 7px 16px!important;padding:0!important;font:400 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important;border:0!important}
html body #membersView:not(#_):not(#__) .member.ya-member-row{position:relative!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
html body #membersView:not(#_):not(#__) .member.ya-member-row+.member.ya-member-row::before{content:"";position:absolute;z-index:1;top:0;left:62px;right:0;height:.5px;background:#C6C6C8}
html body #membersView:not(#_):not(#__) .ya-members-list-title+.member.ya-member-row{border-top-left-radius:var(--ios-radius,22px)!important;border-top-right-radius:var(--ios-radius,22px)!important;overflow:hidden}
html body #membersView:not(#_):not(#__) .member.ya-member-row:not(:has(+ .member.ya-member-row)){border-bottom-left-radius:var(--ios-radius,22px)!important;border-bottom-right-radius:var(--ios-radius,22px)!important;overflow:hidden;margin-bottom:24px!important}
html body #membersView:not(#_):not(#__) .ya-member-summary{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:58px!important;padding:8px 14px 8px 16px!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
html body #membersView:not(#_):not(#__) .ya-member-summary:active{background:#E5E5EA!important}
html body #membersView:not(#_):not(#__) .ya-member-circle{flex:none!important;width:34px!important;height:34px!important;min-width:34px!important;font:700 12.5px/34px var(--ios-font)!important;text-align:center!important}
html body #membersView:not(#_):not(#__) .ya-member-summary-text{display:grid!important;gap:1px!important;min-width:0!important;flex:1 1 auto!important}
html body #membersView:not(#_):not(#__) .member-name{font:400 17px/1.25 var(--ios-font)!important;color:#000!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body #membersView:not(#_):not(#__) .ya-current-member-label{font:400 15px/1 var(--ios-font)!important;color:#8E8E93!important}
html body #membersView:not(#_):not(#__) .ya-member-summary-text .meta,html body #membersView:not(#_):not(#__) .ya-member-contact-line{font:400 13px/1.3 var(--ios-font)!important;color:#8E8E93!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body #membersView:not(#_):not(#__) .ya-member-chevron{flex:none!important;width:16px!important;height:16px!important;font-size:0!important;background:url(/icons/heroicons/chevron-right.svg) center/14px no-repeat!important;opacity:.45!important;transition:transform .15s ease}
html body #membersView:not(#_):not(#__) .ya-member-summary[aria-expanded="true"] .ya-member-chevron{transform:rotate(90deg)}
/* Expanded member: rows inside the same card */
html body #membersView:not(#_):not(#__) .ya-member-groups{margin:0!important;padding:0 0 4px!important;border:0!important;background:transparent!important}
html body #membersView:not(#_):not(#__) .ya-member-group-detail{margin:0 0 0 62px!important;padding:6px 16px 8px 0!important;border:0!important;border-top:.5px solid #C6C6C8!important;background:transparent!important;box-shadow:none!important}
html body #membersView:not(#_):not(#__) .ya-member-group-label{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important;margin:4px 0 6px!important}
html body #membersView:not(#_):not(#__) .ya-member-group-label strong{font:600 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important}
html body #membersView:not(#_):not(#__) .ya-member-group-label span{font:400 13px/1.3 var(--ios-font)!important;color:#8E8E93!important}
html body #membersView:not(#_):not(#__) .ya-member-group-actions{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;padding:0!important}
html body #membersView:not(#_):not(#__) .ya-member-group-actions>*{min-height:44px!important;margin:0!important}
html body #membersView:not(#_):not(#__) .ya-member-group-actions>select{width:100%!important;height:44px!important;padding:0 26px 0 0!important;border:0!important;border-radius:0!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 18' fill='none' stroke='%238E8E93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7l3.5-3.5L9.5 7M2.5 11l3.5 3.5L9.5 11'/%3E%3C/svg%3E") right center/11px 16px no-repeat!important;box-shadow:none!important;font:400 17px/1.2 var(--ios-font)!important;color:#000!important;-webkit-appearance:none!important;appearance:none!important}
html body #membersView:not(#_):not(#__) .ya-member-group-actions>select[hidden]{display:none!important}
html body #membersView:not(#_):not(#__) .ya-member-group-actions>select:disabled{color:#000!important;opacity:1!important;background-image:none!important}
html body #membersView:not(#_):not(#__) .ya-member-group-actions>label{display:flex!important;flex-direction:row-reverse!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-top:.5px solid #E5E5EA!important;font:400 17px/1.2 var(--ios-font)!important;color:#000!important}
html body #membersView:not(#_):not(#__) .ya-member-group-actions>label input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;position:relative!important;flex:none!important;width:51px!important;height:31px!important;min-width:51px!important;margin:0!important;padding:0!important;border:0!important;border-radius:16px!important;background:#E9E9EA!important;background-image:none!important;box-shadow:none!important;transition:background .2s ease;cursor:pointer}
html body #membersView:not(#_):not(#__) .ya-member-group-actions>label input[type=checkbox]::before{content:""!important;display:block!important;position:absolute!important;top:2px!important;left:2px!important;width:27px!important;height:27px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16)!important;transition:transform .2s ease!important}
html body #membersView:not(#_):not(#__) .ya-member-group-actions>label input[type=checkbox]::after{content:none!important;display:none!important}
html body #membersView:not(#_):not(#__) .ya-member-group-actions>label input[type=checkbox]:checked{background:#34C759!important}
html body #membersView:not(#_):not(#__) .ya-member-group-actions>label input[type=checkbox]:checked::before{transform:translateX(20px)!important}
html body #membersView:not(#_):not(#__) .ya-member-group-actions>label input[type=checkbox]:disabled{opacity:.5!important}
html body #membersView:not(#_):not(#__) .ya-takeover-row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:2px 10px!important;border-top:.5px solid #E5E5EA!important;padding:4px 0!important}
html body #membersView:not(#_):not(#__) .ya-takeover-invite{min-height:36px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font:400 17px/1.2 var(--ios-font)!important;color:var(--ios-blue)!important}
html body #membersView:not(#_):not(#__) .ya-member-remove{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;min-height:44px!important;padding:0!important;border:0!important;border-top:.5px solid #E5E5EA!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ios-red)!important;font:400 17px/1.2 var(--ios-font)!important;text-align:left!important}
html body #membersView:not(#_):not(#__) .ya-member-remove::before{content:none!important;display:none!important}
html body #membersView:not(#_):not(#__) .ya-member-remove::after{content:"Remove from Band"!important;position:static!important;display:inline!important;width:auto!important;height:auto!important;background:none!important;border:0!important;transform:none!important;color:var(--ios-red)!important;font:400 17px/1.2 var(--ios-font)!important}
html body #membersView:not(#_):not(#__) .ya-member-remove img,html body #membersView:not(#_):not(#__) .ya-member-remove svg{display:none!important}
html body #membersView:not(#_):not(#__) h3:not(.ya-members-list-title):not(.invite-heading h3){margin:0 0 7px 16px!important;font:400 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important}

/* ---------- Add Offline Member / Invite to Join the App sheets ---------- */
html body #overlayRoot .sheet[data-ios-page="offline"]:not(#_){border-radius:var(--ios-radius,22px)!important;padding:0 16px 18px!important;overflow:hidden!important}
html body #overlayRoot .sheet[data-ios-page="offline"]:not(#_)>.sheet-head{margin:0 -16px 12px!important;border-radius:0!important}
html body #overlayRoot .sheet[data-ios-page="offline"]:not(#_)>p.meta{margin:0 4px 18px!important;font:400 14px/1.4 var(--ios-font)!important;color:#3C3C43!important}
html body #overlayRoot .sheet[data-ios-page="offline"]:not(#_) .field{margin:0 0 16px!important}
html body #overlayRoot .sheet[data-ios-page="offline"]:not(#_) .field>input{width:100%!important;border-radius:14px!important;min-height:48px!important}
html body #overlayRoot .sheet[data-ios-page="offline"]:not(#_) .btn.primary{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:50px!important;margin:4px 0 0!important;border:0!important;border-radius:14px!important;background:var(--ios-blue)!important;color:#fff!important;box-shadow:none!important;font:600 17px/1 var(--ios-font)!important}
html body #overlayRoot .sheet[data-ios-page="offline"]:not(#_) .error:empty,html body #overlayRoot .sheet[data-ios-page="offline"]:not(#_) #takeoverMsg:empty{display:none!important}
html body #overlayRoot .sheet[data-ios-page="offline"]:not(#_) .segmented,html body #overlayRoot .sheet[data-ios-page="offline"]:not(#_) [role="group"]{margin:0 0 14px!important}

/* ---------- Share in the iPhone grouped style (Gary, Oct 19) ---------- */
html body #overlayRoot .overlay.share-surface:not(#_){bottom:var(--ya-bottom-nav-height,70px)!important;padding:0 8px 8px!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_){background:var(--ios-fill)!important;border-radius:var(--ios-radius,22px)!important;padding:0 14px 14px!important;font-family:var(--ios-font)!important;box-shadow:0 10px 30px rgba(15,23,42,.18)!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_)>.sheet-head{display:grid!important;grid-template-columns:auto 1fr 40px!important;align-items:center!important;gap:10px!important;min-height:58px!important;margin:0 -14px 6px!important;padding:8px 14px!important;background:rgba(242,242,247,.94)!important;border:0!important;border-bottom:.5px solid rgba(60,60,67,.18)!important;box-shadow:none!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_)>.sheet-head h2{margin:0!important;font:700 22px/1.2 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-format{justify-self:center!important;display:inline-grid!important;grid-auto-flow:column!important;gap:2px!important;padding:2px!important;border:0!important;border-radius:9px!important;background:#E3E3E8!important;box-shadow:none!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-format>button{min-width:84px!important;min-height:30px!important;padding:0 12px!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;font:500 14px/1 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-format>button.active,html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-format>button[aria-pressed="true"]{background:#fff!important;box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)!important;font-weight:600!important;color:#000!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_)>.sheet-head>.close{grid-column:3!important;position:static!important;transform:none!important;width:34px!important;height:34px!important;min-width:34px!important;justify-self:end!important;border-radius:50%!important;border:0!important;background:#E3E3E8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233C3C43' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/16px no-repeat!important;box-shadow:none!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_)>.sheet-head>.close img{display:none!important}
/* Which Events / Options rows */
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-selectors{display:block!important;margin:6px 0 10px!important;padding:0!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .settings-disclosure{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:50px!important;margin:0!important;padding:0 38px 0 16px!important;border:0!important;border-radius:0!important;background:#fff url(/icons/heroicons/chevron-right.svg) right 14px center/14px no-repeat!important;box-shadow:none!important;font:400 17px/1.2 var(--ios-font)!important;color:#000!important;text-align:left!important;list-style:none!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .settings-disclosure::-webkit-details-marker{display:none}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .settings-disclosure::after,html body #overlayRoot .sheet.quick-share-sheet:not(#_) .settings-disclosure::marker{content:none!important;display:none!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-selectors>.settings-disclosure{border-radius:var(--ios-radius,22px)!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-fields{margin:0 0 10px!important;padding:0!important;border:0!important;border-radius:var(--ios-radius,22px)!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-fields[open]>summary{background-image:url(/icons/heroicons/chevron-down.svg)!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) #quickShareOptions{margin:0!important;padding:0 0 6px!important;border:0!important;background:transparent!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .share-style-list{display:block!important;margin:0 0 0 16px!important;padding:0!important;border:0!important;border-top:.5px solid #C6C6C8!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .share-style{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;min-height:46px!important;margin:0!important;padding:0 40px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font:400 17px/1.2 var(--ios-font)!important;color:#000!important;text-align:left!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .share-style+.share-style{border-top:.5px solid #E5E5EA!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .share-style::before{content:none!important;display:none!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .share-style.selected{font-weight:400!important;background:transparent!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .share-style.selected::after{content:""!important;position:absolute;right:16px;top:50%;width:18px;height:18px;margin-top:-9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F5FC4' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E") center/18px no-repeat}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .share-custom-groups{display:block!important;margin:4px 0 0 16px!important;padding:6px 0 0!important;border:0!important;border-top:.5px solid #C6C6C8!important;background:transparent!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .share-custom-groups::before{content:"Custom Details";display:block;margin:4px 0 2px;font:400 13px/1.3 var(--ios-font);color:#6D6D72;text-transform:uppercase;letter-spacing:.02em}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .share-option-group{min-height:46px!important;padding-left:0!important;background-color:transparent!important;font-size:17px!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .share-option-group+.share-option-group{border-top:.5px solid #E5E5EA!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) #shareWarnings{margin:0 16px 10px!important;font:400 13px/1.35 var(--ios-font)!important;color:#B25000!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) #shareWarnings:empty{display:none!important;margin:0!important}
/* Preview card */
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .share-preview{margin:0 0 12px!important;padding:14px 16px!important;border:0!important;border-radius:var(--ios-radius,22px)!important;background:#fff!important;box-shadow:none!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .share-preview::before{content:"Preview";display:block;margin:-2px 0 8px;font:400 13px/1.3 var(--ios-font);color:#6D6D72;text-transform:uppercase;letter-spacing:.02em}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .share-introduction{font:600 16px/1.35 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-event-date{color:var(--ios-blue)!important}
/* Send buttons */
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-delivery{gap:10px!important;margin:0!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-delivery .btn{min-height:50px!important;border-radius:14px!important;font:600 17px/1 var(--ios-font)!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-delivery .btn.primary{background:var(--ios-blue)!important;border:0!important;color:#fff!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-delivery .btn:not(.primary){background:#fff!important;border:0!important;color:var(--ios-blue)!important}
/* Share option menus (Which Events, Social Media heading and links) */
html body .anchored-choice-menu.share-options-menu:not(#_){padding:6px 0!important;border:0!important;border-radius:16px!important;box-shadow:0 18px 50px rgba(15,23,42,.24),0 0 0 .5px rgba(60,60,67,.12)!important}
html body .anchored-choice-menu.share-options-menu:not(#_) .quick-share-message-label{display:block!important;margin:4px 14px 8px!important;font:400 12px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important}
html body .anchored-choice-menu.share-options-menu:not(#_) .quick-share-message{display:block!important;width:100%!important;box-sizing:border-box!important;min-height:40px!important;margin:4px 0 0!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:var(--ios-fill)!important;box-shadow:none!important;font:400 16px/1.3 var(--ios-font)!important;color:#000!important;text-transform:none!important;letter-spacing:0!important}
html body .anchored-choice-menu.share-options-menu:not(#_) .menu-item{position:relative!important;min-height:44px!important;margin:0!important;padding:0 44px 0 16px!important;border-radius:0!important;font:400 16px/1.2 var(--ios-font)!important;color:#000!important}
html body .anchored-choice-menu.share-options-menu:not(#_) .menu-item+.menu-item{border-top:.5px solid #E5E5EA!important}
html body .anchored-choice-menu.share-options-menu:not(#_) .menu-item::before{content:none!important;display:none!important}
html body .anchored-choice-menu.share-options-menu:not(#_) .menu-item[aria-pressed="true"],html body .anchored-choice-menu.share-options-menu:not(#_) .menu-item.selected{font-weight:400!important;background:transparent!important}
html body .anchored-choice-menu.share-options-menu:not(#_) .menu-item[aria-pressed="true"]::after,html body .anchored-choice-menu.share-options-menu:not(#_) .menu-item.selected:not(.menu-apply)::after{content:""!important;position:absolute;right:16px;top:50%;width:18px;height:18px;margin-top:-9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F5FC4' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E") center/18px no-repeat}
html body .anchored-choice-menu.share-options-menu:not(#_) .menu-item.menu-apply{display:flex!important;width:calc(100% - 24px)!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;margin:8px 12px 4px!important;min-height:42px!important;padding:0!important;border:0!important;border-radius:12px!important;background:var(--ios-blue)!important;color:#fff!important;font:600 16px/1 var(--ios-font)!important}
html body .anchored-choice-menu.share-options-menu:not(#_) .menu-item.menu-apply::before,html body .anchored-choice-menu.share-options-menu:not(#_) .menu-item.menu-apply::after{content:none!important;display:none!important}

/* ---------- Save? (Gary, Oct 19): compact, green Yes and red No side by side ---------- */
html body .unsaved-backdrop .unsaved-card:has(.unsaved-actions>.save):not(#_){width:min(300px,calc(100vw - 48px))!important;padding:16px 16px 14px!important;border:0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 18px 50px rgba(15,23,42,.28)!important;text-align:center!important}
html body .unsaved-backdrop .unsaved-card:has(.unsaved-actions>.save):not(#_) h3{margin:2px 34px 4px!important;font:700 20px/1.2 var(--ios-font)!important;color:#000!important;text-align:center!important}
html body .unsaved-backdrop .unsaved-card:has(.unsaved-actions>.save):not(#_) p{margin:0 0 14px!important;font:400 14px/1.35 var(--ios-font)!important;color:#6D6D72!important;text-align:center!important}
html body .unsaved-backdrop .unsaved-card:has(.unsaved-actions>.save):not(#_) .unsaved-close{position:absolute!important;top:12px!important;right:12px!important;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#E3E3E8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233C3C43' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/14px no-repeat!important;font-size:0!important;color:transparent!important;box-shadow:none!important}
html body .unsaved-backdrop .unsaved-card:has(.unsaved-actions>.save):not(#_) .unsaved-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0!important}
html body .unsaved-backdrop .unsaved-card:has(.unsaved-actions>.save):not(#_) .unsaved-actions>button{min-height:46px!important;margin:0!important;padding:0!important;border:0!important;border-radius:14px!important;box-shadow:none!important;font:600 17px/1 var(--ios-font)!important;color:#fff!important}
html body .unsaved-backdrop .unsaved-card:has(.unsaved-actions>.save):not(#_) .unsaved-actions>.save{background:#2E9E4F!important}
html body .unsaved-backdrop .unsaved-card:has(.unsaved-actions>.save):not(#_) .unsaved-actions>.discard{background:#D9443B!important}

/* ---------- Availability Change (Gary, Oct 19 mockup) ---------- */
html body #overlayRoot .sheet.mg-av-sheet:not(#_){width:min(330px,calc(100vw - 32px))!important;padding:0 14px 14px!important;border-radius:var(--ios-radius,22px)!important;background:var(--ios-fill)!important;font-family:var(--ios-font)!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_)>.sheet-head{position:relative!important;display:block!important;margin:0 -14px 8px!important;padding:14px 50px 10px!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_)>.sheet-head h2{margin:0!important;font:700 19px/1.2 var(--ios-font)!important;color:#000!important;text-align:center!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_)>.sheet-head .close{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;transform:none!important;width:30px!important;height:30px!important;min-width:30px!important;border:0!important;border-radius:50%!important;background:#E3E3E8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233C3C43' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/14px no-repeat!important;box-shadow:none!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_)>.sheet-head .close img{display:none!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-list{display:grid!important;gap:10px!important;margin:0 0 14px!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-group{padding:10px 12px 12px!important;border-radius:18px!important;background:#fff!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-name{margin:0 0 8px!important;font:600 16px/1.25 var(--ios-font)!important;color:#000!important;text-align:center!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-choices{display:flex!important;justify-content:center!important;gap:14px!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-choice{position:relative!important;width:52px!important;height:52px!important;min-width:52px!important;margin:0!important;padding:0!important;border:0!important;border-radius:14px!important;box-shadow:none!important;opacity:.35;transition:opacity .15s ease,transform .1s ease;background-position:center!important;background-repeat:no-repeat!important;background-size:28px!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-choice:active{transform:scale(.94)}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-choice.on{opacity:1;box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(47,95,196,.35)!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-yes{background-color:#34C759!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E")!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-no{background-color:#FF3B30!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6.5 6.5l11 11M17.5 6.5l-11 11'/%3E%3C/svg%3E")!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-maybe{border-radius:50%!important;background-color:#FFD60A!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9.2a3 3 0 0 1 5.8 1c0 2-3 2.5-3 4.4'/%3E%3Ccircle cx='11.8' cy='18.2' r='.6' fill='%23111'/%3E%3C/svg%3E")!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-actions{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:end!important;gap:10px!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-all{display:grid!important;gap:4px!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-all span{font:400 12.5px/1.2 var(--ios-font)!important;color:#6D6D72!important;text-align:center!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-actions .btn{width:100%!important;min-height:46px!important;margin:0!important;border:0!important;border-radius:14px!important;box-shadow:none!important;font:600 16px/1 var(--ios-font)!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) #mgAvAll{background:#DDE6F7!important;color:var(--ios-blue)!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) #mgAvApply{background:var(--ios-blue)!important;color:#fff!important}
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-hint{min-height:16px;margin:6px 0 0;font:400 12.5px/1.3 var(--ios-font);color:#8E8E93;text-align:center}
html body .unsaved-backdrop .unsaved-card:has(.unsaved-actions>.save):not(#_) .unsaved-actions>.save+.discard:last-child{grid-column:auto!important}
html body .unsaved-backdrop .unsaved-card:has(.unsaved-actions>.save):not(#_) .unsaved-actions>button{grid-column:auto!important;width:100%!important}

/* ---------- Show / When menus (Gary, Oct 19): iPhone list style, check on the right ---------- */
html body .anchored-choice-menu:is(.show-choice-menu,.when-choice-menu):not(#_){padding:6px 0!important;border:0!important;border-radius:16px!important;box-shadow:0 18px 50px rgba(15,23,42,.24),0 0 0 .5px rgba(60,60,67,.12)!important;font-family:var(--ios-font)!important}
html body .anchored-choice-menu:is(.show-choice-menu,.when-choice-menu):not(#_) .menu-divider{min-height:0!important;margin:10px 16px 4px!important;padding:0!important;font:400 12.5px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.03em!important}
html body .anchored-choice-menu:is(.show-choice-menu,.when-choice-menu):not(#_) .menu-divider::after,html body .anchored-choice-menu:is(.show-choice-menu,.when-choice-menu):not(#_) .menu-divider::before{display:none!important}
html body .anchored-choice-menu:is(.show-choice-menu,.when-choice-menu):not(#_) .menu-divider:empty{height:.5px!important;margin:6px 0!important;background:#C6C6C8!important}
html body .anchored-choice-menu:is(.show-choice-menu,.when-choice-menu):not(#_) .menu-item{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:44px!important;margin:0!important;padding:0 44px 0 16px!important;border-radius:0!important;background:transparent!important;font:400 17px/1.2 var(--ios-font)!important;color:#000!important}
html body .anchored-choice-menu:is(.show-choice-menu,.when-choice-menu):not(#_) .menu-item:active{background:#E5E5EA!important}
html body .anchored-choice-menu:is(.show-choice-menu,.when-choice-menu):not(#_) .menu-item:not(.menu-command)::before{content:none!important;display:none!important}
html body .anchored-choice-menu:is(.show-choice-menu,.when-choice-menu):not(#_) .menu-item.selected{font-weight:600!important;background:transparent!important}
html body .anchored-choice-menu:is(.show-choice-menu,.when-choice-menu):not(#_) .menu-item.selected::after{content:""!important;position:absolute;right:16px;top:50%;width:18px;height:18px;margin-top:-9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F5FC4' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E") center/18px no-repeat}
html body .anchored-choice-menu:is(.show-choice-menu,.when-choice-menu):not(#_) .menu-item.menu-command{color:var(--ios-blue)!important}
html body .anchored-choice-menu.show-choice-menu:not(#_) .menu-item.menu-danger{color:var(--ios-red)!important}
html body .anchored-choice-menu.show-choice-menu:not(#_) .menu-item.menu-danger[data-menu-icon]::before{background-color:var(--ios-red)!important}
html body .anchored-choice-menu .menu-item.menu-command[data-menu-icon="🗑"]{--menu-icon:url(/icons/heroicons/trash.svg)}
html body .anchored-choice-menu.show-choice-menu:not(#_) .menu-summary{margin:4px 12px 6px!important}

/* ---------- Members: Invite row and Invite page (Gary, Oct 19) ---------- */
html body #membersView:not(#_):not(#__) .ya-invite-entry{margin:8px 0 24px!important}
html body #membersView:not(#_):not(#__) .ya-invite-row{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:54px!important;margin:0!important;padding:0 38px 0 16px!important;border:0!important;border-radius:var(--ios-radius,22px)!important;background:#fff url(/icons/heroicons/chevron-right.svg) right 14px center/14px no-repeat!important;box-shadow:none!important;font:400 17px/1.2 var(--ios-font)!important;color:#000!important;text-align:left!important}
html body #membersView:not(#_):not(#__) .ya-invite-row::before{content:"";flex:none;width:30px;height:30px;border-radius:8px;background:var(--ios-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='8' r='3.6'/%3E%3Cpath d='M3.5 20a6.5 6.5 0 0 1 13 0M19 8v6M16 11h6'/%3E%3C/svg%3E") center/18px no-repeat}
html body #membersView:not(#_):not(#__) .ya-invite-row:active{background-color:#E5E5EA!important}
html body #membersView:not(#_):not(#__) .ya-inv-foot{margin:7px 16px 0!important;font:400 13px/1.35 var(--ios-font)!important;color:#6D6D72!important}
html body #membersView:not(#_):not(#__) .ya-invite-page{display:none!important}
html body #membersView:not(#_):not(#__).ya-invite-open>.sheet-head,html body #membersView:not(#_):not(#__).ya-invite-open>.ya-invite-entry,html body #membersView:not(#_):not(#__).ya-invite-open>.ya-members-list-title,html body #membersView:not(#_):not(#__).ya-invite-open>.member,html body #membersView:not(#_):not(#__).ya-invite-open>h3,html body #membersView:not(#_):not(#__).ya-invite-open>.join-request,html body #membersView:not(#_):not(#__).ya-invite-open>.notice{display:none!important}
html body #membersView:not(#_):not(#__).ya-invite-open>.ya-invite-page{display:block!important}
html body #membersView:not(#_):not(#__) .ya-invite-head{position:relative!important;display:grid!important;grid-template-columns:44px 1fr 44px!important;align-items:center!important;min-height:56px!important;margin:0 -16px 10px!important;padding:6px 12px!important;border-bottom:.5px solid rgba(60,60,67,.18)!important;background:rgba(242,242,247,.94)!important}
html body #membersView:not(#_):not(#__) .ya-invite-head h2{grid-column:2!important;margin:0!important;text-align:center!important;font:600 17px/1.2 var(--ios-font)!important;color:#000!important}
html body #membersView:not(#_):not(#__) .ya-invite-back{grid-column:1!important;grid-row:1!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:50%!important;border:.5px solid rgba(60,60,67,.18)!important;background:#fff url(/icons/heroicons/chevron-left.svg) center/22px no-repeat!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important}
html body #membersView:not(#_):not(#__) .ya-inv-sec{margin:0 0 24px!important}
html body #membersView:not(#_):not(#__) .ya-inv-title{margin:0 0 7px 16px!important;padding:0!important;font:400 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important}
html body #membersView:not(#_):not(#__) .ya-inv-card{margin:0!important;padding:0!important;border-radius:var(--ios-radius,22px)!important;background:#fff!important;overflow:hidden!important}
html body #membersView:not(#_):not(#__) .ya-inv-card>.member-invitation-invite-block{margin:0!important;border-radius:0!important}
html body #membersView:not(#_):not(#__) .ya-inv-card .member-invitation-invite-block .invite-heading{justify-content:center!important}
html body #membersView:not(#_):not(#__) .ya-inv-card .member-invitation-invite-block .invite-heading h3{display:none!important}
html body #membersView:not(#_):not(#__) .ya-inv-card .ya-delivery-toggle{width:100%!important;grid-template-columns:1fr 1fr!important}
html body #membersView:not(#_):not(#__) .ya-inv-card .ya-invite-actions{display:block!important;margin:10px 0 0!important}
html body #membersView:not(#_):not(#__) .ya-inv-card .ya-invite-actions>.btn{width:100%!important}
html body #membersView:not(#_):not(#__) .ya-inv-card>#inviteFromGroups,html body #membersView:not(#_):not(#__) .ya-inv-card>#createInviteLink,html body #membersView:not(#_):not(#__) .ya-inv-card>#addOfflineMember{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:52px!important;margin:0!important;padding:0 38px 0 16px!important;border:0!important;border-radius:0!important;background:#fff url(/icons/heroicons/chevron-right.svg) right 14px center/14px no-repeat!important;box-shadow:none!important;font:400 17px/1.2 var(--ios-font)!important;color:#000!important;text-align:left!important;white-space:normal!important;overflow:visible!important}
html body #membersView:not(#_):not(#__) .ya-inv-card>#inviteFromGroups::before,html body #membersView:not(#_):not(#__) .ya-inv-card>#createInviteLink::before{content:"";flex:none;width:30px;height:30px;border-radius:8px;background:#5856D6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 20v-1.5a3.5 3.5 0 0 0-3.5-3.5h-5A3.5 3.5 0 0 0 4 18.5V20'/%3E%3Ccircle cx='10' cy='8' r='3.5'/%3E%3Cpath d='M20 20v-1.5a3.5 3.5 0 0 0-2.5-3.3M15.5 4.6a3.5 3.5 0 0 1 0 6.8'/%3E%3C/svg%3E") center/18px no-repeat}
html body #membersView:not(#_):not(#__) .ya-inv-card>#createInviteLink::before{background:#34C759 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4.5 4.5 0 0 0 6.4 0l3-3a4.5 4.5 0 0 0-6.4-6.4l-1 1M14 10a4.5 4.5 0 0 0-6.4 0l-3 3a4.5 4.5 0 0 0 6.4 6.4l1-1'/%3E%3C/svg%3E") center/17px no-repeat}
html body #membersView:not(#_):not(#__) .ya-inv-card>#addOfflineMember{color:#000!important}
html body #membersView:not(#_):not(#__).ya-invite-text-mode .ya-inv-card>#createInviteLink,html body #membersView:not(#_):not(#__).ya-email .ya-inv-card>#createInviteLink{display:flex!important}
html body #membersView:not(#_):not(#__) .ya-delivery-toggle{background:#E9E9EB!important;border:0!important}
html body #membersView:not(#_):not(#__) .ya-delivery-toggle>button:not(.active){background:transparent!important;box-shadow:none!important;font-weight:500!important;color:#000!important;border:0!important}
html body #membersView:not(#_):not(#__) .ya-delivery-toggle>button.active{background:#fff!important;box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)!important;font-weight:600!important;color:#000!important}
html body #membersView:not(#_):not(#__) .ya-delivery-toggle>button::before,html body #membersView:not(#_):not(#__) .ya-delivery-toggle>button::after{content:none!important;display:none!important}
html body #membersView:not(#_):not(#__) .ya-inv-card .invite-row,html body #membersView:not(#_):not(#__) .ya-inv-card .invite-row .field{display:block!important;width:100%!important}
html body #membersView:not(#_):not(#__) .ya-inv-card #invite-destination{width:100%!important;box-sizing:border-box!important}
html body #membersView.ya-invite-text-mode:not(#_):not(#__) .ya-inv-card .invite-row{display:none!important}

/* Share, Oct 19 (Gary): Schedule | Calendar switch fully visible; Which Events and Options in one card with icon tiles. */
html body #overlayRoot .sheet.quick-share-sheet:not(#_)>.sheet-head{grid-template-columns:auto minmax(0,1fr) 34px!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-format{display:grid!important;grid-template-columns:1fr 1fr!important;width:min(196px,100%)!important;box-sizing:border-box!important;overflow:hidden!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-format>button{min-width:0!important;width:100%!important;box-sizing:border-box!important;padding:0 8px!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-selectors{margin:6px 0 0!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-selectors>.settings-disclosure{position:relative!important;gap:12px!important;justify-content:flex-start!important;border-radius:var(--ios-radius,22px) var(--ios-radius,22px) 0 0!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-fields{margin:0 0 12px!important;border-radius:0 0 var(--ios-radius,22px) var(--ios-radius,22px)!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-fields>summary.settings-disclosure{position:relative!important;gap:12px!important;justify-content:flex-start!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-fields>summary.settings-disclosure::after{content:""!important;display:block!important;position:absolute!important;top:0!important;left:58px!important;right:0!important;height:.5px!important;width:auto!important;margin:0!important;border:0!important;transform:none!important;background:#C6C6C8!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-selectors>.settings-disclosure::before,html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-fields>summary.settings-disclosure::before{content:""!important;display:block!important;flex:none;width:30px;height:30px;border-radius:8px;background:#2F5FC4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center/18px no-repeat}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-fields>summary.settings-disclosure::before{background:#FF9500 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h10M18 7h2M4 17h4M12 17h8'/%3E%3Ccircle cx='16' cy='7' r='2'/%3E%3Ccircle cx='10' cy='17' r='2'/%3E%3C/svg%3E") center/18px no-repeat}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .share-style-list{margin-left:58px!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .share-custom-groups{margin-left:58px!important}

/* One standard two-way switch (Gary, Oct 19): Email | Text, Schedule | Calendar. Gray track, white selected pill,
   both halves equal and fully inside the track. */
html body :is(#membersView,#overlayRoot) .ya-delivery-toggle:not(#_):not(#__){display:grid!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;grid-template-columns:none!important;gap:0!important;box-sizing:border-box!important;min-height:36px!important;padding:3px!important;border:0!important;border-radius:10px!important;background:#E9E9EB!important;box-shadow:none!important;overflow:visible!important}
html body :is(#membersView,#overlayRoot) .ya-delivery-toggle:not(#_):not(#__)>button{box-sizing:border-box!important;min-width:0!important;width:100%!important;min-height:30px!important;height:30px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;font:500 14px/30px var(--ios-font)!important;color:#000!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body :is(#membersView,#overlayRoot) .ya-delivery-toggle:not(#_):not(#__)>button.active{background:#fff!important;box-shadow:0 2px 6px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04)!important;font-weight:600!important}
html body :is(#membersView,#overlayRoot) .ya-delivery-toggle:not(#_):not(#__)>button::before,html body :is(#membersView,#overlayRoot) .ya-delivery-toggle:not(#_):not(#__)>button::after{content:none!important;display:none!important}
html body #membersView:not(#_):not(#__) .ya-inv-card .ya-delivery-toggle{width:100%!important}
html body #overlayRoot .sheet.quick-share-sheet:not(#_) .quick-share-format.ya-delivery-toggle{width:min(200px,100%)!important}
/* Share Options menus (Event Info, Booking Info, Additional Info, Social Media) (Gary, Oct 19): the base .menu-item is a
   grid with an icon column first; these menus hide the icon, so on iPhone the label landed in that narrow column and
   showed as "W…". One plain row: the full label, wrapping if it must, check on the right. */
html body .anchored-choice-menu.share-options-menu:not(#_):not(#__) .menu-item:not(.menu-apply){display:flex!important;align-items:center!important;grid-template-columns:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;padding:10px 44px 10px 16px!important;line-height:1.25!important;text-align:left!important}
/* Missing links note (Gary, Oct 19): shown only while Options is open, right under Social Media; never on the main Share view. */
html body #overlayRoot .sheet.quick-share-sheet:not(:has(#quickShareFields[open])):not(#_) #shareWarnings{display:none!important}

/* Request to Join (Gary, Oct 19): grouped rows like Account. */
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .join-band-body{display:block!important;padding:10px 16px 28px!important}
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .ios-section{margin:0 0 22px!important}
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .ios-section-footer{margin:7px 16px 0!important;font:400 13px/1.35 var(--ios-font)!important;color:#6D6D72!important}
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .join-name-grid{display:block!important;margin:0!important;padding:0!important;background:#fff!important;border-radius:var(--ios-radius,22px)!important;overflow:hidden!important}
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .join-name-grid>.field{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:0 0 0 16px!important}
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .join-name-grid>.field+.field::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .join-name-grid>.field>label{flex:0 0 96px!important;margin:0!important;font:400 17px/1.25 var(--ios-font)!important;color:#000!important;text-transform:none!important;letter-spacing:0!important}
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .join-name-grid>.field>input{flex:1 1 auto!important;width:auto!important;min-width:0!important;min-height:52px!important;padding:0 16px 0 0!important;border-radius:0!important;background:transparent!important;font:400 17px/1.25 var(--ios-font)!important}
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .join-as{margin:0 16px 18px!important;font:400 15px/1.35 var(--ios-font)!important;color:#3C3C43!important}
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .join-as b{font-weight:600!important;color:#000!important}
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .join-find{display:block!important;width:100%!important;min-height:50px!important;margin:0 0 18px!important;border-radius:14px!important;font:600 17px/1.2 var(--ios-font)!important}
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .join-find[hidden]{display:none!important}
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .join-band-row{display:flex!important;align-items:center!important;gap:12px!important;min-height:52px!important;padding:0 16px!important;font:400 17px/1.25 var(--ios-font)!important;color:#000!important;cursor:pointer}
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .join-band-row input{flex:none!important;width:22px!important;height:22px!important;margin:0!important;accent-color:var(--ios-blue,#007AFF)}
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .error:empty{display:none!important}
html body #overlayRoot .sheet:is([data-ios-page="join"],[data-ios-page="aboutyou"]):not(#_) .error{margin:0 16px!important;font:400 15px/1.35 var(--ios-font)!important;color:#D70015!important}
#overlayRoot .setup-verify-note{margin:-4px 0 12px!important;color:#9a5b00!important}
html body #overlayRoot .sheet[data-ios-page="aboutyou"]:not(#_) .about-you-body{display:block!important;padding:4px 16px 28px!important}
html body #overlayRoot .sheet[data-ios-page="aboutyou"]:not(#_) .about-you-intro{margin:0 16px 18px!important;font:400 15px/1.35 var(--ios-font)!important;color:#3C3C43!important}
html body #overlayRoot .sheet[data-ios-page="aboutyou"]:not(#_) .join-name-grid>.field>select{flex:1 1 auto!important;width:auto!important;min-width:0!important;min-height:52px!important;border-radius:0!important;background-color:transparent!important;font:400 17px/1.25 var(--ios-font)!important}
html body #overlayRoot .sheet[data-ios-page="aboutyou"]:not(#_) .about-status:empty{display:none!important}
html body #overlayRoot .sheet[data-ios-page="aboutyou"]:not(#_) .about-status{margin:-8px 16px 10px!important;text-align:center!important}
#overlayRoot .setup-later-note{margin:10px 0 0!important;text-align:center!important}
/* Gary (Oct 19): View Only…, Manage Views… and New Saved View read as ordinary black menu rows, icons included. */
html body .anchored-choice-menu:is(.show-choice-menu,.when-choice-menu):not(#_):not(#__) .menu-item.menu-command:not([data-menu-icon="🗑"]){color:#000!important}
html body .anchored-choice-menu:is(.show-choice-menu,.when-choice-menu):not(#_):not(#__) .menu-item.menu-command[data-menu-icon]:not([data-menu-icon="🗑"])::before{background-color:#1C1C1E!important}

/* Group screen (Gary, Oct 20): bands, Song Library and Add / Join as icon rows; details on the same line. */
html body #overlayRoot .ya-group-home{display:flex!important;flex-direction:column!important;gap:22px!important}
html body #overlayRoot .ya-group-home .ya-card:not(#_){display:block!important;order:0!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;border-radius:22px!important;overflow:hidden!important}
html body #overlayRoot .ya-group-home .ya-row:not(#_){position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;min-height:52px!important;margin:0!important;padding:8px 14px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;font:400 17px var(--ios-font)!important;color:#000!important;text-align:left!important}
html body #overlayRoot .ya-group-home .ya-row+.ya-row::before{content:""!important;position:absolute!important;top:0!important;left:57px!important;right:0!important;height:.5px!important;background:#C6C6C8!important;display:block!important}
html body #overlayRoot .ya-group-home .ya-row:active{background:#E5E5EA!important}
html body #overlayRoot .ya-row-tile{flex:none;width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:#2F6FEB}
html body #overlayRoot .ya-row-tile[data-tone="pink"]{background:#F0325A}
html body #overlayRoot .ya-row-tile[data-tone="orange"]{background:#F08A00}
html body #overlayRoot .ya-group-home .ya-row .group-choice-name:not(#_){flex:1 1 auto;min-width:0;font:400 17px/1.25 var(--ios-font)!important;color:#000!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body #overlayRoot .ya-group-home .ya-row .ya-row-link:not(#_){color:#2F6FEB!important}
html body #overlayRoot .ya-group-home .ya-row-value:not(#_){flex:none;max-width:45%;font:400 15px var(--ios-font)!important;color:#8A8A8E!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body #overlayRoot .ya-group-home .ya-row .group-detail-toggle{flex:none;display:grid;place-items:center;color:#C4C4C7;opacity:.55}
html body #overlayRoot .ya-group-home .ya-row .group-detail-toggle img,html body #overlayRoot .ya-group-home .ya-row .group-detail-toggle svg{width:14px;height:14px}
html body #overlayRoot .ya-group-home #group-add-join::before{content:none!important;display:none!important}
html body #overlayRoot .ya-group-home:not(#_){gap:0!important}
html body #overlayRoot .ya-group-home>.ya-card:not(#_):not(#__){margin:0 0 22px!important}
html body #overlayRoot .ya-group-home .ya-row.group-choice:not(#_):not(#__){padding:8px 14px!important;gap:12px!important}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-group-home #group-add-join.ya-row{padding:8px 14px!important;gap:12px!important}

/* The Members pop-up (after creating a band) uses the same Members / Invite layout as the Members screen (Gary, Oct 20). */
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__){background:var(--ios-fill)!important;padding:0 16px 24px!important;font-family:var(--ios-font)!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__)>.sheet-head{background:transparent!important;border:0!important;box-shadow:none!important;padding:10px 4px 6px!important;margin:0!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__)>.sheet-head h2{font:700 30px/1.15 var(--ios-font)!important;color:#000!important;letter-spacing:-.01em!important;margin:0!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .member-invitation-invite-block{margin:8px 0 24px!important;padding:14px 16px 12px!important;border:0!important;border-radius:var(--ios-radius,22px)!important;background:#fff!important;box-shadow:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .member-invitation-invite-block .invite-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .member-invitation-invite-block h3{margin:0!important;font:600 17px/1.25 var(--ios-font)!important;color:#000!important;text-transform:none!important;letter-spacing:0!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-delivery-toggle{display:inline-grid!important;grid-auto-flow:column!important;gap:2px!important;padding:2px!important;border:0!important;border-radius:9px!important;background:#E9E9EB!important;box-shadow:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-delivery-toggle>button{min-width:64px!important;min-height:28px!important;padding:0 12px!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;font:500 13px/1 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-delivery-toggle>button.active,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-delivery-toggle>button[aria-pressed="true"]{background:#fff!important;box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)!important;font-weight:600!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .invite-row,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .invite-row .field{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) #invite-destination{width:100%!important;min-height:44px!important;padding:0 14px!important;border:0!important;border-radius:12px!important;background:var(--ios-fill)!important;box-shadow:none!important;font:400 17px/1.3 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-invite-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 10px!important;margin:10px 0 0!important;padding:0!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-invite-actions>#sendInvite,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-invite-actions>.ya-share-invite{grid-column:1/-1!important;order:-1;width:100%!important;min-height:46px!important;border:0!important;border-radius:14px!important;background:var(--ios-blue)!important;color:#fff!important;box-shadow:none!important;font:600 17px/1 var(--ios-font)!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-invite-actions>#inviteFromGroups,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-invite-actions>#createInviteLink{min-height:36px!important;padding:0 4px!important;border:0!important;background:transparent!important;box-shadow:none!important;font:400 15px/1.2 var(--ios-font)!important;color:var(--ios-blue)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-invite-actions>#inviteFromGroups{text-align:left!important;justify-content:flex-start!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-invite-actions>#createInviteLink{text-align:right!important;justify-content:flex-end!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .inline-message:empty{display:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .offline-member-add{display:block!important;margin:0 0 24px!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) #addOfflineMember{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:52px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:var(--ios-radius,22px)!important;background:#fff!important;box-shadow:none!important;font:400 17px/1.2 var(--ios-font)!important;color:var(--ios-blue)!important;text-align:left!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) #addOfflineMember::before{content:"";flex:none;width:30px;height:30px;border-radius:8px;background:#8E8E93 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='8' r='3.6'/%3E%3Cpath d='M3.5 20a6.5 6.5 0 0 1 13 0M19 8v6M16 11h6'/%3E%3C/svg%3E") center/18px no-repeat}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .offline-member-add .meta{display:block!important;margin:7px 16px 0!important;font:400 13px/1.35 var(--ios-font)!important;color:#6D6D72!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-members-list-title{margin:0 0 7px 16px!important;padding:0!important;font:400 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important;border:0!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .member.ya-member-row{position:relative!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .member.ya-member-row+.member.ya-member-row::before{content:"";position:absolute;z-index:1;top:0;left:62px;right:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-members-list-title+.member.ya-member-row{border-top-left-radius:var(--ios-radius,22px)!important;border-top-right-radius:var(--ios-radius,22px)!important;overflow:hidden}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .member.ya-member-row:not(:has(+ .member.ya-member-row)){border-bottom-left-radius:var(--ios-radius,22px)!important;border-bottom-right-radius:var(--ios-radius,22px)!important;overflow:hidden;margin-bottom:24px!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-summary{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:58px!important;padding:8px 14px 8px 16px!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-summary:active{background:#E5E5EA!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-circle{flex:none!important;width:34px!important;height:34px!important;min-width:34px!important;font:700 12.5px/34px var(--ios-font)!important;text-align:center!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-summary-text{display:grid!important;gap:1px!important;min-width:0!important;flex:1 1 auto!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .member-name{font:400 17px/1.25 var(--ios-font)!important;color:#000!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-current-member-label{font:400 15px/1 var(--ios-font)!important;color:#8E8E93!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-summary-text .meta,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-contact-line{font:400 13px/1.3 var(--ios-font)!important;color:#8E8E93!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-chevron{flex:none!important;width:16px!important;height:16px!important;font-size:0!important;background:url(/icons/heroicons/chevron-right.svg) center/14px no-repeat!important;opacity:.45!important;transition:transform .15s ease}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-summary[aria-expanded="true"] .ya-member-chevron{transform:rotate(90deg)}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-groups{margin:0!important;padding:0 0 4px!important;border:0!important;background:transparent!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-detail{margin:0 0 0 62px!important;padding:6px 16px 8px 0!important;border:0!important;border-top:.5px solid #C6C6C8!important;background:transparent!important;box-shadow:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-label{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important;margin:4px 0 6px!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-label strong{font:600 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-label span{font:400 13px/1.3 var(--ios-font)!important;color:#8E8E93!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-actions{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;padding:0!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-actions>*{min-height:44px!important;margin:0!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-actions>select{width:100%!important;height:44px!important;padding:0 26px 0 0!important;border:0!important;border-radius:0!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 18' fill='none' stroke='%238E8E93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7l3.5-3.5L9.5 7M2.5 11l3.5 3.5L9.5 11'/%3E%3C/svg%3E") right center/11px 16px no-repeat!important;box-shadow:none!important;font:400 17px/1.2 var(--ios-font)!important;color:#000!important;-webkit-appearance:none!important;appearance:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-actions>select[hidden]{display:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-actions>select:disabled{color:#000!important;opacity:1!important;background-image:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-actions>label{display:flex!important;flex-direction:row-reverse!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-top:.5px solid #E5E5EA!important;font:400 17px/1.2 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-actions>label input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;position:relative!important;flex:none!important;width:51px!important;height:31px!important;min-width:51px!important;margin:0!important;padding:0!important;border:0!important;border-radius:16px!important;background:#E9E9EA!important;background-image:none!important;box-shadow:none!important;transition:background .2s ease;cursor:pointer}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-actions>label input[type=checkbox]::before{content:""!important;display:block!important;position:absolute!important;top:2px!important;left:2px!important;width:27px!important;height:27px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16)!important;transition:transform .2s ease!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-actions>label input[type=checkbox]::after{content:none!important;display:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-actions>label input[type=checkbox]:checked{background:#34C759!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-actions>label input[type=checkbox]:checked::before{transform:translateX(20px)!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-actions>label input[type=checkbox]:disabled{opacity:.5!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-takeover-row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:2px 10px!important;border-top:.5px solid #E5E5EA!important;padding:4px 0!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-takeover-invite{min-height:36px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font:400 17px/1.2 var(--ios-font)!important;color:var(--ios-blue)!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-remove{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;min-height:44px!important;padding:0!important;border:0!important;border-top:.5px solid #E5E5EA!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ios-red)!important;font:400 17px/1.2 var(--ios-font)!important;text-align:left!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-remove::before{content:none!important;display:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-remove::after{content:"Remove from Band"!important;position:static!important;display:inline!important;width:auto!important;height:auto!important;background:none!important;border:0!important;transform:none!important;color:var(--ios-red)!important;font:400 17px/1.2 var(--ios-font)!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-remove img,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-remove svg{display:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) h3:not(.ya-members-list-title):not(.invite-heading h3){margin:0 0 7px 16px!important;font:400 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-invite-entry{margin:8px 0 24px!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-invite-row{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:54px!important;margin:0!important;padding:0 38px 0 16px!important;border:0!important;border-radius:var(--ios-radius,22px)!important;background:#fff url(/icons/heroicons/chevron-right.svg) right 14px center/14px no-repeat!important;box-shadow:none!important;font:400 17px/1.2 var(--ios-font)!important;color:#000!important;text-align:left!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-invite-row::before{content:"";flex:none;width:30px;height:30px;border-radius:8px;background:var(--ios-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10' cy='8' r='3.6'/%3E%3Cpath d='M3.5 20a6.5 6.5 0 0 1 13 0M19 8v6M16 11h6'/%3E%3C/svg%3E") center/18px no-repeat}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-invite-row:active{background-color:#E5E5EA!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-foot{margin:7px 16px 0!important;font:400 13px/1.35 var(--ios-font)!important;color:#6D6D72!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-invite-page{display:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__).ya-invite-open>.sheet-head,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__).ya-invite-open>.ya-invite-entry,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__).ya-invite-open>.ya-members-list-title,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__).ya-invite-open>.member,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__).ya-invite-open>h3,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__).ya-invite-open>.join-request,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__).ya-invite-open>.notice{display:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__).ya-invite-open>.ya-invite-page{display:block!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-invite-head{position:relative!important;display:grid!important;grid-template-columns:44px 1fr 44px!important;align-items:center!important;min-height:56px!important;margin:0 -16px 10px!important;padding:6px 12px!important;border-bottom:.5px solid rgba(60,60,67,.18)!important;background:rgba(242,242,247,.94)!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-invite-head h2{grid-column:2!important;margin:0!important;text-align:center!important;font:600 17px/1.2 var(--ios-font)!important;color:#000!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-invite-back{grid-column:1!important;grid-row:1!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:50%!important;border:.5px solid rgba(60,60,67,.18)!important;background:#fff url(/icons/heroicons/chevron-left.svg) center/22px no-repeat!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-sec{margin:0 0 24px!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-title{margin:0 0 7px 16px!important;padding:0!important;font:400 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:.02em!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card{margin:0!important;padding:0!important;border-radius:var(--ios-radius,22px)!important;background:#fff!important;overflow:hidden!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card>.member-invitation-invite-block{margin:0!important;border-radius:0!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card .member-invitation-invite-block .invite-heading{justify-content:center!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card .member-invitation-invite-block .invite-heading h3{display:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card .ya-delivery-toggle{width:100%!important;grid-template-columns:1fr 1fr!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card .ya-invite-actions{display:block!important;margin:10px 0 0!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card .ya-invite-actions>.btn{width:100%!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card>#inviteFromGroups,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card>#createInviteLink,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card>#addOfflineMember{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:52px!important;margin:0!important;padding:0 38px 0 16px!important;border:0!important;border-radius:0!important;background:#fff url(/icons/heroicons/chevron-right.svg) right 14px center/14px no-repeat!important;box-shadow:none!important;font:400 17px/1.2 var(--ios-font)!important;color:#000!important;text-align:left!important;white-space:normal!important;overflow:visible!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card>#inviteFromGroups::before,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card>#createInviteLink::before{content:"";flex:none;width:30px;height:30px;border-radius:8px;background:#5856D6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 20v-1.5a3.5 3.5 0 0 0-3.5-3.5h-5A3.5 3.5 0 0 0 4 18.5V20'/%3E%3Ccircle cx='10' cy='8' r='3.5'/%3E%3Cpath d='M20 20v-1.5a3.5 3.5 0 0 0-2.5-3.3M15.5 4.6a3.5 3.5 0 0 1 0 6.8'/%3E%3C/svg%3E") center/18px no-repeat}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card>#createInviteLink::before{background:#34C759 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4.5 4.5 0 0 0 6.4 0l3-3a4.5 4.5 0 0 0-6.4-6.4l-1 1M14 10a4.5 4.5 0 0 0-6.4 0l-3 3a4.5 4.5 0 0 0 6.4 6.4l1-1'/%3E%3C/svg%3E") center/17px no-repeat}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card>#addOfflineMember{color:#000!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__).ya-invite-text-mode .ya-inv-card>#createInviteLink,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__).ya-email .ya-inv-card>#createInviteLink{display:flex!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-delivery-toggle{background:#E9E9EB!important;border:0!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-delivery-toggle>button:not(.active){background:transparent!important;box-shadow:none!important;font-weight:500!important;color:#000!important;border:0!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-delivery-toggle>button.active{background:#fff!important;box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)!important;font-weight:600!important;color:#000!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-delivery-toggle>button::before,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-delivery-toggle>button::after{content:none!important;display:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card .invite-row,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card .invite-row .field{display:block!important;width:100%!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card #invite-destination{width:100%!important;box-sizing:border-box!important}
html body #overlayRoot .sheet.members-sheet.ya-invite-text-mode:not(#_):not(#__) .ya-inv-card .invite-row{display:none!important}
html body :is(#overlayRoot .sheet.members-sheet,#overlayRoot) .ya-delivery-toggle:not(#_):not(#__){display:grid!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;grid-template-columns:none!important;gap:0!important;box-sizing:border-box!important;min-height:36px!important;padding:3px!important;border:0!important;border-radius:10px!important;background:#E9E9EB!important;box-shadow:none!important;overflow:visible!important}
html body :is(#overlayRoot .sheet.members-sheet,#overlayRoot) .ya-delivery-toggle:not(#_):not(#__)>button{box-sizing:border-box!important;min-width:0!important;width:100%!important;min-height:30px!important;height:30px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;font:500 14px/30px var(--ios-font)!important;color:#000!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body :is(#overlayRoot .sheet.members-sheet,#overlayRoot) .ya-delivery-toggle:not(#_):not(#__)>button.active{background:#fff!important;box-shadow:0 2px 6px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04)!important;font-weight:600!important}
html body :is(#overlayRoot .sheet.members-sheet,#overlayRoot) .ya-delivery-toggle:not(#_):not(#__)>button::before,html body :is(#overlayRoot .sheet.members-sheet,#overlayRoot) .ya-delivery-toggle:not(#_):not(#__)>button::after{content:none!important;display:none!important}
html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-inv-card .ya-delivery-toggle{width:100%!important}
/* Invite from Your Other Bands (Gary, Oct 20). */
html body #overlayRoot .sheet.ya-other-bands-sheet:not(#_){background:#F2F2F7!important}
html body #overlayRoot .ya-other-bands{display:flex;flex-direction:column;gap:10px;padding:0 0 8px}
html body #overlayRoot .ya-ob-note{margin:0 4px;font:400 14px/1.4 var(--ios-font);color:#6D6D72}
html body #overlayRoot .ya-ob-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
html body #overlayRoot .ya-ob-search input:not(#_){width:100%;box-sizing:border-box;height:44px;margin:0;padding:0 14px;border:0!important;border-radius:12px!important;background:#E3E3E8!important;box-shadow:none!important;font:400 17px var(--ios-font)!important;color:#000}
html body #overlayRoot .ya-ob-notice{margin:0 4px;padding:10px 12px;border-radius:12px;background:#FFF4E5;color:#7A4A00;font:400 15px/1.35 var(--ios-font)}
html body #overlayRoot .ya-ob-list{background:#fff;border-radius:16px;overflow:hidden}
html body #overlayRoot .ya-ob-list:not(:has(.ya-ob-row:not([hidden]))){display:none}
html body #overlayRoot .ya-ob-row:not(#_){position:relative;display:flex;align-items:center;gap:12px;min-height:56px;margin:0;padding:8px 16px;background:#fff;cursor:pointer}
html body #overlayRoot .ya-ob-row+.ya-ob-row::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .ya-ob-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
html body #overlayRoot .ya-ob-name{font:400 17px/1.25 var(--ios-font);color:#000}
html body #overlayRoot .ya-ob-sub{font:400 14px/1.25 var(--ios-font);color:#8A8A8E;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #overlayRoot .ya-ob-row input{flex:none;width:24px;height:24px;margin:0;accent-color:#2F6FEB}
html body #overlayRoot .ya-ob-row.is-pending .ya-ob-name{color:#8A8A8E}
html body #overlayRoot .ya-ob-empty{margin:0 4px;font:400 15px/1.4 var(--ios-font);color:#6D6D72}
html body #overlayRoot #managedInvitesSend:not(#_){width:100%;height:50px;min-height:50px;margin:4px 0 0;border-radius:14px;font:600 17px var(--ios-font)}
html body #overlayRoot #managedInvitesSend:disabled{opacity:.45}
html body #overlayRoot .ya-ob-result{margin:0 4px;font:400 15px var(--ios-font);color:#1B7F3B}
html body #overlayRoot .ya-ob-result:empty{display:none}
/* Joined a band (Gary, Oct 20). */
html body #overlayRoot .sheet.ya-joined-sheet:not(#_){background:#F2F2F7!important}
html body #overlayRoot .ya-joined:not(#_){gap:10px!important}
html body #overlayRoot .ya-joined>.ya-card:not(#_):not(#__){margin:0!important}
html body #overlayRoot .ya-joined-note{margin:0 4px;font:400 15px/1.4 var(--ios-font);color:#6D6D72}
html body #overlayRoot .ya-joined .ya-row-two{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
html body #overlayRoot .ya-joined .ya-row-two .group-choice-name{flex:none}
html body #overlayRoot .ya-joined .ya-row-sub{font:400 14px/1.25 var(--ios-font);color:#8A8A8E}
html body #overlayRoot .ya-joined #invitedDemoError:empty{display:none}
/* Show menu (Gary, Oct 20 mockup). */
html body .anchored-choice-menu.show-choice-menu:not(#_) .show-views{display:flex;flex-direction:column;gap:6px;padding:4px 8px}
html body .anchored-choice-menu.show-choice-menu:not(#_) .show-view-row{display:flex;align-items:center;gap:6px}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__) .menu-item.show-view{flex:1 1 auto;display:flex!important;align-items:center;gap:10px;min-height:44px;margin:0;padding:0 12px!important;border:1px solid #E5E5EA!important;border-radius:12px!important;background:#fff!important;font:400 17px var(--ios-font)!important;color:#000!important;text-align:left}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__) .menu-item.show-view::before{display:none!important}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__) .menu-item.show-view.selected{border-color:#2F6FEB!important;background:#EEF4FF!important}
html body .anchored-choice-menu.show-choice-menu .show-binoc{flex:none;color:#1C1C1E}
html body .anchored-choice-menu.show-choice-menu .show-view>span{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body .anchored-choice-menu.show-choice-menu:not(#_) .show-plus{flex:none;width:40px;height:44px;margin:0;padding:0;border:0;background:transparent;font:400 26px/1 var(--ios-font);color:#000;display:grid;place-items:center}
html body .anchored-choice-menu.show-choice-menu .show-panel{display:flex;flex-direction:column;gap:6px;margin:0 46px 6px 18px;padding:8px;border-radius:12px;background:#F2F2F7}
html body .anchored-choice-menu.show-choice-menu:not(#_) .show-opt{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;margin:0;padding:0 10px;border:1px solid #E5E5EA;border-radius:10px;background:#fff;font:400 15px var(--ios-font);color:#000;text-align:left;box-sizing:border-box}
html body .anchored-choice-menu.show-choice-menu .show-opt-label{flex:1 1 auto}
html body .anchored-choice-menu.show-choice-menu .show-opt-value{flex:0 1 auto;min-width:0;max-width:55%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#6D6D72;font:400 15px var(--ios-font)}
html body .anchored-choice-menu.show-choice-menu .show-chev{flex:none;color:#3C3C43;font:400 20px/1 var(--ios-font)}
html body .anchored-choice-menu.show-choice-menu .show-stepper{display:flex;align-items:center;gap:10px}
html body .anchored-choice-menu.show-choice-menu .show-stepper b{min-width:28px;text-align:center;font:600 15px var(--ios-font)}
html body .anchored-choice-menu.show-choice-menu:not(#_) .show-step{width:30px;height:30px;margin:0;padding:0;border:0;border-radius:15px;background:#E9E9EE;font:500 18px/1 var(--ios-font);color:#000;display:grid;place-items:center}
html body .anchored-choice-menu.show-choice-menu .show-member-list{display:flex;flex-wrap:wrap;gap:6px;padding:2px 2px 4px}
html body .anchored-choice-menu.show-choice-menu:not(#_) .show-member{margin:0;padding:6px 12px;border:1px solid #D1D1D6;border-radius:16px;background:#fff;font:400 14px var(--ios-font);color:#000}
html body .anchored-choice-menu.show-choice-menu:not(#_) .show-member.on{border-color:#2F6FEB;background:#2F6FEB;color:#fff}
html body .anchored-choice-menu.show-choice-menu .show-apply{display:grid;grid-template-columns:1fr;gap:8px;margin-top:2px}
html body .anchored-choice-menu.show-choice-menu .show-apply.two{grid-template-columns:1fr 1fr}
html body .anchored-choice-menu.show-choice-menu:not(#_) .show-apply .btn{min-height:36px;height:36px;margin:0;padding:0 8px;border-radius:10px;font:600 13px var(--ios-font);white-space:nowrap}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__) .menu-item.show-cmd,html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__) .menu-item.show-saved{display:flex!important;align-items:center;gap:10px;min-height:44px;margin:0 8px 6px;padding:0 12px!important;border:1px solid #E5E5EA!important;border-radius:12px!important;background:#fff!important;font:400 17px var(--ios-font)!important;color:#000!important;width:calc(100% - 16px)}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__) .menu-item.show-cmd::before{display:none!important}
html body .anchored-choice-menu.show-choice-menu .show-cmd>span:first-child{flex:1 1 auto;padding-left:28px}
html body .anchored-choice-menu.show-choice-menu:not(#_) .show-panel{margin:0 0 6px 14px}html body .anchored-choice-menu.show-choice-menu .show-opt-label{white-space:nowrap}
html body #overlayRoot #settingsMemberPermissions.ios-link-row:not(#_){display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin:0;padding:0 16px;border:0;border-top:.5px solid #C6C6C8;background:#fff;font:400 17px var(--ios-font);color:#2F6FEB;text-align:left}
html body #overlayRoot #settingsMemberPermissions .ios-row-chevron{color:#C4C4C7;font-size:20px}
/* Add to Home Screen reminder (Gary, Oct 20). */
html body #overlayRoot .sheet.a2hs-sheet:not(#_){background:#F2F2F7!important}
html body #overlayRoot .a2hs-lead{margin:0 0 12px;font:400 16px/1.4 var(--ios-font);color:#3C3C43}
html body #overlayRoot .a2hs-steps{list-style:none;margin:0 0 14px;padding:4px 0;background:#fff;border-radius:16px}
html body #overlayRoot .a2hs-step{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;font:400 16px/1.4 var(--ios-font);color:#000}
html body #overlayRoot .a2hs-step+.a2hs-step{border-top:.5px solid #E5E5EA}
html body #overlayRoot .a2hs-step svg{vertical-align:-4px}
html body #overlayRoot .a2hs-num{flex:none;width:24px;height:24px;border-radius:12px;background:#2F6FEB;color:#fff;font:600 14px/24px var(--ios-font);text-align:center}
html body #overlayRoot .a2hs-install:not(#_){width:100%;height:50px;margin:0 0 6px;border-radius:14px;font:600 17px var(--ios-font)}
html body #overlayRoot .a2hs-or{margin:4px 2px 8px;font:400 14px var(--ios-font);color:#6D6D72}
html body #overlayRoot .a2hs-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
html body #overlayRoot .a2hs-actions .btn:not(#_){height:48px;margin:0;border-radius:14px;font:600 17px var(--ios-font)}
html body #overlayRoot .a2hs-actions .btn.ghost:not(#_){background:#fff;border:0;color:#2F6FEB}
html body #overlayRoot .a2hs-note{margin:8px 2px 0;font:400 13px var(--ios-font);color:#8A8A8E;text-align:center}
/* Gary, Oct 20: stepper ends grey out; empty member list note. */
html body .anchored-choice-menu.show-choice-menu .show-step:disabled{opacity:.35;cursor:default}
html body .anchored-choice-menu.show-choice-menu .show-member-empty{padding:6px 4px;font:400 14px var(--ios-font);color:#6D6D72}
/* Gary, Oct 20: Save as View inside the Show panel. */
html body .anchored-choice-menu.show-choice-menu .show-save-link:not(#_){display:block;width:100%;margin:6px 0 0!important;padding:6px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--mc-blue,#2F6FEB)!important;font:600 15px var(--ios-font)!important;text-align:center!important}
html body .anchored-choice-menu.show-choice-menu .show-save-row{display:flex;gap:8px;margin-top:8px}
html body .anchored-choice-menu.show-choice-menu .show-save-row input{flex:1 1 auto;min-width:0;height:40px;padding:0 12px;border:1px solid #D1D1D6;border-radius:10px;background:#fff;font:400 16px var(--ios-font);color:#000}
html body .anchored-choice-menu.show-choice-menu .show-save-row .btn{flex:none;height:40px;padding:0 18px}
html body .anchored-choice-menu.show-choice-menu .show-save-err:empty{display:none}
html body .anchored-choice-menu.show-choice-menu .show-save-err{margin-top:6px;color:#C0392B;font:400 13px var(--ios-font)}
/* Gary, Oct 20: Member Permissions: Member › list, How Long › list, switches, Save Permissions. */
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-card{background:#fff;border-radius:var(--ios-radius,22px);overflow:hidden}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-row{display:flex!important;align-items:center;gap:12px;width:100%!important;min-height:52px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;font:400 17px/1.25 var(--ios-font)!important;color:#000!important;text-align:left!important;cursor:pointer}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-row+*,html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-list+*,html body #overlayRoot .sheet:not(#_) .ya-member-perms #groupMemberPermissions>*+*{border-top:.5px solid #C6C6C8!important}
html body #overlayRoot .sheet:not(#_) .ya-member-perms #groupMemberPermissions{border-top:.5px solid #C6C6C8}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-label{flex:1 1 auto}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-value{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#8A8A8E}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-chev{color:#C4C4C7;font-size:22px;line-height:1;transition:transform .15s}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-row[aria-expanded="true"] .ya-perm-chev{transform:rotate(90deg)}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-list{background:#F7F7FA}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-list.hidden{display:none!important}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-option{display:flex!important;align-items:center;gap:10px;width:100%!important;min-height:48px!important;margin:0!important;padding:6px 16px 6px 28px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font:400 16px/1.25 var(--ios-font)!important;color:#000!important;text-align:left!important}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-option+.ya-perm-option{border-top:.5px solid #E5E5EA!important}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-option-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-option-text small{font-size:13px;color:#6D6D72;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-check{flex:none;width:18px;color:#2F6FEB;font-weight:700}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-empty{padding:12px 28px;color:#6D6D72;font-size:14px}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-actions{padding:12px 16px 14px!important}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-actions .btn{width:100%!important}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-status{margin-top:8px;font-size:14px;color:#1F7A3E;text-align:center}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-status:empty{display:none}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-status.error{color:#C0392B}
html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-label{flex:none!important;white-space:nowrap}html body #overlayRoot .sheet:not(#_) .ya-member-perms .ya-perm-value{flex:1 1 auto!important;text-align:right}
/* Gary, Oct 20: Member Permissions folds like Event Details Visibility. */
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .member-perms-panel>summary::before{content:"";flex:none;width:30px;height:30px;border-radius:8px;background:#5E5CE6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20v-1.5a6 6 0 0 1 12 0V20'/%3E%3Cpath d='M16 4.5a3 3 0 0 1 0 6M18.5 14.5A5.5 5.5 0 0 1 21 19v1'/%3E%3C/svg%3E") center/17px no-repeat}
html body #overlayRoot .sheet:not(#_) .member-perms-panel>summary .ya-perm-summary-label{flex:1 1 auto;min-width:0}
html body #overlayRoot .sheet:not(#_) .member-perms-panel>summary .ya-perm-summary{flex:0 1 auto;min-width:0;max-width:45%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#8A8A8E;font-weight:400;margin-right:6px}
html body #overlayRoot .sheet:not(#_) .member-perms-panel[open]>summary .ya-perm-summary{display:none}
html body #overlayRoot .sheet:not(#_) .member-perms-panel .ya-perm-card{border-radius:0!important;border-top:.5px solid #C6C6C8}
html body #overlayRoot .sheet:not(#_) .member-perms-panel>summary .ya-perm-summary-label{flex:none!important;white-space:nowrap}html body #overlayRoot .sheet:not(#_) .member-perms-panel>summary .ya-perm-summary{flex:1 1 auto!important;max-width:none!important;text-align:right}
html body .ya-visibility-note{display:block;margin-top:2px;font-size:12px;color:#6D6D72;font-weight:400}
/* Gary, Oct 21: the switch row keeps its toggle on screen; "Only on your screen" sits under "Show Availability". */
html body .ya-vis-text{display:block;flex:1 1 auto;min-width:0;text-align:left}
html body #membersView:not(#_):not(#__) .ya-member-group-actions>label,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-actions>label{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html body #membersView:not(#_):not(#__) .ya-member-group-detail,html body #overlayRoot .sheet.members-sheet:not(#_):not(#__) .ya-member-group-detail{min-width:0!important;box-sizing:border-box!important}
/* Show menu (Gary, Oct 20): Saved Views look like the rows above, with a pencil to edit them in the same panel. The menu is
   the When menu's width, so two Apply buttons wrap their words instead of running off. */
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__) .show-saved-views .menu-item.show-saved{margin:0!important}
html body .anchored-choice-menu.show-choice-menu:not(#_) .show-edit{color:#1C1C1E}
html body .anchored-choice-menu.show-choice-menu .show-pencil{display:block}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__) .show-apply.two .btn{height:auto;min-height:40px;padding:4px 8px;white-space:normal;line-height:1.15}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__) .btn.show-update-saved{width:100%!important;height:auto!important;min-height:40px!important;margin:2px 0 0!important;padding:4px 10px!important;border:1px solid #2F6FEB!important;border-radius:10px!important;background:#fff!important;color:#2F6FEB!important;font:600 14px/1.2 var(--ios-font)!important}

html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__) .show-cmds .menu-item.show-cmd{width:100%;margin:0!important;padding:0 10px 0 12px!important;justify-content:space-between}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__) .show-cmds .show-cmd>span:first-child{padding-left:0}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__) .show-cmds .show-pencil{flex:none;color:#1C1C1E}
html body .anchored-choice-menu.show-choice-menu .show-count-note{margin:-2px 4px 2px;font:400 13px/1.3 var(--ios-font);color:#6D6D72}
html body .anchored-choice-menu.show-choice-menu .show-stepper b{white-space:nowrap}
/* Invite Member / Invite Observer (Gary, Oct 20) */
html body .ya-invite-role{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 8px}
html body .ya-invite-role-btn:not(#_){min-height:40px;margin:0;padding:0 10px;border:1px solid #D1D1D6;border-radius:10px;background:#fff;color:#1C1C1E;font:600 15px var(--ios-font,system-ui)}
html body .ya-invite-role-btn.on:not(#_){border-color:#2F6FEB;background:#2F6FEB;color:#fff}
html body .ya-invite-role-note{margin:0 2px 10px;font:400 13px/1.35 var(--ios-font,system-ui);color:#6D6D72}
/* Availability Change without Apply to All (mixed cell, Gary Oct 20): Apply spans the row. */
html body #overlayRoot .sheet.mg-av-sheet .mg-av-actions:not(:has(.mg-av-all)):not(#_):not(#__){display:block!important}
html body #overlayRoot .sheet.mg-av-sheet .mg-av-actions:not(:has(.mg-av-all)) #mgAvApply:not(#_){width:100%!important;margin:0!important}

/* Availability save error sheet (Gary, Oct 20): calm message, full-width actions. */
.mg-save-error{display:flex;flex-direction:column;gap:12px;padding:4px 2px 6px}
.mg-save-error-msg{margin:0;font-size:16px;line-height:1.4;color:var(--ya-text,#1b2a44);font-weight:600}
.mg-save-error .meta{margin:0}
.mg-save-error .choice{display:flex;gap:10px;margin:0}
.mg-save-error .choice .btn{flex:1}
.mg-save-error-reload{width:100%}

/* Bands to Show menu (Gary, Oct 20): same look as the Share options menu, under the header band pill. */
html body .anchored-choice-menu.band-choice-menu:not(#_) .quick-share-message-label{margin:6px 16px 6px!important}
html body .anchored-choice-menu.band-choice-menu:not(#_) .menu-item{display:flex!important;align-items:center!important;width:100%!important;text-align:left!important;background:transparent!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .anchored-choice-menu.band-choice-menu:not(#_) .menu-item[data-choice-value="all"]{font-weight:600!important}

/* Show menu, plain list (Gary, Oct 20): no boxes, no binoculars, no row lines. Tap the words to switch views; the round
   sliders button opens a view's options and the round pencil edits a saved view. One grey line above Saved Views. */
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-views{gap:0;padding:0}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-view-row{gap:0;padding-right:10px}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .menu-item.show-view,html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .menu-item.show-saved{min-height:46px;margin:0!important;padding:0 8px 0 12px!important;gap:6px;border:0!important;border-radius:0!important;background:transparent!important;width:auto;font:400 17px var(--ios-font)!important}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .menu-item.show-view.selected{font-weight:600!important;background:transparent!important}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .menu-item.show-view::after{content:none!important;display:none!important}
html body .anchored-choice-menu.show-choice-menu .show-check{flex:none;width:20px;height:18px}
html body .anchored-choice-menu.show-choice-menu .menu-item.show-view.selected .show-check{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F5FC4' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E") left center/17px no-repeat}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-plus.show-round{width:32px;height:32px;margin:0 0 0 6px;border-radius:50%;background:#EAF0FB;color:#2F5FC4;display:grid;place-items:center}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-plus.show-round[aria-expanded="true"]{background:#2F5FC4;color:#fff}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-plus.show-round .show-pencil{width:17px;height:17px;color:currentColor}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-saved-head{margin:6px 0 2px!important;padding:10px 16px 0 38px!important;border-top:.5px solid #C6C6C8!important}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-cmds{padding:0}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-cmds.show-cmds-line{margin-top:6px;border-top:.5px solid #C6C6C8}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-cmds .menu-item.show-cmd{min-height:46px;margin:0!important;padding:0 18px 0 38px!important;border:0!important;border-radius:0!important;background:transparent!important;justify-content:space-between}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-cmds .show-chev{color:#C4C4C7;font-size:22px}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-panel{margin:0 10px 8px 38px}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .menu-item.show-view{justify-content:flex-start!important;text-align:left!important}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .menu-item.show-view>span:not(.show-check){flex:1 1 auto;text-align:left}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-panel{margin:2px 10px 8px 12px}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .menu-item.show-view>span.show-check{flex:0 0 20px;width:20px;min-width:20px}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-cmds .menu-item.show-cmd{padding-left:44px!important}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-saved-head{padding-left:44px!important}
/* Gary, Oct 20: Saved Views are set apart by one thin line only (no label), kept tight. */
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .menu-divider.show-saved-head{height:.5px!important;min-height:0!important;margin:4px 0 4px 44px!important;padding:0!important;border:0!important;background:#C6C6C8!important}

/* Genre (Gary, Oct 20): one row like the other fields; tapping it opens a checkmark dropdown. */
html body .band-genre-compact .band-genre-choices[hidden],html body #overlayRoot .sheet:not(#_):not(#__) .band-genre-compact .band-genre-choices[hidden]{display:none!important}
html body .band-genre-compact:not(#_) .band-genre-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;margin:0;padding:0 14px 0 16px;border:0;border-radius:12px;background:#fff;font:400 17px/1.25 var(--ios-font,system-ui);color:#000;text-align:left;box-sizing:border-box;cursor:pointer}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_) .band-genre-compact .band-genre-row{border-radius:var(--ios-radius,22px)}
html body .band-genre-compact .band-genre-value{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body .band-genre-compact .band-genre-value.is-none{color:#8E8E93}
html body .band-genre-compact .band-genre-caret{flex:none;color:#8E8E93}
html body .anchored-choice-menu.genre-choice-menu:not(#_) .menu-item{display:flex!important;align-items:center!important;width:100%!important;text-align:left!important;background:transparent!important}

/* Select Time (Gary, Oct 20): a narrower card for the three short wheels. */
html body .wheel-card.wheel-time:not(#_){width:min(270px,calc(100% - 30px))!important}
/* Show menu (Gary, Oct 20): a view with extra filters shows them in small grey under its name, and its sliders button gets a dot. */
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .menu-item.show-view>span.show-view-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;padding:5px 0}
html body .anchored-choice-menu.show-choice-menu .show-view-name{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body .anchored-choice-menu.show-choice-menu .show-view-extra{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:400 13px/1.25 var(--ios-font);color:#6D6D72}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-plus.show-round.has-extra{position:relative}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__):not(#___) .show-plus.show-round.has-extra::after{content:"";position:absolute;top:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:#2F5FC4;box-shadow:0 0 0 2px #fff}
html body .anchored-choice-menu.show-choice-menu:not(#_):not(#__) .show-reset-link{color:#6D6D72!important}
/* Availability Change (Gary, Oct 20): fine print on how to stop being asked each time. */
html body #overlayRoot .sheet.mg-av-sheet:not(#_) .mg-av-hint{margin:10px 6px 0!important;font:400 13px/1.35 var(--ios-font)!important;color:#8E8E93!important;text-align:center!important}

/* More screens (Gary, Oct 21): circled X at the top right closes the screen; the < stays at the left. */
html body #overlayRoot .sheet>.sheet-head.has-more-x{position:relative}
html body #overlayRoot .sheet>.sheet-head>.ya-more-x:not(#_){position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;z-index:2}
html body #overlayRoot .sheet>.sheet-head>.ya-more-x .close-icon{width:30px;height:30px;display:block}
/* Settings (Gary, Oct 21): no white box behind the title. */
html body #overlayRoot .sheet.ya-settings-panel>.sheet-head:not(#_){background:transparent!important;box-shadow:none!important;border:0!important}
html body #overlayRoot .sheet>.sheet-head>.ya-more-x .close-icon{border-radius:50%;overflow:hidden;clip-path:circle(50%)}

/* Help (Gary, Oct 21): plain buttons, no arrows. A large User Guide button, then Guided Tour and (TEST) Replay What's New side by side. */
html body #overlayRoot .sheet.help-sheet:not(#_) .help-buttons{display:flex;flex-direction:column;gap:10px;margin:10px 16px 22px}
html body #overlayRoot .sheet.help-sheet:not(#_) .help-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:46px;margin:0;padding:0 12px;border:1px solid #D1D1D6;border-radius:14px;background:#fff;color:#2F5FC4;font:600 16px/1.2 var(--ios-font,system-ui);text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer}
html body #overlayRoot .sheet.help-sheet:not(#_) .help-btn-big{min-height:54px;border:0;background:#2F5FC4;color:#fff;font-size:17px}
html body #overlayRoot .sheet.help-sheet:not(#_) .help-btn:disabled{opacity:.55}
html body #overlayRoot .sheet.help-sheet:not(#_) .help-btn-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px}
html body #overlayRoot .sheet.help-sheet:not(#_) .help-btn-row[hidden]{display:none}
html body #overlayRoot .sheet.help-sheet:not(#_) .help-btn::before,html body #overlayRoot .sheet.help-sheet:not(#_) .help-btn::after{content:none!important;display:none!important}
html body #overlayRoot .sheet.help-sheet:not(#_) .help-btn-row .help-btn{padding:0 8px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Gary, Oct 21: Terms / Privacy Policy, the circled X sits on the title row at the right, not over the first paragraph. */
html body #overlayRoot .sheet.ya-legal-sheet .sheet-head{position:sticky!important;display:flex!important;align-items:center!important;min-height:44px!important;padding-right:52px!important;box-sizing:border-box!important}
html body #overlayRoot .sheet.ya-legal-sheet .sheet-head>.close{position:absolute!important;top:50%!important;right:0!important;transform:translateY(-50%)!important;margin:0!important}
/* Gary, Oct 21: the event Band picker covers the whole row (from the icons to the right edge), so its menu is wide enough for long band names; the value stays right-aligned beside "Band". */
html body .overlay .field.ya-band-row:not(#_){position:relative!important}
html body .overlay .field.ya-band-row:not(#_)>select#evGroup{position:absolute!important;top:0!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0 20px 0 120px!important;box-sizing:border-box!important;background-color:transparent!important;text-align:right!important;text-align-last:right!important;z-index:1!important}
html body .overlay .field.ya-band-row:not(#_)>select#evGroup:disabled{padding-right:0!important}
/* Gary, Oct 21: Account Initials was squeezed to 32px (old 70px field limit plus 16px padding each side), so typed letters didn't show. Same width as First Name now. */
html body #overlayRoot .account-sheet:not(#_) .account-grid .initials-field{max-width:none!important;grid-column:1/-1!important}
html body #overlayRoot .account-sheet:not(#_) #accountAccountInitials{width:auto!important;max-width:none!important;min-width:0!important;flex:1 1 auto!important;text-transform:uppercase}
/* Gary, Oct 22: the Set List Editor's Save sits just left of the circled X instead of under it. */
html body #overlayRoot .sheet .sheet-head.has-save-x .mc-editor-top-save:not(#_):not(#__){right:52px!important;margin-right:52px!important}
html body #overlayRoot .sheet:has(#setlistRows) .sheet-head.has-save-x .mc-editor-top-save:not(#_):not(#__){margin-right:0!important}
html body #overlayRoot .sheet>.sheet-head.has-save-x>.ya-more-x:not(#_):not(#__){top:3px;transform:none}
/* Gary, Oct 22: Group screen band order (drag ☰), top two (the header's names) marked. */
html body #overlayRoot .ya-group-home .ya-band-order-tip:not(#_){white-space:normal!important;overflow:visible!important;text-align:left!important;margin:0 0 -14px 16px!important;font:400 14px/1.3 var(--ios-font)!important;color:#6B7280!important}
html body #overlayRoot .ya-group-home .ya-band-order{position:relative;display:flex;align-items:stretch;background:#fff}
html body #overlayRoot .ya-group-home .ya-band-order+.ya-band-order::before{content:"";position:absolute;top:0;left:96px;right:0;height:.5px;background:#C6C6C8;z-index:1}
html body #overlayRoot .ya-group-home .ya-band-order>.ya-row:not(#_){flex:1 1 auto;min-width:0;padding-left:4px!important;background:transparent!important}
html body #overlayRoot .ya-group-home .ya-band-drag{flex:none;width:44px;border:0;background:transparent;padding:0 0 0 8px;color:#5f6b7d;font-size:22px;line-height:1;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}
html body #overlayRoot .ya-group-home .ya-band-top{background:#EEF4FF}
html body #overlayRoot .ya-group-home .ya-band-sub{display:block;margin-top:2px;font:400 13px/1.2 var(--ios-font);color:#8A8A8E;overflow:hidden;text-overflow:ellipsis}
html body #overlayRoot .ya-group-home .ya-band-header-tag{font-weight:600;color:#2F6BFF}
html body #overlayRoot .ya-group-home .ya-band-order.dragging{opacity:.9;background:#E5EDFF;box-shadow:0 5px 14px rgba(26,42,87,.2);z-index:3}
html body #overlayRoot .ya-group-home .ya-band-order.drop-before::after,html body #overlayRoot .ya-group-home .ya-band-order.drop-after::after{content:"";position:absolute;left:0;right:0;height:3px;background:#2F6BFF;border-radius:3px;z-index:5}
html body #overlayRoot .ya-group-home .ya-band-order.drop-before::after{top:-2px}html body #overlayRoot .ya-group-home .ya-band-order.drop-after::after{bottom:-2px}
/* Gary, Oct 22: Add Your Email (phone-only accounts). */
html body #overlayRoot .ya-require-email-sheet #requireEmailSend:not(#_){display:block!important;width:100%!important;min-height:46px!important;margin:4px 0 0!important;border:0!important;border-radius:12px!important;background:#2F6BFF!important;color:#fff!important;font:700 16px/1 var(--ios-font,system-ui)!important}
html body #overlayRoot .ya-require-email-sheet #requireEmailSend:disabled{opacity:.55!important}
html body #overlayRoot .ya-require-email-sheet .ya-require-email-foot{margin:6px 0 4px!important;font:400 13.5px/1.35 var(--ios-font,system-ui)!important;color:#6B7280!important}
html body #overlayRoot .ya-require-email-sheet #requireEmailSignOut:not(#_){display:block!important;margin:2px auto 0!important;padding:6px 10px!important;min-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#6B7280!important;font:500 14px/1.2 var(--ios-font,system-ui)!important;text-decoration:underline}
html body #overlayRoot .ya-require-email-sheet #requireEmailStatus:empty{display:none}
/* Gary, Oct 22: like iPhone Settings, a switch's helper text sits under its box, not inside it. A switch row with helper
   text is its own rounded box with the text below; rows around it close their box before it and start a new one after.
   Done with layout only (the rows keep their markup, IDs and handlers). */
html body #overlayRoot .ios-group:not(#_):not(#__):has(>:is(.settings-toggle-row,.ya-debug-settings)>span>small){background:transparent!important;overflow:visible!important;border-radius:0!important;box-shadow:none!important}
html body #overlayRoot .ios-group:not(#_):not(#__):has(>:is(.settings-toggle-row,.ya-debug-settings)>span>small)>*{background:#fff!important}
html body #overlayRoot .ios-group:not(#_):not(#__):has(>:is(.settings-toggle-row,.ya-debug-settings)>span>small)>:first-child{border-top-left-radius:var(--ios-radius,22px)!important;border-top-right-radius:var(--ios-radius,22px)!important}
html body #overlayRoot .ios-group:not(#_):not(#__):has(>:is(.settings-toggle-row,.ya-debug-settings)>span>small)>:last-child{border-bottom-left-radius:var(--ios-radius,22px)!important;border-bottom-right-radius:var(--ios-radius,22px)!important}
/* the help row: the white box covers only its first line (title + switch); the helper text is below it */
html body #overlayRoot .ios-group:not(#_):not(#__)>:is(.settings-toggle-row,.ya-debug-settings):has(>span>small){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:12px!important;row-gap:0!important;padding:0!important;background:transparent!important;border-radius:0!important;margin:0 0 22px!important}
html body #overlayRoot .ios-group:not(#_):not(#__)>:is(.settings-toggle-row,.ya-debug-settings):has(>span>small):last-child{margin-bottom:0!important}
html body #overlayRoot .ios-group:not(#_):not(#__)>:is(.settings-toggle-row,.ya-debug-settings):has(>span>small)::before{content:""!important;display:block!important;position:static!important;grid-row:1!important;grid-column:1/-1!important;align-self:stretch!important;height:auto!important;min-height:48px!important;margin:0!important;background:#fff!important;border-radius:0 0 var(--ios-radius,22px) var(--ios-radius,22px)!important;z-index:0!important;left:auto!important;right:auto!important;top:auto!important}
html body #overlayRoot .ios-group:not(#_):not(#__)>:is(.settings-toggle-row,.ya-debug-settings):has(>span>small):is(:first-child,:is(.settings-toggle-row,.ya-debug-settings):has(>span>small)+*)::before{border-radius:var(--ios-radius,22px)!important}
html body #overlayRoot .ios-group:not(#_):not(#__)>:not(:has(>span>small))+:is(.settings-toggle-row,.ya-debug-settings):has(>span>small)::before{background:linear-gradient(#C6C6C8,#C6C6C8) 16px 0/calc(100% - 16px) .5px no-repeat,#fff!important}
html body #overlayRoot .ios-group:not(#_):not(#__)>:is(.settings-toggle-row,.ya-debug-settings):has(>span>small)>span{display:contents!important}
html body #overlayRoot .ios-group:not(#_):not(#__)>:is(.settings-toggle-row,.ya-debug-settings):has(>span>small)>span>strong{grid-row:1!important;grid-column:1!important;position:relative!important;z-index:1!important;padding:13px 0 13px 16px!important;margin:0!important;display:block!important}
html body #overlayRoot .ios-group:not(#_):not(#__)>:is(.settings-toggle-row,.ya-debug-settings):has(>span>small)>input{grid-row:1!important;grid-column:2!important;position:relative!important;z-index:1!important;margin:0 16px 0 0!important;align-self:center!important}
html body #overlayRoot .ios-group:not(#_):not(#__)>:is(.settings-toggle-row,.ya-debug-settings):has(>span>small)>span>small{grid-row:2!important;grid-column:1/-1!important;display:block!important;margin:0!important;padding:7px 16px 0!important;font:400 13px/1.35 var(--ios-font,system-ui)!important;color:#6D6D72!important;background:transparent!important}
/* a row right after a help row starts a new box (no divider line above it, rounded top) */
html body #overlayRoot .ios-group:not(#_):not(#__)>:is(.settings-toggle-row,.ya-debug-settings):has(>span>small)+:not(:has(>span>small)){border-top-left-radius:var(--ios-radius,22px)!important;border-top-right-radius:var(--ios-radius,22px)!important}
html body #overlayRoot .ios-group:not(#_):not(#__)>:is(.settings-toggle-row,.ya-debug-settings):has(>span>small)+:not(:has(>span>small))::before{display:none!important}
/* a plain row right before a help row closes its box */
html body #overlayRoot .ios-group:not(#_):not(#__)>:not(:has(>span>small)):has(+:is(.settings-toggle-row,.ya-debug-settings)>span>small){border-bottom-left-radius:var(--ios-radius,22px)!important;border-bottom-right-radius:var(--ios-radius,22px)!important;margin-bottom:0!important}
html body #overlayRoot .ios-group:not(#_):not(#__):not(#___)>:is([hidden],.hidden){display:none!important}
/* Gary, Oct 22: Group screen band rows without icons: name (+ "(in header)") over "Organizer · 6 members". */
html body #overlayRoot .ya-group-home .ya-band-row-plain .group-choice-name:not(#_){white-space:normal!important}
html body #overlayRoot .ya-group-home .ya-band-line{display:flex;align-items:baseline;gap:6px;min-width:0}
html body #overlayRoot .ya-group-home .ya-band-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:400 17px/1.25 var(--ios-font);color:#000}
html body #overlayRoot .ya-group-home .ya-band-line .ya-band-header-tag{flex:none;font:500 13px/1.2 var(--ios-font);color:#2F6BFF}
html body #overlayRoot .ya-group-home .ya-band-row-plain:not(#_){min-height:58px!important;padding-top:8px!important;padding-bottom:8px!important}
html body #overlayRoot .ya-group-home .ya-band-order+.ya-band-order::before{left:52px!important}
html body #overlayRoot .ya-group-home .ya-band-actions .ya-row:not(#_){padding-left:16px!important}
html body #overlayRoot .ya-group-home .ya-band-actions .ya-row+.ya-row::before{left:16px!important}
/* Gary, Oct 22: Group Edit without the coloured icons; Details shows what's inside; a small gap before Song Library. */
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_):not(#__) :is(#groupSongLibrary,#groupSetLists,.group-band-panel>summary,.member-event-visibility>summary,.member-perms-panel>summary)::before{display:none!important;content:none!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_):not(#__) :is(#groupSongLibrary,#groupSetLists)>svg{display:none!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"] .ya-nav-hint{margin-left:auto;padding-left:10px;font:400 15px/1.2 var(--ios-font);color:#8A8A8E;white-space:nowrap}
html body #overlayRoot .sheet[data-ios-page="groupedit"] .group-panel-stage .ya-nav-hint{display:none}
html body #overlayRoot .sheet[data-ios-page="groupedit"] .group-detail-main>.ya-group-gap{height:0;margin:0;padding:0}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_):not(#__) .group-detail-main>.ios-nav-last:has(+.ya-group-gap){margin-bottom:12px!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_):not(#__) .group-detail-main>.ios-nav-item:not(.ios-nav-first)>summary::after,html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_):not(#__) .group-detail-main>.ios-nav-item:not(.ios-nav-first)>.ios-group>.settings-disclosure:first-child::after,html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_):not(#__) .group-detail-main>.ios-nav-item>.ios-group>.settings-disclosure+.settings-disclosure::after{left:16px!important}
html body #overlayRoot .ya-group-home .ya-band-order-tip:not(#_):not(#__){display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important;-webkit-line-clamp:unset!important;line-height:1.3!important;margin-bottom:0!important}
html body #overlayRoot .ya-group-home .ya-band-line{display:block!important}
html body #overlayRoot .ya-group-home .ya-band-name:not(#_){white-space:normal!important;overflow:visible!important}
html body #overlayRoot .ya-group-home .ya-band-line .ya-band-header-tag{margin-left:5px;white-space:nowrap}
html body #overlayRoot .ya-group-home>*{flex-shrink:0!important}
html body #overlayRoot .ya-group-home .ya-band-line:not(#_){display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;column-gap:5px!important}
html body #overlayRoot .ya-group-home .ya-band-name:not(#_):not(#__){flex:0 1 auto!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #overlayRoot .ya-group-home .ya-band-line .ya-band-header-tag:not(#_){margin-left:0!important}
/* Gary, Oct 22 (mockup): Settings rows are separate cards; Availability Editing's three cards sit together in one
   outlined box, each with its helper text under it. */
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ios-group:not(#_):not(#__):not(#___){background:transparent!important;overflow:visible!important;border-radius:0!important;box-shadow:none!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ios-group:not(#_):not(#__):not(#___)>:not(.ios-row-help):not(:has(>span>small)){background:#fff!important;border-radius:var(--ios-radius,22px)!important;margin:0 0 10px!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ios-group:not(#_):not(#__):not(#___)>:not(.ios-row-help):not(:has(>span>small))::before{display:none!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ios-group:not(#_):not(#__):not(#___)>:has(>span>small){margin:0 0 10px!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ios-group:not(#_):not(#__):not(#___)>:has(>span>small)::before{border-radius:var(--ios-radius,22px)!important;background:#fff!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ios-group:not(#_):not(#__):not(#___)>:last-child{margin-bottom:0!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ios-group>.ios-row-help:not(#_):not(#__):not(#___){margin:-4px 0 10px!important;padding:0 16px!important;background:transparent!important;font:400 13px/1.35 var(--ios-font,system-ui)!important;color:#6D6D72!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ios-row-help::before{display:none!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body>.ios-section[data-ios-key="perm"]>.ios-group:not(#_):not(#__):not(#___){padding:8px!important;border:1px solid #D5DCE6!important;border-radius:calc(var(--ios-radius,22px) + 6px)!important;background:#EDF1F7!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body>.ios-section:not([data-ios-key="perm"])>.ios-section-title:empty{display:none!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body>.ios-section+.ios-section{margin-top:14px!important}
/* Group: Create / Request to Join as solid blue buttons (like Invite). */
html body #overlayRoot .ya-group-home .ya-band-actions:not(#_):not(#__){display:flex!important;flex-direction:column!important;gap:10px!important;background:transparent!important;box-shadow:none!important;border:0!important;overflow:visible!important}
html body #overlayRoot .ya-group-home .ya-band-actions .ya-row:not(#_):not(#__){justify-content:center!important;min-height:46px!important;padding:0 16px!important;border-radius:12px!important;background:#2F5FC4!important}
html body #overlayRoot .ya-group-home .ya-band-actions .ya-row:not(#_):not(#__)::before{display:none!important}
html body #overlayRoot .ya-group-home .ya-band-actions .ya-row .ya-row-link:not(#_):not(#__){flex:none!important;color:#fff!important;font:600 16px/1.2 var(--ios-font,system-ui)!important;text-align:center!important}
html body #overlayRoot .ya-group-home .ya-band-actions .ya-row:active{background:#284FA6!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ios-scope-row:not(#_):not(#__)>label{flex:none!important;white-space:nowrap!important;overflow:visible!important;max-width:none!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ios-scope-row:not(#_):not(#__)>select{flex:0 1 auto!important;min-width:0!important}
/* Gary, Oct 22: the two header bands are marked by a rounded tint around their name and role line only (no "(in header)"),
   and the row's › matches the other menu chevrons (16px). */
html body #overlayRoot .ya-group-home .ya-band-top:not(#_):not(#__){background:#fff!important}
html body #overlayRoot .ya-group-home .ya-band-top .ya-band-row-plain>.group-choice-name:not(#_):not(#__){flex:0 1 auto!important;max-width:calc(100% - 30px)!important;margin-left:-10px!important;padding:5px 12px 6px 10px!important;border-radius:12px!important;background:#E4EDFF!important}
html body #overlayRoot .ya-group-home .ya-row .group-detail-toggle:not(#_):not(#__){margin-left:auto!important;opacity:1!important}
html body #overlayRoot .ya-group-home .ya-row .group-detail-toggle:not(#_):not(#__) :is(img,svg){width:16px!important;height:16px!important;opacity:.75!important}
/* Gary, Oct 22: Group Edit shows the band's name under the title (edited in Details); Data Backup / Restore rows. */
html body #overlayRoot .sheet[data-ios-page="groupedit"] .ya-group-ref-name:not(#_){margin:-6px 0 14px!important;text-align:center!important;font:600 17px/1.25 var(--ios-font,system-ui)!important;color:#1C1C1E!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_):not(#__) .ya-group-data .settings-disclosure.ya-data-row{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:52px!important;padding:0 16px!important;border:0!important;background:#fff!important;font:400 17px/1.25 var(--ios-font,system-ui)!important;color:#000!important;text-align:left!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_):not(#__) .ya-group-data .settings-disclosure.ya-data-row::after{content:""!important;display:block!important;position:static!important;width:16px!important;height:16px!important;background:url(/icons/heroicons/chevron-right.svg) center/16px no-repeat!important;opacity:.75!important;border:0!important}
html body #overlayRoot .sheet[data-ios-page="groupedit"]:not(#_):not(#__) .ya-group-data .ya-data-row+.ya-data-row{box-shadow:inset 16px .5px 0 #fff,inset 0 .5px 0 #C6C6C8!important}
html body #overlayRoot .ya-import-intro-sheet .ya-import-intro{padding:4px 18px 18px;font:400 16px/1.45 var(--ios-font,system-ui);color:#1C1C1E}
html body #overlayRoot .ya-import-intro-sheet .ya-import-intro ul{margin:6px 0 12px;padding-left:20px}
html body #overlayRoot .ya-import-intro-sheet .ya-import-intro li{margin:4px 0}
html body #overlayRoot .ya-import-intro-sheet .ya-import-intro .meta{font:400 14px/1.4 var(--ios-font,system-ui)!important;color:#6D6D72!important}
html body #overlayRoot .ya-import-intro-sheet #importIntroChoose:not(#_){display:block!important;width:100%!important;min-height:46px!important;margin-top:14px!important;border:0!important;border-radius:12px!important;background:#2F5FC4!important;color:#fff!important;font:600 16px/1 var(--ios-font,system-ui)!important}
/* Gary, Oct 22: View (outlined) and Save (solid) side by side in a Show menu panel. */
html body .anchored-choice-menu .show-apply.show-view-save:not(#_){display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
html body .anchored-choice-menu .show-apply.show-view-save>.btn:not(#_){min-height:42px!important;border-radius:12px!important;font:700 16px/1.1 var(--ios-font,system-ui)!important}
html body .anchored-choice-menu .show-apply.show-view-save>.show-view-btn:not(#_):not(#__){background:#fff!important;color:#2F6BFF!important;border:1.5px solid #2F6BFF!important}
/* Gary, Oct 22: Manage Views ••• menu matches the other menus (icon, label, › for screens, dividers, red Delete). */
html body .saved-view-manager-menu:not(#_){width:240px!important;padding:4px 0!important;border-radius:14px!important}
html body .saved-view-manager-menu .svm-item:not(#_):not(#__){display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:46px!important;padding:0 14px!important;border:0!important;border-radius:0!important;background:transparent!important;font:400 16px/1.2 var(--ios-font,system-ui)!important;color:#1C1C1E!important;text-align:left!important;position:relative}
html body .saved-view-manager-menu .svm-item+.svm-item::after{content:"";position:absolute;top:0;left:48px;right:0;height:.5px;background:#D1D1D6}
html body .saved-view-manager-menu .svm-item:active{background:#F2F2F7!important}
html body .saved-view-manager-menu .svm-ico{width:20px;height:20px;opacity:.85}
html body .saved-view-manager-menu .svm-chev{width:14px;height:14px;opacity:.45}
html body .saved-view-manager-menu .svm-item.danger:not(#_):not(#__){color:#C62828!important}
html body .saved-view-manager-menu .svm-item.danger .svm-ico{filter:invert(19%) sepia(85%) saturate(3000%) hue-rotate(352deg) brightness(88%);opacity:1}
/* Gary, Oct 22: Create group in the iPhone style (grey header, centered title, < and X; no white bar) */
html body #overlayRoot .sheet[data-ios-page="create"]:not(#_){padding:0 16px 28px!important}
html body #overlayRoot .sheet[data-ios-page="create"]:not(#_)>.sheet-head{margin:0 -16px 6px!important}
html body #overlayRoot .sheet[data-ios-page="create"]:not(#_) .row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;align-items:end!important}
html body #overlayRoot .sheet[data-ios-page="create"]:not(#_) .band-genre-fields>legend{margin:0 0 6px 16px!important;padding:0!important;font:400 13px/1.3 var(--ios-font)!important;color:#6D6D72!important;text-transform:uppercase!important;letter-spacing:0!important}
html body #overlayRoot .sheet[data-ios-page="create"]:not(#_) .meta{margin:6px 16px 0!important;font:400 13px/1.35 var(--ios-font)!important;color:#6D6D72!important}
html body #overlayRoot .sheet[data-ios-page="create"]:not(#_) #createGroupGo{min-height:50px!important;border-radius:14px!important;font:600 17px/1.2 var(--ios-font)!important;margin-top:8px!important}
/* Gary, Oct 22: Fast Edit grayed out while Scope of Edit is Ask Each Time */
html body #overlayRoot .settings-toggle-row.ya-row-disabled:not(#_){opacity:.45!important;pointer-events:none!important}
/* Gary, Oct 22: Member Info shows the kind of member and their bands in small gray text under the name */
html body #overlayRoot .ya-member-info-kind:not(#_),html body #overlayRoot .ya-member-info-band:not(#_){font:400 14px/1.35 var(--ios-font,system-ui)!important;color:#6D6D72!important}
html body #overlayRoot .ya-member-info-bands:not(#_){margin:0 0 6px!important}
html body #overlayRoot .ya-member-info-name:not(#_){margin:2px 0 2px!important;padding-right:44px!important}
html body #overlayRoot .ya-member-info-notitle:not(#_){min-height:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;position:relative!important}
html body #overlayRoot .ya-member-info-notitle:not(#_)>.close{position:absolute!important;top:0!important;right:0!important}
/* Gary, Oct 22: sign-in email. "Change" is a small gray pill; editing gives the email a full-width field with Cancel and
   Send Verification buttons below it. */
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .email-row .btn.ya-email-change:not(#__){min-height:30px!important;padding:0 12px!important;border-radius:15px!important;background:#E9EEF6!important;color:#1F5FD1!important;font:600 14px/1 var(--ios-font,system-ui)!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .email-row .btn.ya-email-change[hidden]:not(#__){display:none!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .email-card.ya-email-editing .email-row .email-check{display:none!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .email-card.ya-email-editing .email-row{padding-right:16px!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .ya-email-edit-actions[hidden]{display:none!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .ya-email-edit-actions{order:2;display:grid!important;grid-template-columns:1fr 1.6fr!important;gap:10px!important;margin:10px 0 0!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .ya-email-edit-actions .btn:not(#__){min-height:44px!important;margin:0!important;border-radius:12px!important;font:600 16px/1.1 var(--ios-font,system-ui)!important;white-space:nowrap!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .ya-email-edit-actions .ya-email-cancel:not(#__){background:#fff!important;color:#1c1c1e!important;border:1px solid #D1D1D6!important}
html body #overlayRoot .sheet[data-ios-page="account"]:not(#_) .email-card.ya-email-editing>.email-status:not(#__){order:3!important}