/* Modern UI — More menu and the full-screen management screens it opens
   (Settings, Group, Account, Help / FAQs, Activity, Feedback) plus the About card.
   No exported mockups exist for these (see the Design archive missing-asset index); this follows the
   Master Screen Decisions: compact More dropdown, full-screen screens with Back, MC-C01/C02/C03 controls.
   Presentation only — .39 IDs, fields, validation and handlers are unchanged. */

/* ---------- More menu (MC-C10): compact dropdown anchored to the three dots ---------- */
html body #moreMenu.popover{min-width:212px!important;padding:6px!important;border:1px solid #dfe5ee!important;border-radius:14px!important;background:#fff!important;box-shadow:0 12px 32px rgba(12,24,49,.18),0 2px 6px rgba(12,24,49,.08)!important}
html body #moreMenu.popover>button{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:44px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;text-align:left!important;font:500 16px/1.2 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important}
html body #moreMenu.popover>button:hover,html body #moreMenu.popover>button:focus-visible{background:#eef3f9!important}
html body #moreMenu.popover>button::before{content:"";flex:none;width:20px;height:20px;background:center/20px no-repeat;opacity:.8}
html body #moreMenu #settingsBtn::before{background-image:url(/icons/heroicons/cog.svg)}
html body #moreMenu #groupBtn::before{background-image:url(/icons/heroicons/user-group.svg)}
html body #moreMenu #accountBtn::before{background-image:url(/icons/heroicons/user.svg)}
html body #moreMenu #helpBtn::before{background-image:url(/icons/heroicons/question-circle.svg)}
html body #moreMenu #aboutBtn::before{background-image:url(/icons/heroicons/info-circle.svg)}
html body #moreMenu #activityBtn::before{background-image:url(/icons/heroicons/queue-list.svg)}
html body #moreMenu #feedbackBtn::before{background-image:url(/icons/heroicons/envelope.svg)}
html body #moreMenu #logoutBtn{margin-top:4px!important;border-top:1px solid #e6ebf2!important;border-radius:0 0 10px 10px!important;color:#b42318!important}
html body #moreMenu #logoutBtn::before{background-image:url(/icons/heroicons/arrow-leave.svg)}

/* ---------- Full-screen management shell ---------- */
html body #overlayRoot .overlay.management-overlay>.sheet.management-workspace{background:#f3f6fa!important;font-family:var(--mc-font)!important;color:var(--mc-text,#1d283c)!important}
html body #overlayRoot .sheet.management-workspace>.sheet-head:not(.share-preview-header){position:relative!important;display:flex!important;align-items:center!important;min-height:56px!important;margin:0 0 12px!important;padding:0 16px 0 52px!important;border-bottom:1px solid #e3e9f1!important;background:#fff!important}
html body #overlayRoot .sheet.management-workspace>.sheet-head h2{margin:0!important;font:800 22px/1.2 var(--mc-font)!important;color:#14325a!important;letter-spacing:-.01em}
/* Back (the .39 close action, unchanged) sits on the left as a chevron, per "Full-screen/back". */
html body #overlayRoot .sheet.management-workspace>.sheet-head>.close{position:absolute!important;left:4px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent url(/icons/heroicons/chevron-left.svg) center/24px no-repeat!important;box-shadow:none!important}
html body #overlayRoot .sheet.management-workspace>.sheet-head>.close .close-icon{opacity:0!important}

/* Section headings and rows. */
html body #overlayRoot .sheet.management-workspace h3{margin:18px 4px 8px!important;font:700 13px/1.2 var(--mc-font)!important;color:#53627a!important;text-transform:uppercase!important;letter-spacing:.06em!important}
html body #overlayRoot .sheet.management-workspace h3:first-child{margin-top:4px!important}
html body #overlayRoot .sheet.management-workspace .meta{margin:0 4px 8px!important;font:400 13px/1.35 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important}
html body #overlayRoot .sheet.management-workspace label{font-family:var(--mc-font)!important}
html body #overlayRoot .sheet.management-workspace .field>label{display:block!important;margin:0 0 6px!important;font:600 14px/1.25 var(--mc-font)!important;color:#1e3557!important}
html body #overlayRoot .sheet.management-workspace .field small,html body #overlayRoot .sheet.management-workspace .settings-toggle-row small{display:block!important;margin-top:4px!important;font:400 13px/1.35 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important}

