/* Modern UI — Share, Members and Saved Views.
   The screen decisions keep the compact .39 layouts for these screens ("do not redesign"); this sheet
   only brings them onto the MC tokens: segmented control (MC-C06), rows/disclosures, buttons (MC-C01),
   inputs (MC-C03) and member avatars (MC-C25). IDs, options and handlers are unchanged. */

/* ---------- Shared: segmented Email/Text and Schedule/Calendar toggles (MC-C06) ---------- */
html body .ya-delivery-toggle{display:inline-flex!important;align-items:center!important;gap:2px!important;padding:3px!important;border-radius:10px!important;background:#e7eef7!important;border:0!important;box-shadow:none!important}
html body .ya-delivery-toggle>button{min-height:32px!important;min-width:76px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;font:600 14px/1 var(--mc-font)!important;color:#36506f!important}
html body .ya-delivery-toggle>button.active{background:var(--mc-blue,#3877c8)!important;color:#fff!important;box-shadow:0 1px 2px rgba(12,24,49,.18)!important}

/* ---------- Share ---------- */
html body #overlayRoot .sheet.quick-share-sheet{font-family:var(--mc-font)!important;color:var(--mc-text,#1d283c)!important}
html body #overlayRoot .sheet.quick-share-sheet .quick-share-preview-head h2{font:800 22px/1.2 var(--mc-font)!important;color:#14325a!important}
html body #overlayRoot .sheet.quick-share-sheet .settings-disclosure{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:44px!important;padding:0 14px!important;border:1px solid #dfe5ee!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;font:600 15px/1.2 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important}
html body #overlayRoot .sheet.quick-share-sheet .quick-share-selectors{gap:8px!important}
html body #overlayRoot .sheet.quick-share-sheet .quick-share-selectors .settings-disclosure{font-size:14px!important;padding:0 10px 0 12px!important;min-width:0!important}
html body #overlayRoot .sheet.quick-share-sheet #quickShareOptions .settings-disclosure{min-height:40px!important;font-weight:500!important;margin-top:6px!important}
html body #overlayRoot .sheet.quick-share-sheet .share-preview{border:1px solid #dfe5ee!important;border-radius:14px!important;background:#f7f9fc!important;font:400 15px/1.4 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important}
html body #overlayRoot .sheet.quick-share-sheet .share-introduction{font:700 15px/1.35 var(--mc-font)!important;color:#14325a!important}
html body #overlayRoot .sheet.quick-share-sheet .quick-share-event{border-color:#e3e9f1!important}
html body #overlayRoot .sheet.quick-share-sheet .quick-share-event-date{color:var(--mc-blue-strong,#245fae)!important;font-weight:600!important}
html body #overlayRoot .sheet.quick-share-sheet .quick-share-delivery{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
html body #overlayRoot .sheet.quick-share-sheet .quick-share-delivery .btn{width:100%!important;min-height:48px!important;margin:0!important;border-radius:12px!important;box-shadow:none!important;font:600 16px/1 var(--mc-font)!important}
html body #overlayRoot .sheet.quick-share-sheet .quick-share-delivery .btn b{font-weight:600!important}
html body #overlayRoot .sheet.quick-share-sheet .quick-share-delivery .btn.primary{background:var(--mc-blue,#3877c8)!important;border:1px solid var(--mc-blue,#3877c8)!important;color:#fff!important}
html body #overlayRoot .sheet.quick-share-sheet .quick-share-delivery .btn:not(.primary){background:#fff!important;border:1px solid var(--mc-line,#cbd7e7)!important;color:#1e3557!important}
html body #overlayRoot .sheet.quick-share-sheet .quick-share-email-panel input{min-height:44px!important;border-radius:10px!important;font-size:16px!important}
html body #overlayRoot .sheet.quick-share-sheet .quick-share-email-panel .btn{min-height:46px!important;border-radius:12px!important}

/* ---------- Members ---------- */
html body .member-invitation-invite-block{margin:0 0 12px!important;padding:14px!important;border:1px solid #e3e9f1!important;border-radius:14px!important;background:#fff!important;font-family:var(--mc-font)!important}
html body .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}
html body .member-invitation-invite-block .invite-heading h3{margin:0!important;font:700 17px/1.2 var(--mc-font)!important;color:#14325a!important}
html body .member-invitation-invite-block #invite-destination{width:100%!important;min-height:44px!important;padding:0 12px!important;border:1px solid var(--mc-line,#cbd7e7)!important;border-radius:10px!important;font:400 16px/1.2 var(--mc-font)!important;box-sizing:border-box!important}
html body .member-invitation-invite-block .ya-invite-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important}
html body .member-invitation-invite-block .ya-invite-actions .btn{width:100%!important;min-height:44px!important;margin:0!important;border-radius:12px!important;box-shadow:none!important;font:600 15px/1.1 var(--mc-font)!important;white-space:normal!important}
html body .member-invitation-invite-block .ya-invite-actions .btn.primary{background:var(--mc-blue,#3877c8)!important;border:1px solid var(--mc-blue,#3877c8)!important;color:#fff!important}
html body .member-invitation-invite-block .ya-invite-actions .btn:not(.primary){background:#fff!important;border:1px solid var(--mc-line,#cbd7e7)!important;color:#1e3557!important}
html body .ya-member-row{margin:0 0 8px!important;border:1px solid #e3e9f1!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important}
html body .ya-member-row .ya-member-summary{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:64px!important;margin:0!important;padding:10px 12px!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
/* Member avatar (MC-C25): two-letter initials until photos exist. */
html body #membersView .ya-member-row .ya-member-circle,html body .members-sheet .ya-member-row .ya-member-circle,html body .ya-member-row .ya-member-circle{flex:none!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;border-radius:50%!important;font:700 14px/1 var(--mc-font)!important;color:#fff!important}
html body .ya-member-row .ya-member-summary-text{flex:1 1 auto!important;min-width:0!important}
html body .ya-member-row .member-name{font:600 16px/1.25 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important}
html body .ya-member-row .ya-member-summary-text small,html body .ya-member-row .ya-member-summary-text span:not(.ya-current-member-label){font:400 13px/1.3 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important}
html body .ya-member-row .ya-current-member-label{font-weight:400!important;color:var(--mc-muted,#68758a)!important}
html body .ya-member-row .ya-member-chevron{flex:none!important;font-size:0!important;width:20px!important;height:20px!important;background:url(/icons/heroicons/chevron-right.svg) center/20px no-repeat!important;opacity:.7}
html body .ya-member-row .ya-member-groups:not(.hidden){padding:0 12px 12px!important;border-top:1px solid #edf1f6!important}
html body .ya-member-row .ya-member-group-detail{padding:10px 0!important;border-bottom:1px solid #f1f4f8!important}
html body .ya-member-row .ya-member-group-detail:last-child{border-bottom:0!important}
html body .ya-member-row .ya-member-group-actions select{min-height:40px!important;border-radius:10px!important;font-size:15px!important}

/* ---------- Saved Views: Manage Views and New Saved View cards ---------- */
html body #overlayRoot .sheet:has(.saved-views-manager),html body #overlayRoot .sheet:has(.saved-view-question),html body #overlayRoot .sheet:has(#saveCurrentViewButton){border-radius:18px!important;font-family:var(--mc-font)!important}
html body #overlayRoot .saved-views-manager h2,html body #overlayRoot .sheet:has(.saved-view-question) .sheet-head h2,html body #overlayRoot .sheet:has(#saveCurrentViewButton) .sheet-head h2{font:800 24px/1.2 var(--mc-font)!important;color:#14325a!important}
html body #overlayRoot .saved-views-manager .notice{border-radius:12px!important;background:#f3f6fa!important;border:1px solid #e3e9f1!important}
html body #overlayRoot .saved-views-manager .saved-view-manager-row{border-radius:12px!important}
html body #overlayRoot .sheet:has(.saved-views-manager) .btn,html body #overlayRoot .sheet:has(.saved-view-question) .btn,html body #overlayRoot .sheet:has(#saveCurrentViewButton) .btn{min-height:48px!important;border-radius:12px!important;box-shadow:none!important;font:600 16px/1 var(--mc-font)!important}
html body #overlayRoot .sheet:has(.saved-views-manager) .btn.primary,html body #overlayRoot .sheet:has(.saved-view-question) .btn.primary,html body #overlayRoot .sheet:has(#saveCurrentViewButton) .btn.primary{background:var(--mc-blue,#3877c8)!important;border:1px solid var(--mc-blue,#3877c8)!important;color:#fff!important}
html body #overlayRoot .sheet:has(.saved-view-question) .saved-view-question{border-radius:12px!important}
html body #overlayRoot .sheet:has(.saved-view-question) select,html body #overlayRoot .sheet:has(.saved-view-question) input:not([type=checkbox]):not([type=radio]){min-height:44px!important;border-radius:10px!important;font-size:16px!important}

/* Gary, Oct 18: member avatars 30% smaller (40px -> 28px). */
html body #membersView .ya-member-row .ya-member-circle,html body .members-sheet .ya-member-row .ya-member-circle,html body .ya-member-row .ya-member-circle{width:28px!important;height:28px!important;min-width:28px!important;font:700 11px/1 var(--mc-font)!important}

/* Share Options styles (Gary, Oct 18). */
html body #overlayRoot .sheet.quick-share-sheet .share-style-list{display:flex!important;flex-direction:column!important;gap:2px!important;margin:6px 0 4px!important;padding:4px!important;border:1px solid #dfe5ee!important;border-radius:12px!important;background:#fff!important}
html body #overlayRoot .sheet.quick-share-sheet .share-style{min-height:40px!important;border-radius:8px!important;font:500 15px/1.2 var(--mc-font)!important}
html body #overlayRoot .sheet.quick-share-sheet .share-style.selected{font-weight:700!important;background:#eef3f9!important}
html body #overlayRoot .sheet.quick-share-sheet .share-custom-groups{margin:4px 0 0 14px!important;padding-left:10px!important;border-left:2px solid #dfe5ee!important}
html body #overlayRoot .sheet.quick-share-sheet .quick-share-abbreviated{display:flex;flex-direction:column;gap:4px;font:500 15px/1.4 var(--mc-font);color:var(--mc-ink,#0c1831)}
html body #overlayRoot .sheet.quick-share-sheet .quick-share-event strong{font-weight:700}

/* Members (Gary, Oct 18): an opened member stacks its group settings below the name instead of squeezing the name
   into a narrow left column. */
html body .ya-member-row.ya-member-row-layout.expanded,html body #membersView .ya-member-row.ya-member-row-layout.expanded{display:block!important;grid-template-columns:none!important}
html body .ya-member-row.expanded .ya-member-summary{width:100%!important}
html body .ya-member-row.expanded .ya-member-chevron{transform:rotate(90deg)}
html body .ya-member-row .ya-member-groups:not(.hidden){display:block!important;width:auto!important}
html body .ya-member-row .ya-member-group-detail{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
html body .ya-member-row .ya-member-group-label{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important;font:600 15px/1.25 var(--mc-font)!important}
html body .ya-member-row .ya-member-group-label span{font:400 13px/1.2 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important}
html body .ya-member-row .ya-member-group-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
html body .ya-member-row .ya-member-group-actions select{flex:1 1 auto!important;min-width:0!important;max-width:200px!important;height:40px!important;padding:0 32px 0 12px!important;border:1px solid var(--mc-line,#cbd7e7)!important;border-radius:10px!important;-webkit-appearance:none!important;appearance:none!important;background:#fff url(/icons/heroicons/chevron-down.svg) right 10px center/16px no-repeat!important;font:400 15px/1.2 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important}
html body .ya-member-row .ya-member-group-actions select:disabled{background-color:#f3f6fa!important;color:#53627a!important;opacity:1!important}
html body .ya-member-row .ya-member-group-actions label{display:flex!important;align-items:center!important;gap:8px!important;font:500 14px/1.2 var(--mc-font)!important;white-space:nowrap!important}

/* New / Edit Saved View: View Without Saving beside Save View (Gary, Oct 18). */
html body #overlayRoot .saved-view-actions.saved-view-actions-pair{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
html body #overlayRoot .saved-view-actions.saved-view-actions-pair .btn{width:100%!important;margin:0!important;padding:0 10px!important;white-space:normal!important;line-height:1.15!important}
html body #overlayRoot .saved-view-actions.saved-view-actions-pair .btn:not(.primary){background:#fff!important;border:1px solid var(--mc-blue,#3877c8)!important;color:var(--mc-blue-strong,#245fae)!important}
html body #overlayRoot .saved-view-view-note{display:block!important;margin:8px 2px 0!important;font:400 13px/1.35 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important}
/* Gary, Oct 20: event details in settings-style rows (Edit/Save View step 4 and Show menu > Event). */
html body #overlayRoot .ec-card{display:flex!important;flex-direction:column;gap:6px;padding:6px;border-radius:16px;background:#F2F2F7}
html body #overlayRoot .ec-row{display:flex!important;align-items:center;gap:10px;min-height:46px;margin:0!important;padding:0 8px 0 14px!important;border-radius:12px;background:#fff}
html body #overlayRoot .ec-label{flex:none;max-width:45%;font:400 16px var(--ios-font,-apple-system,system-ui,sans-serif);color:#000}
html body #overlayRoot .ec-row .ec-input{flex:1 1 auto!important;min-width:0!important;width:auto!important;height:40px!important;margin:0!important;padding:0 4px!important;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;font:400 16px var(--ios-font,-apple-system,system-ui,sans-serif)!important;color:#000!important;text-align:right!important}
html body #overlayRoot .ec-row .ec-input::placeholder{color:#AEAEB2}
html body #overlayRoot .ec-fixed{flex:1 1 auto;min-width:0;text-align:right;font:400 16px var(--ios-font,-apple-system,system-ui,sans-serif);color:#3C3C43;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body #overlayRoot .ec-remove{flex:none!important;display:grid!important;place-items:center;width:26px!important;height:26px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:13px!important;background:#FF3B30!important;color:#fff!important;font:700 18px/1 var(--ios-font,-apple-system,system-ui,sans-serif)!important;box-shadow:none!important}
html body #overlayRoot .ec-join{display:flex!important;justify-content:center;gap:0;margin:0 auto!important;padding:2px;border-radius:9px;background:#E3E3E8;width:max-content}
html body #overlayRoot .ec-join-opt{min-width:64px!important;height:28px!important;min-height:0!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#3C3C43!important;font:600 14px var(--ios-font,-apple-system,system-ui,sans-serif)!important;box-shadow:none!important}
html body #overlayRoot .ec-join-opt.on{background:#fff!important;color:#000!important;box-shadow:0 1px 3px rgba(0,0,0,.14)!important}
html body #overlayRoot .ec-add{display:flex!important;align-items:center;gap:10px;width:100%!important;min-height:46px!important;margin:0!important;padding:0 14px!important;border:0!important;border-radius:12px!important;background:#fff!important;color:var(--mc-blue,#2F6FEB)!important;font:400 16px var(--ios-font,-apple-system,system-ui,sans-serif)!important;text-align:left!important;box-shadow:none!important}
html body #overlayRoot .ec-add>span:not(.ec-chev){flex:1 1 auto}
html body #overlayRoot .ec-chev{color:#C7C7CC;font-size:22px;line-height:1}
html body #overlayRoot .ec-note{display:block;margin:6px 4px 0;color:#6D6D72;font:400 13px var(--ios-font,-apple-system,system-ui,sans-serif)}
html body #overlayRoot .ec-optional{margin-left:6px;color:#8E8E93;font-weight:400;font-size:13px}
html body #overlayRoot .ec-lead{margin:0 2px 12px;color:#3C3C43;font:400 15px/1.35 var(--ios-font,-apple-system,system-ui,sans-serif)}
html body #overlayRoot .ec-sheet .saved-view-actions{margin-top:16px}
html body #overlayRoot .sv-band-pick{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
html body #overlayRoot .sv-band-pick[hidden]{display:none}
html body #overlayRoot .sv-band{margin:0!important;padding:8px 14px!important;border:1px solid #D1D1D6!important;border-radius:18px!important;background:#fff!important;color:#000!important;font:400 15px var(--ios-font,-apple-system,system-ui,sans-serif)!important}
html body #overlayRoot .saved-view-actions.sv-apply:not(.saved-view-actions-pair) .btn{width:100%!important}
html body #overlayRoot .sv-save-it{display:block!important;width:100%!important;margin:10px 0 0!important;background:#fff!important;border:1px solid var(--mc-blue,#3877c8)!important;color:var(--mc-blue-strong,#245fae)!important}
html body #overlayRoot .saved-view-editor{grid-template-columns:minmax(0,1fr)!important}
html body #overlayRoot .saved-view-editor .ec-card,html body #overlayRoot .saved-view-editor .ec-row{min-width:0;box-sizing:border-box}
html body #overlayRoot .saved-view-editor .btn.sv-save-it{background:#fff!important;border:1px solid var(--mc-blue,#3877c8)!important;color:var(--mc-blue-strong,#245fae)!important}