/* Modern UI — Event Details View (DS-08A, Option 1) and Edit Event (DS-08B, Option 3).
   Presentation only: the .39 markup, IDs, permissions and controllers are unchanged.
   Loaded last; rules are scoped to the event sheets and use !important to win over the .39 inline styles. */

/* ---------- Shared: date navigation row ---------- */
html body .overlay .event-sheet{font-family:var(--mc-font)!important;color:var(--mc-text,#1d283c)}
html body .overlay .event-sheet.event-readonly .ya-event-nav-arrow{width:36px!important;height:36px!important;min-width:36px!important}
html body .overlay .event-sheet .ya-event-nav-arrow{border:1px solid var(--mc-line,#cbd7e7)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;display:grid!important;place-items:center!important;padding:0!important}
html body .overlay .event-sheet .ya-event-nav-arrow:disabled{opacity:.35!important}
html body .overlay .event-sheet .ya-event-nav-arrow .event-action-icon{width:18px!important;height:18px!important}
html body .overlay .event-sheet .event-date-caption h2{color:var(--mc-ink,#0c1831)!important;font-weight:700!important;letter-spacing:-.01em}
html body .overlay .event-sheet .event-state{border-radius:999px!important;font:600 12px/1 var(--mc-font)!important;padding:4px 10px!important}
html body .overlay .event-sheet .event-state.booked{background:#d8f1e2!important;color:#17673f!important}
html body .overlay .event-sheet .event-state.open{background:#e7eef7!important;color:#36506f!important}

/* Member identity row (MC-C25 avatars) with an availability count. */
html body .overlay .event-sheet .event-available{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
html body .overlay .event-sheet .event-available .member-dot{width:36px!important;height:36px!important;min-width:36px!important;font:700 13px/1 var(--mc-font)!important;border:0!important;box-shadow:none!important}
html body .overlay .event-sheet .event-available .event-member-more{height:36px!important;min-width:36px!important;border-radius:999px!important;border:1px solid var(--mc-line,#cbd7e7)!important;background:#fff!important;font:600 13px/1 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important}
html body .overlay .event-sheet .mc-lineup-count{margin-left:4px;color:var(--mc-muted,#68758a);font:500 14px/1.2 var(--mc-font)}

/* ---------- View Event (Option 1) ---------- */
html body .overlay .event-sheet.event-readonly{padding:10px 14px 14px!important;gap:12px!important;background:#fff!important}
html body .overlay .event-sheet.event-readonly .event-view-date{min-height:44px!important;padding:0!important;border:0!important}
html body .overlay .event-sheet.event-readonly:has(.mc-event-hero) .event-date-caption .event-state{display:none!important}
html body .overlay .event-sheet.event-readonly .event-view-date .close{width:36px!important;height:36px!important;border-radius:10px!important}

html body .overlay .event-sheet .mc-event-hero{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--mc-panel-line,#d6e0ec);border-radius:16px;background:#fff;box-shadow:0 1px 3px rgba(12,24,49,.06)}
html body .overlay .event-sheet .mc-event-date-tile{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:74px;height:84px;border-radius:12px;background:#f3f6fa;border:1px solid #e3e9f1;color:var(--mc-muted,#68758a);font:600 13px/1.1 var(--mc-font);letter-spacing:.04em}
html body .overlay .event-sheet .mc-event-date-tile b{font:700 32px/1.05 var(--mc-font);color:var(--mc-ink,#0c1831);letter-spacing:-.02em}
html body .overlay .event-sheet .mc-event-hero-text{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
html body .overlay .event-sheet .mc-event-hero-text strong{font:700 20px/1.2 var(--mc-font);color:var(--mc-ink,#0c1831);overflow-wrap:anywhere}
html body .overlay .event-sheet .mc-event-hero-text span:not(.mc-event-status){font:500 15px/1.3 var(--mc-font);color:var(--mc-blue-strong,#245fae);overflow-wrap:anywhere}
html body .overlay .event-sheet .mc-event-status{display:inline-block;margin-bottom:4px;padding:4px 10px;border-radius:999px;background:#d8f1e2;color:#17673f;font:600 12px/1 var(--mc-font)}

/* Details card: icon rows (icon | label over value), action links on the right. */
html body .overlay .event-sheet.event-readonly .event-readonly-details{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;border:0!important;background:transparent!important}
html body .overlay .event-sheet.event-readonly .event-readonly-field{position:relative!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:start!important;column-gap:12px!important;padding:10px 14px!important;margin:0!important;border:0!important;background:#f3f6fa!important;border-radius:0!important}
html body .overlay .event-sheet.event-readonly .event-readonly-field:first-child{border-radius:14px 14px 0 0!important;padding-top:14px!important}
html body .overlay .event-sheet.event-readonly .event-readonly-field:not(:has(~ .event-readonly-field)){border-radius:0 0 14px 14px!important;padding-bottom:14px!important}
html body .overlay .event-sheet.event-readonly .event-readonly-field:first-child:not(:has(~ .event-readonly-field)){border-radius:14px!important}
html body .overlay .event-sheet.event-readonly .event-readonly-field.has-action{padding-right:62px!important}
html body .overlay .event-sheet.event-readonly .mc-event-field-icon{display:grid;place-items:center;width:30px;height:30px}
html body .overlay .event-sheet.event-readonly .mc-event-field-icon img{width:24px;height:24px;opacity:.85}
html body .overlay .event-sheet.event-readonly .mc-event-field-text{min-width:0}
html body .overlay .event-sheet.event-readonly .event-readonly-label{margin:0 0 2px!important;padding:0!important;border:0!important;font:500 13px/1.25 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important;text-transform:none!important;letter-spacing:0!important}
html body .overlay .event-sheet.event-readonly .event-readonly-value{margin:0!important;padding:0!important;border:0!important;font:500 16px/1.3 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
html body .overlay .event-sheet.event-readonly .event-readonly-value a{color:var(--mc-blue-strong,#245fae)!important;text-decoration:none!important}
html body .overlay .event-sheet .mc-event-field-action{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--mc-line,#cbd7e7);border-radius:12px;background:#fff}
html body .overlay .event-sheet .mc-event-field-action img{width:22px;height:22px;filter:invert(32%) sepia(66%) saturate(1700%) hue-rotate(198deg) brightness(88%)}

/* Set List row (View): a separate white card with a list icon and chevron. */
html body .overlay .event-sheet.event-readonly .setlist-event-section{margin:12px 0 0!important;padding:0!important;border:0!important}
html body .overlay .event-sheet.event-readonly .setlist-event-section .field{position:relative!important;display:block!important;margin:0!important;padding:0!important}
html body .overlay .event-sheet.event-readonly .setlist-event-section .field>label{position:absolute!important;left:56px!important;top:12px!important;margin:0!important;font:700 16px/1.2 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important;pointer-events:none!important;z-index:1}
html body .overlay .event-sheet.event-readonly .setlist-event-section .field::before{content:"";position:absolute;left:16px;top:50%;width:24px;height:24px;transform:translateY(-50%);background:url(/icons/heroicons/list-bullet.svg) center/24px no-repeat;opacity:.85;z-index:1;pointer-events:none}
html body .overlay .event-sheet.event-readonly #eventSetlist{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;width:100%!important;min-height:68px!important;padding:34px 44px 12px 56px!important;border:1px solid var(--mc-panel-line,#d6e0ec)!important;border-radius:14px!important;background:#fff url(/icons/heroicons/chevron-right.svg) right 14px center/20px no-repeat!important;box-shadow:0 1px 3px rgba(12,24,49,.06)!important;text-align:left!important;font:500 15px/1.3 var(--mc-font)!important;color:var(--mc-muted,#68758a)!important}
html body .overlay .event-sheet.event-readonly #eventSetlist:disabled{opacity:1!important}

/* Primary action and empty date. */
html body .overlay .event-sheet.event-readonly .event-detail-actions{display:block!important;margin:14px 0 0!important;padding:0!important;border:0!important}
html body .overlay .event-sheet.event-readonly #eventDetailsEdit{display:block!important;width:100%!important;min-height:50px!important;border-radius:12px!important;font:600 18px/1 var(--mc-font)!important}
html body .overlay .event-sheet.event-readonly #eventDetailsEdit.primary{background:var(--mc-blue,#3877c8)!important;border-color:var(--mc-blue,#3877c8)!important;color:#fff!important}
html body .overlay .event-sheet.event-readonly .event-open-message{padding:28px 16px!important;border-radius:16px!important;background:#f3f6fa!important;text-align:center!important;color:var(--mc-muted,#68758a)!important}
html body .overlay .event-sheet.event-readonly .event-open-message strong{color:var(--mc-ink,#0c1831)!important;font:700 17px/1.3 var(--mc-font)!important}

/* ---------- Edit Event (Option 3) ---------- */
html body .overlay .event-sheet.compact-event-editor{background:#fff!important}
html body .overlay .event-sheet.compact-event-editor .event-small-action .event-action-box{border-radius:10px!important;background:#eef4fc!important;border:1px solid #d4e2f4!important}
html body .overlay .event-sheet.compact-event-editor .event-small-action>span:last-child{font:500 11px/1.1 var(--mc-font)!important;color:var(--mc-blue-strong,#245fae)!important}
html body .overlay .event-sheet.compact-event-editor .event-edit-tools{padding:6px 0 10px!important;border-bottom:1px solid #e6ebf2!important}

/* Form: one column, with Start/End and Contact Name/Phone paired. */
html body .overlay .event-sheet.compact-event-editor .event-editor-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:10px!important;row-gap:10px!important;padding-top:6px!important}
html body .overlay .event-sheet.compact-event-editor .event-editor-grid>*{grid-column:1/-1!important;min-width:0!important}
html body .overlay .event-sheet.compact-event-editor .event-editor-grid>.field:has(#evStart),
html body .overlay .event-sheet.compact-event-editor .event-editor-grid>.field:has(#evContactName){grid-column:1!important}
html body .overlay .event-sheet.compact-event-editor .event-editor-grid>.field:has(#evEnd),
html body .overlay .event-sheet.compact-event-editor .event-editor-grid>.field:has(#evContactPhone){grid-column:2!important}
html body .overlay .event-sheet.compact-event-editor .event-editor-grid .field{margin:0!important;padding:0!important}
html body .overlay .event-sheet.compact-event-editor .event-editor-grid .field>label{display:block!important;margin:0 0 4px!important;font:500 13px/1.2 var(--mc-font)!important;color:#33445c!important;text-transform:none!important;letter-spacing:0!important}
html body .overlay .event-sheet.compact-event-editor .event-editor-grid input,
html body .overlay .event-sheet.compact-event-editor .event-editor-grid select,
html body .overlay .event-sheet.compact-event-editor .event-editor-grid .time-button{width:100%!important;min-height:42px!important;height:42px!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.2 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important;box-shadow:none!important;box-sizing:border-box!important}
html body .overlay .event-sheet.compact-event-editor .event-editor-grid .time-button{display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;background:#fff url(/icons/heroicons/clock.svg) right 10px center/18px no-repeat!important;padding-right:36px!important}
html body .overlay .event-sheet.compact-event-editor .event-editor-grid textarea{width:100%!important;min-height:76px!important;padding:10px 12px!important;border:1px solid var(--mc-line,#cbd7e7)!important;border-radius:10px!important;font:400 16px/1.35 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important;box-sizing:border-box!important}
html body .overlay .event-sheet.compact-event-editor .event-editor-grid input:focus,
html body .overlay .event-sheet.compact-event-editor .event-editor-grid select:focus,
html body .overlay .event-sheet.compact-event-editor .event-editor-grid textarea:focus{outline:2px solid rgba(56,119,200,.35)!important;border-color:var(--mc-blue,#3877c8)!important}

/* Set List row (Edit). */
html body .overlay .event-sheet.compact-event-editor .setlist-event-section{margin:4px 0 0!important;padding:0!important;border:0!important}
html body .overlay .event-sheet.compact-event-editor .setlist-event-section .field{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:6px 6px 6px 12px!important;border:1px solid var(--mc-panel-line,#d6e0ec)!important;border-radius:12px!important;background:#f7f9fc!important}
html body .overlay .event-sheet.compact-event-editor .setlist-event-section .field>label{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;font:600 14px/1.2 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important}
html body .overlay .event-sheet.compact-event-editor .setlist-event-section .field>label::before{content:"";width:20px;height:20px;background:url(/icons/heroicons/list-bullet.svg) center/20px no-repeat}
html body .overlay .event-sheet.compact-event-editor #eventSetlist{min-height:40px!important;padding:0 34px 0 12px!important;border:1px solid var(--mc-line,#cbd7e7)!important;border-radius:10px!important;background:#fff url(/icons/heroicons/chevron-right.svg) right 10px center/18px no-repeat!important;text-align:left!important;font:500 15px/1.2 var(--mc-font)!important;color:var(--mc-ink,#0c1831)!important;box-shadow:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Footer: one full-width Save Changes. */
html body .overlay .event-sheet.compact-event-editor .event-editor-footer{display:block!important;padding:12px 0 0!important;margin:0!important;border:0!important}
html body .overlay .event-sheet.compact-event-editor #saveEvent{display:block!important;width:100%!important;min-height:50px!important;border-radius:12px!important;background:var(--mc-blue,#3877c8)!important;border-color:var(--mc-blue,#3877c8)!important;color:#fff!important;font:600 18px/1 var(--mc-font)!important}
html body .overlay .event-sheet.compact-event-editor #evErr:not(:empty){margin:8px 0 0!important;padding:8px 12px!important;border-radius:10px!important;background:#fdecec!important;color:#a32025!important;font:500 14px/1.3 var(--mc-font)!important}

/* ---------- Refinements ---------- */
html body .overlay .event-sheet .event-available{border:0!important;margin:0!important;padding:0!important;min-height:0!important}
html body .overlay .event-sheet.event-readonly .event-available:not(:has(.member-dot)){display:none!important}
html body .overlay .event-sheet.event-readonly .event-view-date .close{background:#f1f4f8!important;border:1px solid #dfe5ee!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:none!important}
html body .overlay .event-sheet.event-readonly .event-view-date .close img{width:16px!important;height:16px!important;filter:none!important}
html body .overlay .event-sheet.compact-event-editor .event-editor-grid select{-webkit-appearance:none!important;appearance:none!important;background:#fff url(/icons/heroicons/chevron-down.svg) right 12px center/18px no-repeat!important;padding-right:38px!important}
html body .overlay .event-sheet.compact-event-editor .event-editor-grid select:disabled{background-color:#f3f6fa!important;color:#34445c!important;opacity:1!important}
html body .overlay .event-sheet.event-readonly .event-view-date .close{background:transparent!important;border:0!important}
html body .overlay .event-sheet.event-readonly .event-view-date .close img{width:28px!important;height:28px!important}
html body .overlay .event-sheet.event-readonly .event-available{justify-content:flex-start!important;padding-left:2px!important}
@media (max-width:360px){
 html body .overlay .event-sheet.compact-event-editor .event-edit-header .ya-event-nav-arrow{width:28px!important;min-width:28px!important}
 html body .overlay .event-sheet.compact-event-editor .event-small-action{max-width:44px!important;min-width:0!important;overflow:visible!important}
 html body .overlay .event-sheet.compact-event-editor .event-small-action>span:last-child{font-size:10px!important;letter-spacing:-.01em!important;white-space:nowrap!important}
}

/* Gary, Oct 18: member avatars 30% smaller (36px -> 25px). */
html body .overlay .event-sheet .event-available .member-dot{width:25px!important;height:25px!important;min-width:25px!important;font:700 10px/25px var(--mc-font)!important}
html body .overlay .event-sheet .event-available .event-member-more{height:25px!important;min-width:25px!important;font:600 11px/1 var(--mc-font)!important}
html body .overlay .event-sheet .mc-lineup-count{font-size:13px}

/* Edit Event: Include in Shared Schedules (Gary, Oct 18). */
html body #overlayRoot .ya-event-share-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:6px 0 2px!important;padding:12px 2px!important;border-top:1px solid #e3e9f1!important}
html body #overlayRoot .ya-event-share-toggle span{display:grid;gap:2px;min-width:0}
html body #overlayRoot .ya-event-share-toggle strong{font:600 15px/1.25 var(--mc-font);color:var(--mc-ink,#0c1831)}
html body #overlayRoot .ya-event-share-toggle small{font:400 13px/1.35 var(--mc-font);color:var(--mc-muted,#68758a)}
html body #overlayRoot .ya-event-share-toggle input#evShare{-webkit-appearance:none!important;appearance:none!important;flex:none!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:0!important;margin:0!important;padding:0!important;border:2px solid #9fb3cc!important;border-radius:6px!important;background:#fff center/15px no-repeat!important;box-shadow:none!important}
html body #overlayRoot .ya-event-share-toggle input#evShare: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}
/* Event header, View and Edit alike (Gary, Oct 19): plain chevrons either side of the date, the status badge under it,
   close on the right (the editor adds its menu on the left). Available members centered beneath. */
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) :is(.event-view-date,.event-edit-header):not(#_){display:grid!important;grid-template-columns:36px 34px minmax(0,1fr) 34px 36px!important;align-items:center!important;gap:2px!important;min-height:52px!important;margin:0 0 6px!important;padding:2px 0!important;border:0!important;background:transparent!important}
html body .overlay .event-sheet.event-readonly .event-view-date:not(#_)::before{content:"";grid-column:1}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) .ya-event-nav-arrow:not(#_){width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) .ya-event-nav-arrow:not(#_):disabled{opacity:.25!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) .ya-event-nav-arrow:not(#_) .event-action-icon{width:20px!important;height:20px!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) .event-date-caption:not(#_){display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;min-width:0!important;margin:0!important;text-align:center!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) .event-date-caption:not(#_) h2{margin:0!important;font:700 19px/1.2 var(--mc-font)!important;color:#0c1831!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) .event-date-caption:not(#_) .event-state{display:inline-block!important;padding:1px 9px!important;border-radius:999px!important;font:600 12px/1.5 var(--mc-font)!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) .event-date-caption:not(#_) .event-state.open{background:#eef2f8!important;color:#53627a!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) .event-date-caption:not(#_) .event-state.booked{background:#e3f6e8!important;color:#1f7a3a!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) :is(.event-view-date,.event-edit-header) .close:not(#_){grid-column:5!important;justify-self:end!important;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) :is(.event-view-date,.event-edit-header) .close:not(#_) img{width:28px!important;height:28px!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) .event-available:not(#_){justify-content:center!important;gap:6px!important;padding:0 0 8px!important;margin:0!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) .event-available:not(#_) .member-dot{width:30px!important;height:30px!important;min-width:30px!important;font-size:11.5px!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) .event-available:not(#_) .mc-lineup-count{margin-left:4px!important;font:400 14px/1 var(--mc-font)!important;color:#6D6D72!important}
/* Empty day: the card and the Add Event button line up with the header. */
html body .overlay .event-sheet.event-readonly .event-open-message:not(#_){margin:6px 0 16px!important;border-radius:14px!important}
/* Editor body: grouped cards, label on the left, value on the right. */
html body .overlay .event-sheet.ev-ios .event-edit-header:not(#_) .event-command-toggle{grid-column:1!important;width:34px!important;height:34px!important;padding:0!important;border:0!important;background:transparent!important;display:grid!important;place-items:center!important}
html body .overlay .event-sheet.ev-ios .event-edit-tools:not(#_){padding:0!important;border:0!important}
html body .overlay .event-sheet.ev-ios .event-editor-grid:not(#_){display:block!important;padding:0!important}
html body .overlay .event-sheet.ev-ios .ev-group{margin:0 0 14px}
html body .overlay .event-sheet.ev-ios .ev-group-title{margin:14px 0 7px 16px;font:400 13px/1.3 var(--mc-font);color:#6D6D72;text-transform:uppercase;letter-spacing:.02em}
html body .overlay .event-sheet.ev-ios .ev-group-foot{margin:7px 16px 0;font:400 13px/1.35 var(--mc-font);color:#6D6D72}
html body .overlay .event-sheet.ev-ios .ev-card{overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #e3e8f0}
html body .overlay .event-sheet.ev-ios .ev-card>*:not(#_){margin:0!important;background:#fff linear-gradient(#e5e5ea,#e5e5ea) 16px 0/calc(100% - 16px) 1px no-repeat!important}
html body .overlay .event-sheet.ev-ios .ev-card>*:first-child:not(#_){background:#fff!important}
html body .overlay .event-sheet.ev-ios .ev-row:not(#_){display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-height:48px!important;padding:2px 16px!important;border:0!important}
html body .overlay .event-sheet.ev-ios .ev-row:not(#_)>label{margin:0!important;font:400 16px/1.25 var(--mc-font)!important;color:#0c1831!important;white-space:nowrap!important}
html body .overlay .event-sheet.ev-ios .ev-row:not(#_) :is(input:not([type=checkbox]):not(.input-wheel-hidden-time),select,.time-button){-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background-color:transparent!important;box-shadow:none!important;outline:none!important;text-align:right!important;font:400 16px/1.3 var(--mc-font)!important;color:#3c4a63!important}
html body .overlay .event-sheet.ev-ios .ev-row:not(#_) select{text-align-last:right!important;padding-right:20px!important;background:transparent url(/icons/heroicons/chevron-up-down.svg) right center/14px no-repeat!important}
html body .overlay .event-sheet.ev-ios .ev-row:not(#_) select:disabled{color:#3c4a63!important;opacity:1!important;background-image:none!important;padding-right:0!important}
html body .overlay .event-sheet.ev-ios .ev-row:not(#_) .time-button{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;cursor:pointer}
html body .overlay .event-sheet.ev-ios .ev-row:not(#_) .time-button :is(img,svg){width:16px!important;height:16px!important;opacity:.45!important}
html body .overlay .event-sheet.ev-ios .ev-row:not(#_) :is(input,textarea)::placeholder{color:#a3abb9!important}
html body .overlay .event-sheet.ev-ios .ev-row.ev-stacked:not(#_){display:block!important;padding:8px 16px!important}
html body .overlay .event-sheet.ev-ios .ev-row.ev-stacked:not(#_)>label{display:none!important}
html body .overlay .event-sheet.ev-ios .ev-row.ev-stacked:not(#_) textarea{display:block!important;width:100%!important;min-height:88px!important;margin:0!important;padding:4px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;resize:vertical!important;font:400 16px/1.35 var(--mc-font)!important;color:#3c4a63!important}
html body .overlay .event-sheet.ev-ios .ev-nav-row:not(#_){display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:48px!important;padding:0 14px 0 16px!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important;cursor:pointer;max-width:none!important}
html body .overlay .event-sheet.ev-ios .ev-nav-row .ev-row-label{flex:1 1 auto;font:400 16px/1.25 var(--mc-font);color:#0c1831}
html body .overlay .event-sheet.ev-ios .ev-nav-row .ev-row-label.ev-row-action{color:var(--mc-blue,#3877c8)}
html body .overlay .event-sheet.ev-ios .ev-nav-row .ev-row-value{font:400 16px/1.25 var(--mc-font);color:#3c4a63}
html body .overlay .event-sheet.ev-ios .ev-chev{display:grid;place-items:center;width:14px}
html body .overlay .event-sheet.ev-ios .ev-chev img{width:14px;height:14px;opacity:.4}
/* Include in Shared Schedules as a switch row. */
html body .overlay .event-sheet.ev-ios .ev-switch-row:not(#_){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:50px!important;padding:0 16px!important;border:0!important}
html body .overlay .event-sheet.ev-ios .ev-switch-row:not(#_) strong{font:400 16px/1.25 var(--mc-font)!important;color:#0c1831!important}
html body .overlay .event-sheet.ev-ios .ev-switch-row:not(#_) input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;flex:none!important;position:relative!important;width:51px!important;height:31px!important;margin:0!important;border:0!important;border-radius:16px!important;background:#e9e9eb!important;box-shadow:none!important;transition:background .2s;cursor:pointer}
html body .overlay .event-sheet.ev-ios .ev-switch-row:not(#_) input[type=checkbox]::after{content:"";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}
html body .overlay .event-sheet.ev-ios .ev-switch-row:not(#_) input[type=checkbox]:checked{background:#34c759!important}
html body .overlay .event-sheet.ev-ios .ev-switch-row:not(#_) input[type=checkbox]:checked::after{transform:translateX(20px)}
/* Set List row. */
html body .overlay .event-sheet.ev-ios .ev-group-setlist .setlist-event-section:not(#_){margin:0!important;padding:0!important}
html body .overlay .event-sheet.ev-ios .ev-group-setlist .setlist-event-section .field:not(#_){display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-height:50px!important;margin:0!important;padding:0 14px 0 16px!important;border:0!important;background:transparent!important}
html body .overlay .event-sheet.ev-ios .ev-group-setlist .setlist-event-section .field:not(#_)>label{font:400 16px/1.25 var(--mc-font)!important;color:#0c1831!important}
html body .overlay .event-sheet.ev-ios .ev-group-setlist #eventSetlist:not(#_){min-height:44px!important;padding:0 22px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;justify-content:flex-end!important;text-align:right!important;font:400 16px/1.25 var(--mc-font)!important;color:#3c4a63!important}
html body .overlay .event-sheet.ev-ios .ev-group-setlist .setlist-status:empty{display:none!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) .event-date-caption:not(#_):not(#__){width:100%!important;max-width:none!important}
html body .overlay .event-sheet.ev-ios .ev-row:not(#_):not(#__) .time-button{background-image:none!important;padding-right:0!important}
html body .overlay .event-sheet.ev-ios .ev-row:not(#_):not(#__) .time-button::before,html body .overlay .event-sheet.ev-ios .ev-row:not(#_):not(#__) .time-button::after{content:none!important;display:none!important}
html body .overlay .event-sheet.ev-ios .ev-switch-row:not(#_):not(#__) input[type=checkbox]{background-image:none!important;border:0!important;color:transparent!important;-webkit-appearance:none!important;appearance:none!important;width:51px!important;height:31px!important;min-width:51px!important;border-radius:16px!important;background-color:#e9e9eb!important}
html body .overlay .event-sheet.ev-ios .ev-switch-row:not(#_):not(#__) input[type=checkbox]:checked{background-color:#34c759!important}
html body .overlay .event-sheet.ev-ios .ev-switch-row:not(#_):not(#__) input[type=checkbox]::before{content:none!important;display:none!important}
html body .overlay .event-sheet.ev-ios .ev-switch-row:not(#_):not(#__) input[type=checkbox]::after{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;border:0!important;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16)!important;transform:none;transition:transform .2s}
html body .overlay .event-sheet.ev-ios .ev-switch-row:not(#_):not(#__) input[type=checkbox]:checked::after{transform:translateX(20px)!important}
html body .overlay .event-sheet.ev-ios .ev-row.ev-stacked:not(#_) textarea{resize:none!important}
/* Event View Set List card: View Set List | Stage View | Stage Options (gear). */
html body .overlay .event-sheet.event-readonly .mc-event-setlist-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:8px;margin:10px 0 0}
html body .overlay .event-sheet.event-readonly .mc-event-setlist-actions .btn:not(#_){display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 8px!important;border-radius:12px!important;font:600 15px/1 var(--mc-font)!important;white-space:nowrap!important}
html body .overlay .event-sheet.event-readonly .mc-event-setlist-actions .btn:not(#_) span{overflow:hidden;text-overflow:ellipsis}
html body .overlay .event-sheet.event-readonly .mc-event-setlist-actions .btn.ghost:not(#_){border:1px solid var(--mc-line,#cbd7e7)!important;background:#fff!important;color:#1e3557!important}
html body .overlay .event-sheet.event-readonly .mc-event-setlist-actions .btn.primary:not(#_){border:0!important;background:var(--mc-blue,#3877c8)!important;color:#fff!important}
html body .overlay .event-sheet.event-readonly .mc-event-setlist-actions .btn :is(img,svg){width:18px!important;height:18px!important;flex:none}
html body .overlay .event-sheet.event-readonly .mc-event-setlist-actions .btn.primary :is(img,svg){filter:brightness(0) invert(1)}
html body .overlay .event-sheet.event-readonly .mc-event-stage-options:not(#_){display:grid!important;place-items:center!important;width:44px!important;height:44px!important;padding:0!important;border:1px solid var(--mc-line,#cbd7e7)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
html body .overlay .event-sheet.event-readonly .mc-event-stage-options :is(img,svg){width:20px;height:20px;opacity:.75}
/* Stage Options sheet (from Event View). */
html body .sheet.mc-stage-options-sheet .mc-editor-page{padding-bottom:12px}
/* With buttons, the Set List row and its buttons share one card (no chevron row). */
html body .overlay .event-sheet.event-readonly .setlist-event-section.has-event-actions:not(#_){padding:0 12px 12px!important;border:1px solid var(--mc-panel-line,#d6e0ec)!important;border-radius:14px!important;background:#fff!important}
html body .overlay .event-sheet.event-readonly .setlist-event-section.has-event-actions .field::before{left:4px!important}
html body .overlay .event-sheet.event-readonly .setlist-event-section.has-event-actions .field>label{left:44px!important}
html body .overlay .event-sheet.event-readonly .setlist-event-section.has-event-actions #eventSetlist:not(#_){min-height:62px!important;padding:32px 4px 8px 44px!important;border:0!important;border-radius:0!important;background:transparent!important}
html body .overlay .event-sheet.event-readonly .setlist-event-section.has-event-actions .mc-event-setlist-actions{margin:2px 0 0}
html body .overlay .event-sheet.event-readonly .mc-event-stage-options:not(#_){color:#1e3557!important}
html body .overlay .event-sheet.event-readonly .mc-event-setlist-actions .btn:not(#_):not(#__){padding:0 4px!important;gap:5px!important;font-size:14.5px!important}
html body .overlay .event-sheet.event-readonly .mc-event-setlist-actions .btn:not(#_):not(#__) :is(img,svg){width:16px!important;height:16px!important}
html body .overlay .event-sheet.event-readonly .setlist-event-section.has-event-actions #eventSetlist:not(#_):not(#__){box-shadow:none!important;outline:0!important}
html body .overlay .event-sheet.event-readonly .setlist-event-section.has-event-actions .field:not(#_){border:0!important;box-shadow:none!important;background:transparent!important}
/* Header columns are fixed so the date never covers the arrows (it used to be centered absolutely). */
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) :is(.event-view-date,.event-edit-header):not(#_)>.ya-event-nav-arrow#eventPrev{grid-column:2!important;grid-row:1!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) :is(.event-view-date,.event-edit-header):not(#_)>.event-date-caption{grid-column:3!important;grid-row:1!important;position:static!important;transform:none!important;left:auto!important;right:auto!important;inset:auto!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) :is(.event-view-date,.event-edit-header):not(#_)>.ya-event-nav-arrow#eventNext{grid-column:4!important;grid-row:1!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) :is(.event-view-date,.event-edit-header):not(#_)>.close{grid-row:1!important}
html body .overlay .event-sheet.ev-ios .event-edit-header:not(#_)>.event-command-toggle{grid-row:1!important}
/* Event header arrows sit in their grid columns (an older rule placed them absolutely, pushing Next past the edge so the
   sheet could slide sideways). Event View and Edit scroll up and down only (Gary, Oct 19). */
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor) :is(.event-view-date,.event-edit-header):not(#_)>.ya-event-nav-arrow{position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;margin:0!important}
html body .overlay .event-sheet:is(.event-readonly,.compact-event-editor):not(#_){overflow-x:hidden!important;overscroll-behavior-x:none!important;touch-action:pan-y!important}
/* Event View: the band's logo in the event card when one is uploaded (Gary, Oct 19). */
html body .overlay .event-sheet.event-readonly .mc-event-hero.has-logo:not(#_){display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important}
html body .overlay .event-sheet.event-readonly .mc-event-logo{width:56px;height:56px;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #e3e8f0}
/* Upcoming event reminder card (Gary, Oct 19). */
html body #overlayRoot .overlay.event-day-overlay:not(#_){align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(11,22,43,.38)!important}
html body #overlayRoot .event-day-card{width:min(380px,100%);box-sizing:border-box;padding:12px 12px 14px;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.28)}
html body #overlayRoot .event-day-nav{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;margin:0 0 10px}
html body #overlayRoot .event-day-nav span{text-align:center;font:600 14px/1.2 var(--mc-font);color:#53627a}
html body #overlayRoot .event-day-nav .ya-event-nav-arrow:not(#_){width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f1f4f8!important;display:grid!important;place-items:center!important;box-shadow:none!important}
html body #overlayRoot .event-day-nav .ya-event-nav-arrow:not(#_):disabled{opacity:.3!important}
html body #overlayRoot .event-day-nav .ya-event-nav-arrow img{width:18px;height:18px}
html body #overlayRoot .event-day-open:not(#_){display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;cursor:pointer}
html body #overlayRoot .event-day-open .mc-event-hero{margin:0!important}
html body #overlayRoot .event-day-open .mc-event-hero.has-logo:not(#_){display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important}
html body #overlayRoot .event-day-open .event-day-time{display:block;margin:8px 4px 0;text-align:center;font:500 14px/1.2 var(--mc-font);color:#53627a}

/* The reminder card reuses the Event View card styles. */
html body #overlayRoot .event-day-card:has(.mc-event-hero) .event-date-caption .event-state{display:none!important}
html body #overlayRoot .event-day-card .mc-event-hero{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--mc-panel-line,#d6e0ec);border-radius:16px;background:#fff;box-shadow:0 1px 3px rgba(12,24,49,.06)}
html body #overlayRoot .event-day-card .mc-event-date-tile{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:74px;height:84px;border-radius:12px;background:#f3f6fa;border:1px solid #e3e9f1;color:var(--mc-muted,#68758a);font:600 13px/1.1 var(--mc-font);letter-spacing:.04em}
html body #overlayRoot .event-day-card .mc-event-date-tile b{font:700 32px/1.05 var(--mc-font);color:var(--mc-ink,#0c1831);letter-spacing:-.02em}
html body #overlayRoot .event-day-card .mc-event-hero-text{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
html body #overlayRoot .event-day-card .mc-event-hero-text strong{font:700 20px/1.2 var(--mc-font);color:var(--mc-ink,#0c1831);overflow-wrap:anywhere}
html body #overlayRoot .event-day-card .mc-event-hero-text span:not(.mc-event-status){font:500 15px/1.3 var(--mc-font);color:var(--mc-blue-strong,#245fae);overflow-wrap:anywhere}
html body #overlayRoot .event-day-card .mc-event-status{display:inline-block;margin-bottom:4px;padding:4px 10px;border-radius:999px;background:#d8f1e2;color:#17673f;font:600 12px/1 var(--mc-font)}
html body #overlayRoot .event-day-card .mc-event-hero.has-logo:not(#_){display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important}
html body #overlayRoot .event-day-card .mc-event-logo{width:56px;height:56px;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #e3e8f0}
html body :is(.overlay .event-sheet,#overlayRoot .event-day-card) .mc-event-hero-time{color:#0c1831!important;font-weight:600!important}

/* Edit Event header (Gary, Oct 19): calendar icons beside the date; the ‹ › arrows line up with the date line. */
html body .overlay .event-sheet.ev-ios .event-edit-header:not(#_){align-items:start!important}
html body .overlay .event-sheet.ev-ios .event-edit-header:not(#_)>:is(.ya-event-nav-arrow,.event-command-toggle,.close){align-self:start!important;margin-top:0!important;height:32px!important}
html body .overlay .event-sheet.ev-ios .event-edit-header .ev-date-line{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-height:32px!important;min-width:0!important}
html body .overlay .event-sheet.ev-ios .event-edit-header .ev-date-line h2{margin:0!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body .overlay .event-sheet.ev-ios .event-edit-header .ev-date-icon:not(#_){position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;flex:none!important;display:grid!important;place-items:center!important;width:26px!important;height:28px!important;min-width:26px!important;padding:0!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;cursor:pointer}
html body .overlay .event-sheet.ev-ios .event-edit-header .ev-date-icon .event-action-icon{width:22px!important;height:22px!important;filter:invert(32%) sepia(77%) saturate(1450%) hue-rotate(205deg) brightness(92%)!important}
html body .overlay .event-sheet.ev-ios .event-edit-header .ev-date-icon:active{background:rgba(0,122,255,.12)!important}
html body .overlay .event-sheet.ev-ios .event-edit-header .ev-date-icon-space{flex:none;width:26px}
html body .overlay .event-sheet.ev-ios .event-edit-header:not(#_):not(#__){grid-template-columns:32px 28px minmax(0,1fr) 28px 32px!important;gap:0!important}
html body .overlay .event-sheet.ev-ios .event-edit-header .ev-date-line h2:not(#_){font-size:clamp(15px,4.6vw,18px)!important}

/* Event View, compact (Gary, Oct 19): less space between rows so the whole event fits on an iPhone without scrolling. */
html body .overlay .event-sheet.event-readonly .event-readonly-field:not(#_){grid-template-columns:24px minmax(0,1fr)!important;column-gap:10px!important;padding:3px 12px!important;align-items:center!important}
html body .overlay .event-sheet.event-readonly .event-readonly-field:first-child:not(#_){padding-top:9px!important}
html body .overlay .event-sheet.event-readonly .event-readonly-field:not(:has(~ .event-readonly-field)):not(#_){padding-bottom:9px!important}
html body .overlay .event-sheet.event-readonly .event-readonly-field.has-action:not(#_){padding-right:52px!important}
html body .overlay .event-sheet.event-readonly .mc-event-field-icon:not(#_){width:24px!important;height:24px!important}
html body .overlay .event-sheet.event-readonly .mc-event-field-icon:not(#_) img{width:20px!important;height:20px!important}
html body .overlay .event-sheet.event-readonly .event-readonly-label:not(#_){margin:0!important;font:500 11px/1.1 var(--mc-font)!important}
html body .overlay .event-sheet.event-readonly .event-readonly-value:not(#_){font:500 15px/1.2 var(--mc-font)!important}
html body .overlay .event-sheet.event-readonly .mc-event-hero:not(#_){gap:12px!important;padding:9px 12px!important}
html body .overlay .event-sheet.event-readonly .mc-event-date-tile:not(#_){width:56px!important;height:62px!important;font-size:11px!important}
html body .overlay .event-sheet.event-readonly .mc-event-date-tile:not(#_) b{font-size:25px!important}
html body .overlay .event-sheet.event-readonly .mc-event-hero-text:not(#_){gap:1px!important}
html body .overlay .event-sheet.event-readonly .mc-event-hero-text:not(#_) strong{font-size:17px!important}
html body .overlay .event-sheet.event-readonly .mc-event-hero-text:not(#_) span:not(.mc-event-status){font-size:14px!important}
html body .overlay .event-sheet.event-readonly .mc-event-status:not(#_){margin-bottom:2px!important;padding:3px 9px!important;font-size:11px!important}
html body .overlay .event-sheet.event-readonly .event-detail-actions:not(#_){margin-top:10px!important}
html body .overlay .event-sheet.event-readonly .mc-event-field-action:not(#_){width:32px!important;height:32px!important;border-radius:9px!important;right:10px!important}
html body .overlay .event-sheet.event-readonly .mc-event-field-action:not(#_) img{width:18px!important;height:18px!important}
/* Very narrow phones (320px): keep the calendar icons clear of the arrows and X. */
@media (max-width:359px){
html body .overlay .event-sheet.ev-ios .event-edit-header .ev-date-line{gap:1px!important}
html body .overlay .event-sheet.ev-ios .event-edit-header .ev-date-line h2:not(#_):not(#__){font-size:13.5px!important}
html body .overlay .event-sheet.ev-ios .event-edit-header .ev-date-icon:not(#_):not(#__){width:22px!important;min-width:22px!important}
html body .overlay .event-sheet.ev-ios .event-edit-header .ev-date-icon .event-action-icon{width:19px!important;height:19px!important}
html body .overlay .event-sheet.ev-ios .event-edit-header .ev-date-icon-space{width:22px}
}
/* Edit header arrows fit their 28px columns so Next never overlaps the X. */
html body .overlay .event-sheet.ev-ios .event-edit-header:not(#_):not(#__)>.ya-event-nav-arrow:is(#eventPrev,#eventNext){width:28px!important;min-width:28px!important;max-width:28px!important;justify-self:center!important}
/* Gary, Oct 20: Edit Event in the settings-style mockup: icons on rows, Time and Contact open their own pages. */
html body .overlay .event-sheet.ev-ios .ev-ico{display:grid;place-items:center;width:24px;height:24px;color:#3C3C43}
html body .overlay .event-sheet.ev-ios .ev-row.ev-has-ico:not(#_):not(.ev-nav-row):not(.ev-stacked){grid-template-columns:24px auto minmax(0,1fr)!important}
html body .overlay .event-sheet.ev-ios .ev-nav-row.ev-row:not(#_){display:grid!important;grid-template-columns:24px auto minmax(0,1fr) 14px!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:48px!important;padding:2px 14px 2px 16px!important;border:0!important;border-radius:0!important;box-shadow:none!important;font:inherit!important;text-align:left!important;cursor:pointer;color:#0c1831!important}
html body .overlay .event-sheet.ev-ios .ev-nav-row .ev-row-value{min-width:0;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body .overlay .event-sheet.ev-ios .ev-nav-row .ev-row-value.ev-row-placeholder{color:#a3abb9}
html body .overlay .event-sheet.ev-ios .ev-switch-row.ev-has-ico:not(#_){justify-content:flex-start!important}
html body .overlay .event-sheet.ev-ios .ev-switch-row.ev-has-ico:not(#_)>span:not(.ev-ico){flex:1 1 auto;min-width:0}
html body #overlayRoot .overlay .event-sheet.ev-ios.ev-sub-open:not(#_):not(#__)>*:not(.ev-subpage){display:none!important}
html body .overlay .event-sheet.ev-ios .ev-subpage[hidden]{display:none!important}
html body .overlay .event-sheet.ev-ios .ev-subpage{display:block;min-height:100%}
html body .overlay .event-sheet.ev-ios .ev-sub-head{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;margin:0 0 6px;padding:4px 0 10px;border-bottom:.5px solid #C6C6C8}
html body .overlay .event-sheet.ev-ios .ev-sub-head h3{margin:0;text-align:center;font:600 17px/1.2 var(--mc-font);color:#0c1831}
html body .overlay .event-sheet.ev-ios .ev-sub-back:not(#_){display:grid!important;place-items:center;width:36px!important;height:36px!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid #E5E5EA!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important}
html body .overlay .event-sheet.ev-ios .ev-sub-back img{width:18px;height:18px}
html body .overlay .event-sheet.ev-ios .ev-subpage .ev-group-title:empty{display:none}
html body .overlay .event-sheet.ev-ios .ev-group-setlist .setlist-event-section .field:not(#_){padding-left:16px!important}
html body .overlay .event-sheet.ev-ios .ev-group:not(#_){margin-bottom:10px}
html body .overlay .event-sheet.ev-ios .ev-card>.ev-row:not(#_):not(.ev-stacked),html body .overlay .event-sheet.ev-ios .ev-card>.ev-nav-row:not(#_),html body .overlay .event-sheet.ev-ios .ev-card>.ev-switch-row:not(#_){min-height:44px!important}
html body .overlay .event-sheet.ev-ios .ev-card .ev-row:not(#_):not(.ev-stacked) :is(input:not([type=checkbox]),select,.time-button){height:40px!important;min-height:40px!important}
html body .overlay .event-sheet.ev-ios .ev-row.ev-stacked:not(#_) textarea{min-height:64px!important}
html body .overlay .event-sheet.ev-ios .ev-group-title{margin-top:8px!important}
html body .overlay .event-sheet.ev-ios .ev-group-setlist .setlist-event-section .field:not(#_):not(#__){padding-left:20px!important}
/* Gary, Oct 20: Event View, condensed (option B). */
html body .overlay .event-sheet.event-readonly.ev-view-b:not(#_){display:flex!important;flex-direction:column!important;gap:10px!important;max-height:100%!important;overflow:hidden!important;background:#F2F2F7!important;padding:10px 12px 12px!important}
html body .overlay .event-sheet.ev-view-b .ev-view-top:not(#_){display:grid!important;grid-template-columns:26px minmax(0,1fr) 26px 32px!important;align-items:center!important;gap:4px!important;min-height:0!important}
html body .overlay .event-sheet.ev-view-b .ev-view-top .ya-event-nav-arrow:not(#_){width:26px!important;height:40px!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important}
html body .overlay .event-sheet.ev-view-b .ev-view-top .ya-event-nav-arrow:disabled{opacity:.3}
html body .overlay .event-sheet.ev-view-b .ev-hero-compact:not(#_){display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;margin:0!important;padding:8px 10px!important;border-radius:14px!important;background:#fff!important;border:.5px solid #D8DCE6!important;box-shadow:none!important}
html body .overlay .event-sheet.ev-view-b .ev-hero-compact .mc-event-date-tile:not(#_){flex:none!important;width:46px!important;min-height:0!important;padding:4px 0!important;border-radius:9px!important}
html body .overlay .event-sheet.ev-view-b .ev-hero-compact .mc-event-date-tile b{font-size:22px!important;line-height:1.05!important}
html body .overlay .event-sheet.ev-view-b .ev-hero-compact .mc-event-hero-text:not(#_){display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important}
html body .overlay .event-sheet.ev-view-b .ev-hero-meta{display:flex;align-items:center;gap:6px;min-width:0}
html body .overlay .event-sheet.ev-view-b .ev-hero-meta .mc-event-hero-time{font:600 13px var(--mc-font,system-ui);color:#0c1831;white-space:nowrap}
html body .overlay .event-sheet.ev-view-b .ev-hero-compact strong{font:700 16px/1.2 var(--mc-font,system-ui)!important;color:#0c1831!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .overlay .event-sheet.ev-view-b .ev-hero-sub{font:400 13px/1.25 var(--mc-font,system-ui);color:#2F6FEB;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .overlay .event-sheet.ev-view-b .ev-view-top .close:not(#_){width:32px!important;height:32px!important}
html body .overlay .event-sheet.ev-view-b .ev-view-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}
html body .overlay .event-sheet.ev-view-b .ev-av-title{margin:0 0 5px 14px;font:400 12px/1.3 var(--mc-font,system-ui);color:#6D6D72;text-transform:uppercase;letter-spacing:.02em}
html body .overlay .event-sheet.ev-view-b .event-available.ev-av:not(#_){display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
html body .overlay .event-sheet.ev-view-b .ev-av-card,html body .overlay .event-sheet.ev-view-b .ev-view-card,html body .overlay .event-sheet.ev-view-b .ev-view-notes-card{background:#fff;border-radius:14px;overflow:hidden}
html body .overlay .event-sheet.ev-view-b .ev-av-line{display:flex;align-items:flex-start;gap:10px;min-height:40px;padding:9px 14px;box-sizing:border-box}
html body .overlay .event-sheet.ev-view-b .ev-av-line+.ev-av-line{border-top:.5px solid #E5E5EA}
html body .overlay .event-sheet.ev-view-b .ev-av-icon{flex:none;width:22px;height:22px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:13px}
html body .overlay .event-sheet.ev-view-b .ev-av-yes .ev-av-icon{background:#2E9E55}
html body .overlay .event-sheet.ev-view-b .ev-av-no .ev-av-icon{background:#C0392B}
html body .overlay .event-sheet.ev-view-b .ev-av-q .ev-av-icon{background:#8E8E93}
html body .overlay .event-sheet.ev-view-b .ev-av-label{flex:none;width:84px;padding-top:2px;font:400 14px var(--mc-font,system-ui);color:#6D6D72}
html body .overlay .event-sheet.ev-view-b .ev-av-names{flex:1 1 auto;min-width:0;padding-top:1px;font:400 16px/1.35 var(--mc-font,system-ui)}
html body .overlay .event-sheet.ev-view-b .ev-av-name:not(#_){display:inline!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font:inherit!important;color:inherit!important;cursor:pointer;min-height:0!important;width:auto!important;height:auto!important}
html body .overlay .event-sheet.ev-view-b .ev-av-yes .ev-av-names{color:#14532D}
html body .overlay .event-sheet.ev-view-b .ev-av-no .ev-av-names{color:#7F1D1D}
html body .overlay .event-sheet.ev-view-b .ev-av-q .ev-av-names{color:#3C3C43}
html body .overlay .event-sheet.ev-view-b .event-readonly-details:not(#_){display:flex!important;flex-direction:column!important;gap:12px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
html body .overlay .event-sheet.ev-view-b .ev-view-row:not(#_){display:flex!important;align-items:center!important;gap:12px!important;min-height:44px!important;margin:0!important;padding:0 12px 0 14px!important;border:0!important;background:transparent!important}
html body .overlay .event-sheet.ev-view-b .ev-view-row+.ev-view-row{border-top:.5px solid #E5E5EA!important}
html body .overlay .event-sheet.ev-view-b .ev-view-row .mc-event-field-icon:not(#_){flex:none;width:22px;height:22px;margin:0!important}
html body .overlay .event-sheet.ev-view-b .ev-view-row .mc-event-field-icon img{width:20px;height:20px;opacity:.7}
html body .overlay .event-sheet.ev-view-b .ev-view-row .event-readonly-label:not(#_){flex:none;margin:0!important;font:400 15px var(--mc-font,system-ui)!important;color:#6D6D72!important;text-transform:none!important;letter-spacing:0!important}
html body .overlay .event-sheet.ev-view-b .ev-view-row .event-readonly-value:not(#_){flex:1 1 auto;min-width:0;margin:0!important;text-align:right;font:400 16px var(--mc-font,system-ui)!important;color:#0c1831!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body .overlay .event-sheet.ev-view-b .ev-view-row .mc-event-field-action:not(#_){flex:none;width:32px;height:32px;margin:0!important}
html body .overlay .event-sheet.ev-view-b .ev-view-notes-card{padding:10px 14px;font:400 16px/1.4 var(--mc-font,system-ui);color:#0c1831;white-space:pre-wrap}
html body .overlay .event-sheet.ev-view-b .event-detail-actions:not(#_){flex:none!important;margin:0!important}
html body .overlay .event-sheet.ev-view-b .ev-view-top:not(#_):not(#__)>#eventPrev{grid-column:1!important;grid-row:1!important}
html body .overlay .event-sheet.ev-view-b .ev-view-top:not(#_):not(#__)>.ev-hero-compact{grid-column:2!important;grid-row:1!important;width:auto!important;max-width:none!important}
html body .overlay .event-sheet.ev-view-b .ev-view-top:not(#_):not(#__)>#eventNext{grid-column:3!important;grid-row:1!important}
html body .overlay .event-sheet.ev-view-b .ev-view-top:not(#_):not(#__)>.close{grid-column:4!important;grid-row:1!important;position:static!important;inset:auto!important;transform:none!important;margin:0!important}
html body .overlay .event-sheet.ev-view-b .ev-view-top:not(#_):not(#__){flex:none!important;height:auto!important;max-height:none!important;overflow:visible!important}
html body .overlay .event-sheet.ev-view-b .ev-hero-compact .mc-event-status:not(#_){flex:none!important;white-space:nowrap!important;padding:1px 7px!important;font-size:11px!important;line-height:1.4!important}
html body .overlay .event-sheet.ev-view-b .ev-hero-compact .mc-event-hero-text:not(#_):not(#__){overflow:hidden!important;flex:1 1 auto!important}
/* Gary, Oct 20: availability as name pills; banner text ends in … when it doesn't fit. */
html body .overlay .event-sheet.ev-view-b .ev-av-pills .ev-av-card{padding:10px 12px}
html body .overlay .event-sheet.ev-view-b .ev-av-wrap{display:flex;flex-wrap:wrap;gap:6px}
html body .overlay .event-sheet.ev-view-b .ev-pill:not(#_){display:inline-flex!important;align-items:center!important;width:auto!important;height:28px!important;min-height:0!important;margin:0!important;padding:0 10px!important;border-radius:14px!important;box-shadow:none!important;font:500 14px/1 var(--mc-font,system-ui)!important;cursor:pointer;white-space:nowrap}
html body .overlay .event-sheet.ev-view-b .ev-pill-Y:not(#_){background:#E3F5E8!important;border:1px solid #9FD8B0!important;color:#14532D!important}
html body .overlay .event-sheet.ev-view-b .ev-pill-N:not(#_){background:#FDE8E6!important;border:1px solid #F0A9A1!important;color:#7F1D1D!important}
html body .overlay .event-sheet.ev-view-b .ev-pill-Q:not(#_){background:#F2F2F7!important;border:1px dashed #B8B8BE!important;color:#3C3C43!important}
html body .overlay .event-sheet.ev-view-b .ev-hero-compact .mc-event-hero-text>*{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html body .overlay .event-sheet.ev-view-b .ev-hero-compact .ev-hero-meta{display:flex!important;overflow:hidden}
html body .overlay .event-sheet.ev-view-b .ev-hero-compact .ev-hero-meta .mc-event-hero-time{overflow:hidden;text-overflow:ellipsis;min-width:0}
html body .overlay .event-sheet.ev-view-b .ev-hero-compact .ev-hero-sub,html body .overlay .event-sheet.ev-view-b .ev-hero-compact strong{display:block!important}
html body .overlay .event-sheet.ev-view-b .ev-av-line{min-height:36px!important;padding:7px 14px!important;align-items:center!important}html body .overlay .event-sheet.ev-view-b .ev-av-names{padding-top:0!important}
/* Set List Stage View button (Gary, Oct 20): small black button, "Set List" in small print over "Stage View". Bottom right
   of the Event Day card, and to the right of Edit in Event View when the event's set list has songs. */
html body #overlayRoot .event-stage-button:not(#_){display:inline-flex!important;align-items:center!important;gap:8px!important;width:auto!important;min-height:44px!important;margin:0!important;padding:5px 14px 5px 11px!important;border:0!important;border-radius:12px!important;background:#0c1831!important;color:#fff!important;cursor:pointer;text-align:left!important}
html body #overlayRoot .event-stage-button:not(#_)[hidden]{display:none!important}
html body #overlayRoot .event-stage-button:disabled{opacity:.6}
html body #overlayRoot .event-stage-button svg{flex:none}
html body #overlayRoot .event-stage-label{display:flex;flex-direction:column;line-height:1.1}
html body #overlayRoot .event-stage-label small{font:600 10.5px/1.1 var(--mc-font,system-ui);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.72)}
html body #overlayRoot .event-stage-label b{font:600 16px/1.15 var(--mc-font,system-ui);white-space:nowrap}
html body #overlayRoot .event-day-actions{display:flex;justify-content:flex-end;margin-top:12px}
html body .overlay .event-sheet.event-readonly .event-detail-actions.has-stage:not(#_):not(#__){display:flex!important;gap:10px!important;align-items:stretch!important}
html body .overlay .event-sheet.event-readonly .event-detail-actions.has-stage #eventDetailsEdit:not(#_){flex:1 1 auto!important;width:auto!important;min-width:0!important}
html body .overlay .event-sheet.event-readonly .event-detail-actions.has-stage #eventDetailsStage:not(#_){flex:none!important;min-height:50px!important}
/* Set List one-line row in Event View (Gary, Oct 20), styled like the other rows. */
html body .overlay .event-sheet.event-readonly .setlist-event-section.ev-setlist-line:not(#_){margin:0!important;padding:0!important;border:0!important;background:transparent!important}
html body .overlay .event-sheet.event-readonly .setlist-event-section.ev-setlist-line .field:not(#_):not(#__){display:flex!important;align-items:center!important;gap:12px!important;min-height:46px!important;padding:0 14px!important;border:0!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
html body .overlay .event-sheet.event-readonly .setlist-event-section.ev-setlist-line .field::before{position:static!important;flex:none;transform:none!important;width:22px!important;height:22px!important;background-size:22px!important}
html body .overlay .event-sheet.event-readonly .setlist-event-section.ev-setlist-line .field>label:not(#_){position:static!important;flex:none;font:400 16px/1.2 var(--mc-font,system-ui)!important;color:#0c1831!important}
html body .overlay .event-sheet.event-readonly .setlist-event-section.ev-setlist-line #eventSetlist:not(#_):not(#__){flex:1 1 auto!important;width:auto!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:0 18px 0 0!important;border:0!important;border-radius:0!important;background:transparent url(/icons/heroicons/chevron-right.svg) right center/14px no-repeat!important;box-shadow:none!important;text-align:right!important;font:400 15px var(--mc-font,system-ui)!important;color:#6D6D72!important}
html body .overlay .event-sheet.event-readonly .setlist-event-section.ev-setlist-line #eventSetlist span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* Event Day card (Gary, Oct 20): no outer frame around the card; "Don't show again" bottom left, Stage View bottom right. */
html body #overlayRoot .overlay.event-day-overlay:not(#_):not(#__)>.sheet{width:auto!important;max-width:min(380px,100%)!important;margin:0!important;padding:0!important;border:0!important;border-radius:20px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
html body #overlayRoot .event-day-actions:not(#_){display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
html body #overlayRoot .event-day-skip{display:inline-flex;align-items:center;gap:7px;font:400 14px var(--mc-font,system-ui);color:#53627a;cursor:pointer}
html body #overlayRoot .event-day-skip input{width:18px;height:18px;margin:0;accent-color:#2F6FEB}
/* Gary, Oct 22: Edit Event keeps ☰, the date and its arrows, X, the Booked pill and the member avatars fixed at the top while
   the form scrolls. Booked sits above the date; the "N available" count is gone (the avatars show it). */
html body .overlay .event-sheet.ev-ios:not(#_):not(#__){overflow:visible!important}
html body .overlay .event-sheet.ev-ios .event-edit-header:not(#_):not(#__){position:sticky!important;top:0!important;z-index:30!important;background:#fff!important;align-items:end!important}
html body .overlay .event-sheet.ev-ios .event-edit-header:not(#_):not(#__)>:is(.ya-event-nav-arrow,.event-command-toggle,.close){align-self:end!important}
html body .overlay .event-sheet.ev-ios .event-edit-header .event-date-caption:not(#_){display:flex!important;flex-direction:column!important;align-items:center!important}
html body .overlay .event-sheet.ev-ios .event-edit-header .event-date-caption>.event-state:not(#_){order:-1!important;margin:0 0 3px!important}
html body .overlay .event-sheet.ev-ios .event-edit-tools:not(#_):not(#__){position:sticky!important;top:var(--ev-head-h,64px)!important;z-index:29!important;background:#fff!important;padding-bottom:6px!important}
html body .overlay .event-sheet.ev-ios .event-edit-tools .mc-lineup-count{display:none!important}
html body .overlay .event-sheet.ev-ios .event-command-menu:not(#_){z-index:40!important}
html body .overlay .event-sheet.ev-ios .event-command-backdrop:not(#_){z-index:35!important}
html body .overlay .event-sheet.ev-ios .event-edit-header:not(#_):not(#__)>:is(.event-command-toggle,.close){top:auto!important;bottom:0!important}
html body .overlay .event-sheet.ev-ios .event-edit-header:not(#_):not(#__){box-shadow:0 -10px 0 #fff,-14px 0 0 #fff,14px 0 0 #fff,-14px -10px 0 #fff,14px -10px 0 #fff!important}
html body .overlay .event-sheet.ev-ios .event-edit-tools:not(#_):not(#__){box-shadow:-14px 0 0 #fff,14px 0 0 #fff!important}
/* Gary, Oct 22 (mockup): one header row ☰ · calendar · ‹ · date · › · add · X; small Booked above the date; the member
   avatars centred on their own (the +N sits after them without moving them). */
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___){display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:2px!important;grid-template-columns:none!important;padding-left:0!important;padding-right:0!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___)>*{position:static!important;grid-column:auto!important;grid-row:auto!important;transform:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0!important;flex:none}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___)>.event-date-caption{flex:1 1 auto!important;min-width:0!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___)>:is(.ev-date-icon,.ya-event-nav-arrow,.event-command-toggle,.close){height:34px!important;align-self:flex-end!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___)>.ev-date-icon{width:36px!important;display:grid!important;place-items:center!important;padding:0!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row .ev-date-icon .event-action-icon:not(#_){width:28px!important;height:28px!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__) .ev-date-line{justify-content:center!important;min-height:34px!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__) .ev-date-line h2{font-size:18px!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row .event-date-caption>.event-state:not(#_):not(#__){font-size:10px!important;line-height:14px!important;padding:0 6px!important;min-height:0!important;height:14px!important;margin:0 0 1px!important;border-radius:7px!important}
html body .overlay .event-sheet.ev-ios .event-edit-tools .event-available:not(#_):not(#__){position:relative!important;display:flex!important;justify-content:center!important;width:max-content!important;margin:0 auto!important}
html body .overlay .event-sheet.ev-ios .event-edit-tools .event-available .event-member-more:not(#_):not(#__){position:absolute!important;left:100%!important;top:50%!important;transform:translateY(-50%)!important;margin-left:6px!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___) .ev-date-line{min-width:0!important;overflow:hidden!important;width:100%!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___) .ev-date-line h2{flex:0 1 auto!important;min-width:0!important;font-size:clamp(13px,4.3vw,18px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___)>.ya-event-nav-arrow{width:26px!important;min-width:26px!important;padding:0!important}
@media (max-width:360px){html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___)>.ev-date-icon{width:30px!important}html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___)>.ya-event-nav-arrow{width:20px!important;min-width:20px!important}html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row .ev-date-icon .event-action-icon:not(#_){width:24px!important;height:24px!important}}
@media (max-width:360px){html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___){gap:0!important}html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___)>:is(.event-command-toggle,.close){width:30px!important;min-width:30px!important}}
/* Gary, Oct 22: less room around Booked; the date sits down level with the bottom of the ‹ › arrows. */
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___){padding-top:0!important;padding-bottom:0!important;row-gap:0!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___) .event-date-caption{gap:0!important;row-gap:0!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row .event-date-caption>.event-state:not(#_):not(#__):not(#___){height:13px!important;line-height:13px!important;font-size:9.5px!important;margin:0 0 -2px!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___) .ev-date-line{min-height:30px!important;align-items:flex-end!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___) .ev-date-line h2{line-height:1!important;padding-bottom:8px!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___)>:is(.ev-date-icon,.ya-event-nav-arrow,.event-command-toggle,.close){height:30px!important}
html body .overlay .event-sheet.ev-ios .event-edit-tools:not(#_):not(#__):not(#___){margin-top:2px!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___):not(#____){min-height:0!important;height:auto!important}
/* Gary, Oct 22: Booked + date together as one block, middle-aligned with ☰, the calendars, the arrows and X; less space above. */
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___):not(#____){align-items:center!important;margin-top:-6px!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___):not(#____)>*{align-self:center!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___):not(#____) .event-date-caption{justify-content:center!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___):not(#____) .ev-date-line{min-height:0!important;align-items:center!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___):not(#____) .ev-date-line h2{padding-bottom:0!important;line-height:1.1!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row .event-date-caption>.event-state:not(#_):not(#__):not(#___):not(#____){margin:0 0 1px!important}
html body #overlayRoot .sheet:has(>.event-sheet.ev-ios):not(#_):not(#__){padding-top:4px!important}
html body .overlay .event-sheet.ev-ios .event-edit-header.ev-head-row:not(#_):not(#__):not(#___):not(#____){margin-top:0!important;box-shadow:0 -4px 0 #fff,-14px 0 0 #fff,14px 0 0 #fff,-14px -4px 0 #fff,14px -4px 0 #fff!important}
/* Gary, Oct 22: in Edit Event the header (menu, date, arrows, X, Booked, avatars) stays put and only the event fields
   scroll, so the scroll bar starts at the Band card instead of the top of the sheet. Save Changes stays at the bottom. */
html body #overlayRoot .overlay .sheet.event-surface-sheet:has(>.event-sheet.ev-ios.compact-event-editor):not(#_):not(#__){overflow:hidden!important;display:flex!important;flex-direction:column!important}
html body #overlayRoot .overlay .sheet.event-surface-sheet>.event-sheet.ev-ios.compact-event-editor:not(#_):not(#__){flex:1 1 auto!important;min-height:0!important;max-height:100%!important;display:flex!important;flex-direction:column!important}
html body #overlayRoot .overlay .event-sheet.ev-ios.compact-event-editor>:is(.event-edit-header,.event-edit-tools,.event-editor-footer,#evErr):not(#_):not(#__){flex:none!important;position:relative!important;top:auto!important}
html body #overlayRoot .overlay .event-sheet.ev-ios.compact-event-editor>.event-editor-grid:not(#_):not(#__){flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html body #overlayRoot .overlay .event-sheet.ev-ios.compact-event-editor>.ev-subpage:not([hidden]):not(#_):not(#__){flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}
/* Gary, Oct 22: a Time or Contact page replaces the whole Edit Event screen (header included), and its cards and Back
   button are not clipped at the left and right edges by the scrolling area. */
html body #overlayRoot .overlay .event-sheet.ev-ios.compact-event-editor.ev-sub-open:not(#_):not(#__):not(#___)>*:not(.ev-subpage){display:none!important}
html body #overlayRoot .overlay .event-sheet.ev-ios.compact-event-editor>.ev-subpage:not([hidden]):not(#_):not(#__){padding:2px 3px 12px!important}
/* Gary, Oct 23: Calendar Day card */
html body #overlayRoot .overlay.ya-cal-day-overlay:not(#_):not(#__){background:rgba(11,22,43,.18)!important}
html body #overlayRoot .ya-cal-day-card{width:min(360px,100%);box-sizing:border-box;padding:10px 10px 12px;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.28);display:flex;flex-direction:column;gap:10px;color:#0c1831;font-family:var(--mc-font,system-ui)}
html body #overlayRoot .ya-cal-day-card .ya-event-nav-arrow{width:40px;height:44px;display:grid;place-items:center;border:0;background:none;padding:0;cursor:pointer;flex:none}
html body #overlayRoot .ya-cal-day-card .ya-event-nav-arrow[hidden]{display:none}
html body #overlayRoot .ya-cal-day-card .ya-event-nav-arrow:disabled{opacity:.3;cursor:default}
html body #overlayRoot .ya-cal-day-card .ya-event-nav-arrow img{width:22px;height:22px}
html body #overlayRoot .ya-cal-day-card .ya-day-event-row{display:flex;align-items:center;gap:2px}
html body #overlayRoot .ya-cal-day-card .ya-day-event{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 10px;border:1px solid #d6e0ec;border-radius:16px;background:#fff;box-shadow:0 1px 3px rgba(12,24,49,.06);font:400 16px/1.3 var(--mc-font,system-ui);color:#0c1831;text-align:center;cursor:pointer}
html body #overlayRoot .ya-cal-day-card .ya-day-event strong{font-weight:800;font-size:17px}
html body #overlayRoot .ya-cal-day-card .ya-day-event span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #overlayRoot .ya-cal-day-card .ya-day-event small{font-size:12px;color:#6D6D72;margin-top:2px}
html body #overlayRoot .ya-cal-day-card .ya-day-event.ya-day-open{cursor:pointer}
html body #overlayRoot .ya-cal-day-card .ya-day-event.ya-day-open strong{color:#16803b}
html body #overlayRoot .ya-cal-day-card .ya-day-add{margin-top:8px;min-height:40px;border-radius:12px;padding:0 18px}
html body #overlayRoot .ya-cal-day-card .ya-day-members{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;padding:2px 4px 0}
html body #overlayRoot .ya-cal-day-card .ya-day-member{position:relative;width:48px;display:flex;flex-direction:column;align-items:center;gap:4px}
html body #overlayRoot .ya-cal-day-card .ya-day-member.readonly .ya-day-avatar,html body #overlayRoot .ya-cal-day-card .ya-day-member.absent .ya-day-avatar{opacity:.45}
html body #overlayRoot .ya-cal-day-card .ya-day-avatar:not(#_){width:40px!important;height:40px!important;border-radius:20px!important;display:grid!important;place-items:center!important;font:700 14px/1 var(--mc-font,system-ui)!important;cursor:pointer;transition:transform .18s ease;margin:0!important}
html body #overlayRoot .ya-cal-day-card .ya-day-avatar.ya-day-zoom{animation:yaDayZoom .32s ease}
@keyframes yaDayZoom{0%{transform:scale(1)}45%{transform:scale(1.3)}100%{transform:scale(1)}}
html body #overlayRoot .ya-cal-day-card .ya-day-member [data-mg-answer]:not(#_):not(#__){position:absolute!important;top:24px!important;right:-2px!important;width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;margin:0!important;border-radius:11px!important;border:2px solid #fff!important;font:800 12px/1 var(--mc-font,system-ui)!important;display:grid!important;place-items:center!important;box-sizing:border-box!important}
html body #overlayRoot .ya-cal-day-card .ya-day-member .ya-mg-absent{display:none}
html body #overlayRoot .ya-cal-day-card .ya-day-name{font:500 11px/1.1 var(--mc-font,system-ui);color:#3c4658;max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #overlayRoot .ya-cal-day-card .ya-day-member.readonly .ya-day-name{color:#9aa3b2}
/* Gary, Oct 23: Edit Event header lists everyone in the band with a Y / N / ? badge (compact: no names) */
html body #overlayRoot .event-available.ya-event-members:not(#_){display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:4px 8px!important;min-height:0!important}
html body #overlayRoot .ya-event-members .ya-day-member{position:relative;width:36px;display:flex;flex-direction:column;align-items:center}
html body #overlayRoot .ya-event-members .ya-day-member.readonly .ya-day-avatar{opacity:.5}
html body #overlayRoot .ya-event-members .ya-day-avatar:not(#_):not(#__){width:30px!important;height:30px!important;flex:none!important;border-radius:15px!important;display:grid!important;place-items:center!important;font:700 11px/1 var(--mc-font,system-ui)!important;cursor:pointer;margin:0!important}
html body #overlayRoot .ya-event-members .ya-day-avatar.ya-day-zoom{animation:yaDayZoom .32s ease}
html body #overlayRoot .ya-event-members .ya-day-member [data-mg-answer]:not(#_):not(#__){position:absolute!important;top:17px!important;right:-3px!important;width:17px!important;min-width:17px!important;height:17px!important;min-height:17px!important;padding:0!important;margin:0!important;border-radius:9px!important;border:2px solid #fff!important;font:800 10.5px/1 var(--mc-font,system-ui)!important;display:grid!important;place-items:center!important;box-sizing:border-box!important}
html body #overlayRoot .ya-event-members .ya-mg-absent{display:none}
html body #overlayRoot .event-sheet .ya-event-members:not(#_):not(#__){position:relative!important;z-index:35!important}
html body #overlayRoot .overlay.ya-cal-day-overlay:not(#_):not(#__):not(#___){align-items:flex-start!important;padding-top:var(--ya-day-top,18vh)!important}
/* read-only Event View: same avatar row, with first names, nothing dimmed */
html body #overlayRoot .event-sheet .ya-readonly-members:not(#_):not(#__){gap:6px 10px!important;padding:6px 4px 8px!important}
html body #overlayRoot .ya-readonly-members .ya-day-member{width:44px}
html body #overlayRoot .ya-readonly-members .ya-day-avatar:not(#_):not(#__){width:36px!important;height:36px!important;border-radius:18px!important;font-size:13px!important}
html body #overlayRoot .ya-readonly-members .ya-day-member [data-mg-answer]:not(#_):not(#__){top:21px!important;right:-1px!important;width:19px!important;min-width:19px!important;height:19px!important;min-height:19px!important;border-radius:10px!important;font-size:11px!important;cursor:default}
html body #overlayRoot .ya-readonly-members .ya-day-name{margin-top:4px;font:500 11px/1.1 var(--mc-font,system-ui);color:#3c4658;max-width:46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #overlayRoot .ya-cal-day-card:not(#_){width:min(300px,82vw)!important;padding:8px 6px 10px!important;gap:8px!important}
html body #overlayRoot .ya-cal-day-card .ya-day-members{gap:4px 6px!important}
html body #overlayRoot .ya-cal-day-card .ya-day-member{width:42px!important}
html body #overlayRoot .ya-cal-day-card .ya-day-avatar:not(#_):not(#__){width:34px!important;height:34px!important;border-radius:17px!important;font-size:12px!important}
html body #overlayRoot .ya-cal-day-card .ya-day-member [data-mg-answer]:not(#_):not(#__):not(#___){top:19px!important;width:19px!important;min-width:19px!important;height:19px!important;min-height:19px!important;font-size:11px!important}
html body #overlayRoot .ya-cal-day-card .ya-day-event{padding:10px 8px!important;font-size:15px!important}
/* Gary, Oct 23: the Y/N/? picker and the band list open above screens like Edit Event and the Calendar Day card */
html body .availability-choice-picker,html body .mg-av-pop{z-index:10050!important}
html body #overlayRoot .ya-readonly-members .ya-day-avatar,html body #overlayRoot .ya-day-member.readonly .ya-day-avatar{cursor:default!important}
/* Calendar Day card, Event View style (Gary, Oct 23 mockup): date tile on the left, Booked + time, the event, then venue and
   band on their own lines; one pair of arrows; the card stays narrow (not full screen). */
html body #overlayRoot .ya-cal-day-card:not(#_):not(#__){width:min(316px,88vw)!important;padding:12px 4px 12px!important;gap:10px!important}
html body #overlayRoot .ya-cal-day-card .ya-event-nav-arrow:not(#_){width:30px}
html body #overlayRoot .ya-cal-day-card .ya-day-event.ya-day-hero:not(#_){flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:10px;text-align:left}
html body #overlayRoot .ya-cal-day-card .ya-day-tile{flex:none;width:48px;height:58px;box-sizing:border-box;border-radius:10px;background:#f3f6fa;border:1px solid #e3e9f1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#68758a;font:600 11px/1.15 var(--mc-font,system-ui)}
html body #overlayRoot .ya-cal-day-card .ya-day-tile b{font:700 24px/1.05 var(--mc-font,system-ui);color:#0c1831}
html body #overlayRoot .ya-cal-day-card .ya-day-tile span{overflow:visible}
html body #overlayRoot .ya-cal-day-card .ya-day-hero-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
html body #overlayRoot .ya-cal-day-card .ya-day-hero-text>*{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #overlayRoot .ya-cal-day-card .ya-day-meta{display:flex;align-items:center;gap:6px}
html body #overlayRoot .ya-cal-day-card .ya-day-booked{flex:none;font:700 11px/1.4 var(--mc-font,system-ui);color:#146c33;background:#E3F3E8;border-radius:6px;padding:1px 6px}
html body #overlayRoot .ya-cal-day-card .ya-day-time{font:700 14px/1.3 var(--mc-font,system-ui);color:#0c1831;min-width:0;overflow:hidden;text-overflow:ellipsis}
html body #overlayRoot .ya-cal-day-card .ya-day-hero strong{font:800 17px/1.25 var(--mc-font,system-ui);color:#0c1831}
html body #overlayRoot .ya-cal-day-card .ya-day-sub{font:600 14px/1.3 var(--mc-font,system-ui);color:#245fae}
html body #overlayRoot .ya-cal-day-card .ya-day-open .ya-day-hero-text strong{font-size:18px;color:#16803b}
html body #overlayRoot .ya-cal-day-card .ya-day-count{margin-top:-4px;text-align:center;font:400 12px/1.2 var(--mc-font,system-ui);color:#6D6D72}