/* Inputs (MC-C03), selects (MC-C02), checkboxes. */
html body #overlayRoot .sheet.management-workspace input:not([type=checkbox]):not([type=radio]):not(.hidden-username),
html body #overlayRoot .sheet.management-workspace select,
html body #overlayRoot .sheet.management-workspace textarea{width:100%!important;min-height:44px!important;padding:0 12px!important;border:1px solid var(--mc-line,#cbd7e7)!important;border-radius:10px!important;background-color:#fff!important;font:400 16px/1.25 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important;box-shadow:none!important;box-sizing:border-box!important}
html body #overlayRoot .sheet.management-workspace select{-webkit-appearance:none!important;appearance:none!important;padding-right:38px!important;background:#fff url(/icons/heroicons/chevron-down.svg) right 12px center/18px no-repeat!important}
html body #overlayRoot .sheet.management-workspace textarea{padding:10px 12px!important;min-height:140px!important;line-height:1.4!important}
html body #overlayRoot .sheet.management-workspace input:focus,html body #overlayRoot .sheet.management-workspace select:focus,html body #overlayRoot .sheet.management-workspace textarea:focus{outline:2px solid rgba(56,119,200,.35)!important;border-color:var(--mc-blue,#3877c8)!important}
html body #overlayRoot .sheet.management-workspace input[type=checkbox]:not([role=switch]){-webkit-appearance:none!important;appearance:none!important;flex:none!important;width:24px!important;height:24px!important;margin:0!important;border:2px solid #9fb3cc!important;border-radius:7px!important;background:#fff center/16px no-repeat!important;cursor:pointer!important}
html body #overlayRoot .sheet.management-workspace input[type=checkbox]:not([role=switch]):checked{border-color:var(--mc-blue,#3877c8)!important;background-color:var(--mc-blue,#3877c8)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5l4 4 8-9'/%3E%3C/svg%3E")!important}
html body #overlayRoot .sheet.management-workspace input[type=checkbox]:disabled{opacity:.5!important}

/* Buttons (MC-C01). */
html body #overlayRoot .sheet.management-workspace .btn{min-height:44px!important;padding:0 16px!important;border-radius:12px!important;font:600 15px/1 var(--mc-font)!important;box-shadow:none!important}
html body #overlayRoot .sheet.management-workspace .btn.primary{background:var(--mc-blue,#3877c8)!important;border:1px solid var(--mc-blue,#3877c8)!important;color:#fff!important}
html body #overlayRoot .sheet.management-workspace .btn.secondary,html body #overlayRoot .sheet.management-workspace .btn.ghost,html body #overlayRoot .sheet.management-workspace .btn:not(.primary):not(.danger){background:#fff!important;border:1px solid var(--mc-line,#cbd7e7)!important;color:#1e3557!important}

/* ---------- Settings ---------- */
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body{padding:0 14px 16px!important}
html body #overlayRoot .sheet.ya-settings-panel .notice,
html body #overlayRoot .sheet.ya-settings-panel .settings-toggle-row,
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body>.field,
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body>label:not(.settings-toggle-row){display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 8px!important;padding:12px 14px!important;border:1px solid #e3e9f1!important;border-radius:12px!important;background:#fff!important;font:400 15px/1.3 var(--mc-font)!important;color:var(--mc-text,#1d283c)!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body>.field{display:block!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body>.field.ya-calendar-start-row{display:flex!important;flex-wrap:nowrap!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-calendar-start-row>label{margin:0!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-calendar-start-row select{width:auto!important;min-width:150px!important}
html body #overlayRoot .sheet.ya-settings-panel .settings-toggle-row{flex-wrap:nowrap!important;cursor:pointer!important}
html body #overlayRoot .sheet.ya-settings-panel .settings-toggle-row>span{flex:1 1 auto!important;min-width:0!important}
html body #overlayRoot .sheet.ya-settings-panel .settings-toggle-row strong{display:block!important;font:600 16px/1.25 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important}
html body #overlayRoot .sheet.ya-settings-panel .notice b{font-weight:600!important;color:var(--mc-ink,#0c1831)!important}
html body #overlayRoot .sheet.ya-settings-panel .settings-error:not(:empty){margin:0 14px 10px!important;padding:10px 12px!important;border-radius:10px!important;background:#fdecec!important;color:#a32025!important;font:500 14px/1.3 var(--mc-font)!important}

/* ---------- Account ---------- */
html body #overlayRoot .sheet.management-workspace .account-sheet{padding:0 14px 16px!important}
html body #overlayRoot .sheet.management-workspace .account-sheet>.email-card,
html body #overlayRoot .sheet.management-workspace .account-sheet>.account-grid,
html body #overlayRoot .sheet.management-workspace .account-sheet>.contact-share,
html body #overlayRoot .sheet.management-workspace .account-sheet>details,
html body #overlayRoot .sheet.management-workspace .account-sheet>.account-danger{margin:0 0 10px!important;padding:14px!important;border:1px solid #e3e9f1!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
html body #overlayRoot .sheet.management-workspace .account-sheet .email-card>label,
html body #overlayRoot .sheet.management-workspace .account-sheet .contact-share>label{display:block!important;margin:0 0 6px!important;font:600 15px/1.25 var(--mc-font)!important;color:#1e3557!important}
html body #overlayRoot .sheet.management-workspace .account-sheet .email-row{display:flex!important;align-items:center!important;gap:8px!important}
html body #overlayRoot .sheet.management-workspace .account-sheet .email-row input{flex:1 1 auto!important;min-width:0!important}
html body #overlayRoot .sheet.management-workspace .account-sheet .email-row .btn{flex:none!important}
html body #overlayRoot .sheet.management-workspace .account-sheet .account-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
html body #overlayRoot .sheet.management-workspace .account-sheet .account-grid .initials-field{grid-column:1!important}
html body #overlayRoot .sheet.management-workspace .account-sheet details>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:28px!important;list-style:none!important;cursor:pointer!important;font:600 15px/1.25 var(--mc-font)!important;color:#1e3557!important;border:0!important;background:transparent!important;padding:0!important}
html body #overlayRoot .sheet.management-workspace .account-sheet details>summary::-webkit-details-marker{display:none}
html body #overlayRoot .sheet.management-workspace .account-sheet details>summary::after{content:"";width:18px;height:18px;background:url(/icons/heroicons/chevron-down.svg) center/18px no-repeat;transition:transform .15s}
html body #overlayRoot .sheet.management-workspace .account-sheet details[open]>summary{margin-bottom:10px!important}
html body #overlayRoot .sheet.management-workspace .account-sheet details[open]>summary::after{transform:rotate(180deg)}
html body #overlayRoot .sheet.management-workspace .account-sheet .account-note{margin:0 4px 12px!important;font:400 13px/1.35 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important}
html body #overlayRoot .sheet.management-workspace .account-sheet .account-danger{border-color:#f3d2cf!important}
html body #overlayRoot .sheet.management-workspace .account-sheet .account-danger h3{margin-top:0!important;color:#a32025!important}
html body #overlayRoot .sheet.management-workspace .account-sheet .account-danger .btn,
html body #overlayRoot .sheet.management-workspace .account-sheet .account-danger button{width:100%!important;min-height:46px!important;border-radius:12px!important;background:#fff!important;border:1px solid #f1c4c0!important;color:#b42318!important;font:600 15px/1 var(--mc-font)!important}
html body #overlayRoot .sheet.management-workspace .account-sheet .account-danger button:disabled{opacity:.5!important}
html body #overlayRoot .sheet.management-workspace .account-error:not(:empty){margin:0 0 10px!important;padding:10px 12px!important;border-radius:10px!important;background:#fdecec!important;color:#a32025!important}

/* ---------- Help / FAQs ---------- */
html body #overlayRoot .sheet.help-sheet .help-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0 14px 12px!important}
html body #overlayRoot .sheet.help-sheet .help-actions .btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;text-decoration:none!important}
html body #overlayRoot .sheet.help-sheet .help-faq-scroll{margin:0 14px 16px!important;padding:14px!important;border:1px solid #e3e9f1!important;border-radius:14px!important;background:#fff!important;font:400 15px/1.45 var(--mc-font)!important}
html body #overlayRoot .sheet.help-sheet .help-faq-scroll details{border-bottom:1px solid #edf1f6!important;padding:10px 0!important}
html body #overlayRoot .sheet.help-sheet .help-faq-scroll details:last-child{border-bottom:0!important}
html body #overlayRoot .sheet.help-sheet .help-faq-scroll summary{font:600 15px/1.35 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important;cursor:pointer!important}

/* ---------- Activity: filters card, then one plain scrollable text listing ---------- */
html body #overlayRoot .sheet.management-workspace .email-profile-activity-filters{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0 14px 10px!important;padding:14px!important;border:1px solid #e3e9f1!important;border-radius:14px!important;background:#fff!important}
html body #overlayRoot .sheet.management-workspace .email-profile-activity-filters .field{margin:0!important}
html body #overlayRoot .sheet.management-workspace .email-profile-activity-filters .field.wide{grid-column:1/-1!important}
html body #overlayRoot .sheet.management-workspace .ya-activity-applies-export-row{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:10px!important;margin:0 14px 10px!important}
html body #overlayRoot .sheet.management-workspace .ya-activity-applies-export-row .field{flex:1 1 auto!important;margin:0!important}
html body #overlayRoot .sheet.management-workspace .ya-activity-applies-export-row .applies-row{display:flex!important;gap:8px!important}

/* ---------- Feedback ---------- */
html body #overlayRoot .sheet.management-workspace:has(#feedbackSend)>.field{margin:0 14px 12px!important}
html body #overlayRoot .sheet.management-workspace .feedback-diagnostics{margin:0 14px 12px!important;padding:12px 14px!important;border:1px solid #e3e9f1!important;border-radius:14px!important;background:#fff!important;font:400 13px/1.5 var(--mc-font)!important;color:#33445c!important}
html body #overlayRoot .sheet.management-workspace .feedback-diagnostics strong{display:block!important;margin-bottom:4px!important;font:700 13px/1.3 var(--mc-font)!important;color:#53627a!important;text-transform:uppercase!important;letter-spacing:.06em!important}
html body #overlayRoot .sheet.management-workspace #feedbackSend{display:block!important;width:calc(100% - 28px)!important;margin:0 14px 12px!important;min-height:48px!important}

/* ---------- About (compact card, not full-screen) ---------- */
html body #overlayRoot .sheet.about-sheet{border-radius:18px!important;font-family:var(--mc-font)!important}
html body #overlayRoot .sheet.about-sheet .about-hero{border-radius:14px!important;background:#f3f6fa!important}
html body #overlayRoot .sheet.about-sheet .about-name{font:800 22px/1.2 var(--mc-font)!important;color:#14325a!important}
html body #overlayRoot .sheet.about-sheet .about-row{min-height:48px!important;font:500 16px/1.2 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important}

/* Screens whose .39 header already has an in-flow Back (.settings-back), e.g. Group Edit. */
html body #overlayRoot .sheet.management-workspace>.sheet-head:not(:has(>.close)){padding-left:6px!important;gap:2px!important}
html body #overlayRoot .sheet.management-workspace>.sheet-head>.settings-back:not(.hidden){display:grid!important;place-items:center!important;flex:none!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important}
html body #overlayRoot .sheet.management-workspace>.sheet-head>.settings-back img{width:24px!important;height:24px!important}
html body #overlayRoot .sheet.management-workspace>.sheet-head h2{min-width:0!important;overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;font-size:20px!important;padding:8px 0!important}

/* Group list (single band per group). */
html body #overlayRoot .sheet.management-workspace .ya-group-body{padding:0 14px 16px!important}
html body #overlayRoot .sheet.management-workspace .ya-group-top{display:flex!important;justify-content:flex-end!important;margin:0 0 10px!important}
html body #overlayRoot .sheet.management-workspace .group-choices{display:flex!important;flex-direction:column!important;gap:8px!important}
html body #overlayRoot .sheet.management-workspace .group-choice{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-height:64px!important;margin:0!important;padding:10px 12px 10px 16px!important;border:1px solid #e3e9f1!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;text-align:left!important}
html body #overlayRoot .sheet.management-workspace .group-choice-text{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
html body #overlayRoot .sheet.management-workspace .group-choice-name{font:600 17px/1.25 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important}
html body #overlayRoot .sheet.management-workspace .group-choice-meta{font:400 13px/1.2 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important}
html body #overlayRoot .sheet.management-workspace .group-detail-toggle img{width:20px!important;height:20px!important;opacity:.7}

/* Group Edit sections: disclosure rows and actions as cards. */
html body #overlayRoot .sheet.management-workspace .ya-group-body .settings-disclosure,
html body #overlayRoot .sheet.management-workspace .ya-group-body #groupSongLibrary,
html body #overlayRoot .sheet.management-workspace .ya-group-body #groupSetLists{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-height:50px!important;margin:0 0 8px!important;padding:0 14px!important;border:1px solid #e3e9f1!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;font:600 15px/1.25 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important;text-align:left!important}
html body #overlayRoot .sheet.management-workspace .ya-group-body details[open]>.settings-disclosure{margin-bottom:0!important;border-radius:12px 12px 0 0!important;border-bottom-color:#edf1f6!important}
html body #overlayRoot .sheet.management-workspace .ya-group-body details[open]>.settings-disclosure~*{background:#fff}
html body #overlayRoot .sheet.management-workspace .ya-group-body details[open]{margin:0 0 8px!important;border:1px solid #e3e9f1!important;border-radius:12px!important;background:#fff!important}
html body #overlayRoot .sheet.management-workspace .ya-group-body details[open]>.settings-disclosure{border:0!important;border-bottom:1px solid #edf1f6!important}
html body #overlayRoot .sheet.management-workspace .ya-group-body details[open]>:not(summary){margin-left:14px!important;margin-right:14px!important}
html body #overlayRoot .sheet.management-workspace .ya-group-body #delete-group{width:100%!important;min-height:46px!important;border-radius:12px!important;background:#fff!important;border:1px solid #f1c4c0!important;color:#b42318!important;font:600 15px/1 var(--mc-font)!important}
html body #overlayRoot .sheet.management-workspace .management-choice-list.group-choices{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}

/* Full screen (Gary, Oct 18): Settings, Group / Group Edit, Account, Help, Activity and Feedback cover the
   whole screen, including the app header and bottom bar; Back is in the screen's own header. */
html body #overlayRoot>.overlay.management-overlay:has(>.sheet.management-workspace){position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;height:100%!important;padding:0!important;align-items:stretch!important;justify-content:stretch!important;background:#f3f6fa!important}
html body #overlayRoot>.overlay.management-overlay>.sheet.management-workspace{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}
html body #overlayRoot>.overlay.management-overlay>.sheet.management-workspace>.sheet-head:not(.share-preview-header){position:sticky!important;top:0!important;z-index:3!important}
@media (min-width:760px){html body #overlayRoot>.overlay.management-overlay>.sheet.management-workspace{padding-left:calc((100% - 720px)/2)!important;padding-right:calc((100% - 720px)/2)!important}}

/* Band Details: logo upload (Gary, Oct 19). */
html body #overlayRoot .ya-band-logo-row{display:flex;align-items:center;gap:14px}
html body #overlayRoot .ya-band-logo-preview{flex:none;display:grid;place-items:center;width:72px;height:72px;border:1px dashed #c3cad7;border-radius:14px;background:#f6f8fb;overflow:hidden}
html body #overlayRoot .ya-band-logo-preview img{width:100%;height:100%;object-fit:contain}
html body #overlayRoot .ya-band-logo-preview span{font:500 12px/1.2 var(--mc-font);color:#8a96ad}
html body #overlayRoot .ya-band-logo-actions{display:grid;gap:6px;min-width:0}
html body #overlayRoot .ya-band-logo-actions .btn{min-height:40px!important;margin:0!important}
html body #overlayRoot .ya-band-logo-actions small{font:400 12px/1.3 var(--mc-font);color:#68758a}

/* ---------- iPhone Settings look (Gary, Oct 19) — Settings screen first ---------- */
:root{--ios-bg:#F2F2F7;--ios-card:#FFFFFF;--ios-sep:#C6C6C8;--ios-label:#000000;--ios-secondary:#8E8E93;--ios-footer:#6D6D72;--ios-switch-on:#34C759;--ios-switch-off:#E9E9EA;--ios-radius:22px}
html body #overlayRoot .sheet.ya-settings-panel{background:var(--ios-bg)!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif!important}
html body #overlayRoot .sheet.ya-settings-panel>.sheet-head{position:sticky;top:0;z-index:5;display:grid!important;grid-template-columns:44px 1fr 44px!important;align-items:center!important;min-height:56px!important;padding:6px 12px!important;background:rgba(242,242,247,.92)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:.5px solid rgba(60,60,67,.18)!important;box-shadow:none!important}
html body #overlayRoot .sheet.ya-settings-panel>.sheet-head h2{grid-column:2!important;justify-self:center!important;margin:0!important;font:600 17px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;color:#000!important;text-align:center!important}
html body #overlayRoot .sheet.ya-settings-panel>.sheet-head .close,html body #overlayRoot .sheet.ya-settings-panel>.sheet-head .settings-back{grid-column:1!important;grid-row:1!important;justify-self:start!important;width:40px!important;height:40px!important;min-width:40px!important;border-radius:50%!important;background:#fff!important;border:.5px solid rgba(60,60,67,.18)!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important}
html body #overlayRoot .ya-settings-panel-body[data-ios]{padding:8px 16px 28px!important;background:transparent!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-section{margin:0 0 24px}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-section-title{margin:0 0 7px 16px!important;padding:0!important;font:600 15px/1.25 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;color:var(--ios-secondary)!important;text-transform:none!important;letter-spacing:0!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-section-footer,html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-page-footer{margin:7px 16px 0!important;font:400 13px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;color:var(--ios-footer)!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group{background:var(--ios-card);border-radius:var(--ios-radius);overflow:hidden}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .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.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group>*+*::before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:var(--ios-sep)}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:52px!important;padding:10px 16px!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-row-label,html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-row>label,html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-toggle-row strong{font:400 17px/1.25 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;color:var(--ios-label)!important;margin:0!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-row-value{font:400 17px/1.25 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;color:var(--ios-secondary);text-align:right}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-toggle-row>span{display:grid!important;gap:2px!important;min-width:0!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-toggle-row small{font:400 13px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;color:var(--ios-secondary)!important}
/* iPhone switch */
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-toggle-row 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:var(--ios-switch-off)!important;background-image:none!important;box-shadow:none!important;transition:background .2s ease;cursor:pointer}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-toggle-row input[type=checkbox]::before{content:""!important;position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16);transition:transform .2s ease}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-toggle-row input[type=checkbox]::after{content:none!important;display:none!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-toggle-row input[type=checkbox]:checked{background:var(--ios-switch-on)!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-toggle-row input[type=checkbox]:checked::before{transform:translateX(20px)}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-toggle-row input[type=checkbox]:disabled{opacity:.5}
/* Pop-up value (select) on the right, iPhone style */
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-select-row{display:flex!important;flex-wrap:nowrap!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-select-row>label{flex:1 1 auto!important;min-width:0}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-select-row select{flex:0 1 auto!important;width:auto!important;max-width:58%!important;min-height:0!important;height:auto!important;padding:0 22px 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.25 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;color:var(--ios-secondary)!important;text-align:right!important;text-align-last:right!important;-webkit-appearance:none!important;appearance:none!important}

/* Win over the older Settings card / checkbox styles inside the iPhone groups. */
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group .settings-toggle-row,html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group .field,html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group .ya-debug-settings{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group .ios-toggle-row strong{font-weight:400!important;font-size:17px!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group .ios-select-row>label{font:400 17px/1.25 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;color:#000!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group .ios-toggle-row input.ya-common-checkbox{-webkit-appearance:none!important;appearance:none!important;width:51px!important;height:31px!important;min-width:51px!important;border:0!important;border-radius:16px!important;background:var(--ios-switch-off)!important;background-image:none!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group .ios-toggle-row input.ya-common-checkbox:checked{background:var(--ios-switch-on)!important;background-image:none!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group .ios-toggle-row input.ya-common-checkbox::after{content:none!important;display:none!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group .ios-toggle-row input.ya-common-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.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group .ios-toggle-row input.ya-common-checkbox:checked::before{transform:translateX(20px)!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group .ios-select-row select{height:auto!important;min-height:0!important;border:0!important;box-shadow:none!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-section-title{text-transform:none!important;letter-spacing:0!important}
html body #overlayRoot .sheet.ya-settings-panel>.sheet-head .close img{width:18px!important;height:18px!important}
html body #overlayRoot .sheet.ya-settings-panel>.sheet-head .close{background:#fff url(/icons/heroicons/chevron-left.svg) center/22px no-repeat!important}
html body #overlayRoot .sheet.ya-settings-panel>.sheet-head .close img{display:none!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group .ios-select-row>label{flex:1 1 0!important;min-width:0!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group .ios-select-row select{flex:0 0 auto!important;max-width:52%!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group #settingsCalendarStart{width:118px!important;max-width:118px!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group .ios-select-row>label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding:0!important}
html body #overlayRoot .sheet.ya-settings-panel .ya-settings-panel-body[data-ios] .ios-group #settingsAvailabilityAcrossGroups{width:164px!important;max-width:60%!important}
/* Settings back button (Gary, Oct 20): the chevron is drawn inside the button, so no background image. */
html body #overlayRoot .sheet>.sheet-head .close.ya-settings-back:not(#_):not(#__){background:#fff!important;display:grid!important;place-items:center!important;color:#1C1C1E!important}
html body #overlayRoot .sheet>.sheet-head .close.ya-settings-back svg{width:22px;height:22px}