/* CAL-BETA-6.13.1 (Gary, Oct 23): top-down calendar bar in Table cells (only when body.ya-cal-bars is set,
   i.e. the calendar tables exist) and the Settings › My Calendar page.
   Bar: 8 AM at the top, 2 AM at the bottom. Free = solid green, Busy = hatched red, Unknown = white with a grey
   outline. Rows stay 30px. */
:root{--ya-cal-free:#15803D;--ya-cal-free-light:#C6E9D2;--ya-cal-no:#C62828;--ya-cal-busy:#B91C1C;--ya-cal-busy-light:#F6CACA;--ya-cal-other:#8A9099;--ya-cal-other-light:#E3E6EA;--ya-cal-outline:#B8BCC6}
/* Settings › Accessibility › Colorblind-friendly colors (Gary, Nov 2): blue for Y / available, orange for N / busy that counts. */
body.ya-colorblind{--ya-cal-free:#1D5FD1;--ya-cal-free-light:#CFE0FA;--ya-cal-no:#D9480F;--ya-cal-busy:#D9480F;--ya-cal-busy-light:#FAD7C3}

html body.ya-cal-bars #app .table-mid-row .status[data-mg-answer]:not(.ya-mg-mixed):not(.member-dot){
  width:16px!important;min-width:16px!important;height:26px!important;min-height:26px!important;
  border-radius:3px!important;padding:0!important;border:0!important;
  font-size:0!important;line-height:0!important;color:transparent!important;
  background-color:#fff!important;background-image:none!important;background-repeat:no-repeat!important;
  box-shadow:inset 0 0 0 1px var(--ya-cal-outline)!important;
}
html body.ya-cal-bars #app .table-mid-row>.ya-mine-col .status[data-mg-answer]:not(.ya-mg-mixed):not(.member-dot){width:18px!important;min-width:18px!important}
html body.ya-cal-bars #app .table-mid-row .status[data-mg-answer].q:not(.ya-mg-mixed):not(.member-dot){
  background-image:var(--yb-i,none)!important;background-size:var(--yb-s,100% 100%)!important;background-position:var(--yb-p,0 0)!important;
}
html body.ya-cal-bars #app .table-mid-row .status[data-mg-answer].y:not(.ya-mg-mixed):not(.member-dot){
  background-color:var(--ya-cal-free)!important;background-image:none!important;box-shadow:none!important;
}
/* Gary, Nov 2: a typed N is solid, so it never looks like calendar busy time (stripes always mean "from the calendar") */
html body.ya-cal-bars #app .table-mid-row .status[data-mg-answer].n:not(.ya-mg-mixed):not(.member-dot){
  background-color:var(--ya-cal-no)!important;background-image:none!important;box-shadow:none!important;
}

/* Settings › My Calendar */
/* Settings › Calendar row (NEXT, Nov 1): same look as the other Settings rows */
#overlayRoot .ya-cal-settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;border:0;font:inherit;color:inherit;cursor:pointer}
#overlayRoot .ya-cal-settings-row>span{display:flex;flex-direction:column;gap:2px}
#overlayRoot .ya-cal-settings-row strong{font-weight:400}
#overlayRoot .ya-cal-settings-row small{display:block;font-weight:400;color:#6b7280}
#overlayRoot .ya-cal-settings-row .ya-cal-chevron{flex:none;color:#9ca3af}
#overlayRoot .ya-cal-page .ya-cal-body{display:flex;flex-direction:column;gap:10px;padding-bottom:24px}
#overlayRoot .ya-cal-page h3{margin:12px 0 0;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#6b7280}
#overlayRoot .ya-cal-page .ya-cal-intro{margin:4px 0 0;color:#4b5563;font-size:14px;line-height:1.4}
#overlayRoot .ya-cal-page .ya-cal-group{background:#fff;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
#overlayRoot .ya-cal-page .ya-cal-source{display:flex;align-items:center;gap:8px}
#overlayRoot .ya-cal-page .ya-cal-source+.ya-cal-source{border-top:1px solid #eceef2;padding-top:10px}
#overlayRoot .ya-cal-page .ya-cal-source-text{flex:1;min-width:0;display:flex;flex-direction:column}
#overlayRoot .ya-cal-page .ya-cal-source-text small{color:#6b7280;overflow:hidden;text-overflow:ellipsis}
#overlayRoot .ya-cal-page .ya-cal-small{min-height:44px;padding:0 10px;border-radius:8px;border:1px solid #d1d5db;background:#fff;font:inherit;font-size:13px}
#overlayRoot .ya-cal-page .ya-cal-danger{color:#B91C1C;border-color:#f3c3c3}
#overlayRoot .ya-cal-page .ya-cal-empty{margin:0;color:#6b7280}
#overlayRoot .ya-cal-page .ya-cal-add .field{display:flex;flex-direction:column;gap:4px;margin:0}
#overlayRoot .ya-cal-page .ya-cal-add input{min-height:44px;font-size:16px}
#overlayRoot .ya-cal-page .ya-cal-add button{min-height:44px}
#overlayRoot .ya-cal-page .ya-cal-help{background:#f6f7f9;border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.45}
#overlayRoot .ya-cal-page .ya-cal-help summary{cursor:pointer;font-weight:600;min-height:28px}
#overlayRoot .ya-cal-page .ya-cal-help p{margin:8px 0 0}
#overlayRoot .ya-cal-page select{min-height:44px;font-size:16px;width:100%}
#overlayRoot .ya-cal-page .ya-cal-hours{display:flex;flex-direction:column;gap:6px}
#overlayRoot .ya-cal-page .ya-cal-hours.hidden{display:none}
#overlayRoot .ya-cal-page .ya-cal-hours-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px}
#overlayRoot .ya-cal-page .ya-cal-day{display:flex;align-items:center;gap:6px;min-height:44px}
#overlayRoot .ya-cal-page .ya-cal-hours-row input[type=time]{min-height:40px;font-size:16px;width:100%}
#overlayRoot .ya-cal-page .ya-cal-to{color:#6b7280;font-size:13px}
#overlayRoot .ya-cal-page .ya-cal-status{min-height:20px;font-size:14px;color:#15803D}
#overlayRoot .ya-cal-page .ya-cal-error{color:#B91C1C!important}
#overlayRoot .ya-cal-page .settings-toggle-row.ya-cal-group{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
#overlayRoot .ya-cal-page .settings-toggle-row.ya-cal-group>span{display:flex;flex-direction:column;gap:2px}
#overlayRoot .ya-cal-page .settings-toggle-row.ya-cal-group small{font-size:13px;color:#6b7280}

/* My Calendar (NEXT, Nov 1): the same iPhone switch as Settings (copied from modern-ui-ios.css; that page marker is cleared by the app) */
html body #overlayRoot .sheet.ya-cal-page:not(#_) .settings-toggle-row input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;position:relative!important;flex:none!important;width:51px!important;height:31px!important;min-width:51px!important;margin:0!important;padding:0!important;border:0!important;border-radius:16px!important;background:#E9E9EA!important;background-image:none!important;box-shadow:none!important;transition:background .2s ease;cursor:pointer}
html body #overlayRoot .sheet.ya-cal-page:not(#_) .settings-toggle-row input[type=checkbox]::before{content:""!important;display:block!important;position:absolute!important;top:2px!important;left:2px!important;width:27px!important;height:27px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16)!important;transition:transform .2s ease!important;transform:none}
html body #overlayRoot .sheet.ya-cal-page:not(#_) .settings-toggle-row input[type=checkbox]::after{content:none!important;display:none!important}
html body #overlayRoot .sheet.ya-cal-page:not(#_) .settings-toggle-row input[type=checkbox]:checked{background:#34C759!important;background-image:none!important}
html body #overlayRoot .sheet.ya-cal-page:not(#_) .settings-toggle-row input[type=checkbox]:checked::before{transform:translateX(20px)!important}
html body #overlayRoot .sheet.ya-cal-page:not(#_) .settings-toggle-row input[type=checkbox]:disabled{opacity:.5!important}
/* My Calendar (NEXT, Nov 1): the header stays put while the page scrolls, like the other full screens */
html body #overlayRoot .sheet.ya-cal-page:not(#_):not(#__):not(#___):not(#____)>.sheet-head.ya-std-head{position:sticky!important;top:0!important;z-index:6!important;background:inherit!important}

/* NEXT (Gary, Nov 1): a typed Y the calendar disagrees with keeps its green, with a striped red corner. */
html body.ya-cal-bars #app .table-mid-row .status[data-mg-answer].y.ya-cal-over:not(.ya-mg-mixed):not(.member-dot){
  background-image:linear-gradient(225deg,var(--ya-cal-busy) 0 8px,#fff 8px 9.5px,transparent 9.5px)!important;
  background-size:100% 100%!important;background-position:0 0!important;
}
html body.ya-cal-bars #app .table-mid-row .status[data-mg-answer]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}

/* NEXT (Gary, Nov 1): where an answer came from, at the top of the Y / N / ? picker (or on its own for answers you can't change). */
.availability-choice-picker.ya-src{flex-direction:column;align-items:stretch;gap:10px;width:min(300px,calc(100vw - 20px));box-sizing:border-box;padding:12px}
.availability-choice-picker .ya-src-row{display:flex;align-items:center;justify-content:center;gap:8px}
.availability-choice-picker .ya-src-box{font:14px/1.35 -apple-system,system-ui,sans-serif;color:#0f172a;text-align:left}
.availability-choice-picker .ya-src-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.availability-choice-picker .ya-src-head strong{font-weight:700;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.availability-choice-picker .ya-src-tag{flex:none;font-size:12px;font-weight:700;padding:3px 8px;border-radius:7px;background:#EEF1F6;color:#475569}
.availability-choice-picker .ya-src-cal .ya-src-tag{background:#FBE7E7;color:#B42318}
.availability-choice-picker .ya-src-over .ya-src-tag{background:#FFF1D6;color:#8A5300}
.availability-choice-picker .ya-src-sub{margin:4px 0 0;font-size:12px;color:#64748b}
.availability-choice-picker .ya-src-text{margin:8px 0 0}
.availability-choice-picker .ya-src-bar{position:relative;height:14px;margin:10px 2px 2px;border-radius:4px;background:#F1F4F8;box-shadow:inset 0 0 0 1px #D9DEE8}
.availability-choice-picker .ya-src-busy{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,var(--ya-cal-busy,#B91C1C) 0 3px,var(--ya-cal-busy-light,#F6CACA) 3px 6px)}
.availability-choice-picker .ya-src-win{position:absolute;top:-4px;bottom:-4px;border:1.5px dashed #64748b;border-radius:4px;box-sizing:border-box}
.availability-choice-picker .ya-src-ticks{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8}
.availability-choice-picker button.ya-src-reset{width:100%;height:auto;margin-top:10px;padding:8px;border-radius:8px;border:1px solid #c7d6ff;background:#EEF3FF;color:#1F4FD1;font-size:14px;font-weight:600}

/* Group Edit › Busy Times (NEXT, Gary Nov 1) */
#overlayRoot .ya-cal-buckets .ya-cal-bucket-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}
#overlayRoot .ya-cal-buckets .ya-cal-bucket{display:grid;grid-template-columns:100px minmax(0,1fr) 46px 28px;align-items:center;gap:6px}
#overlayRoot .ya-cal-buckets .ya-cal-bucket-head{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.02em}
#overlayRoot .ya-cal-buckets .ya-cal-bucket-head span:nth-child(3){text-align:center}
#overlayRoot .ya-cal-buckets .ya-cal-bucket-first{padding-left:10px;font-size:15px;color:#475569}
#overlayRoot .ya-cal-buckets select.ya-cal-bucket-start{height:34px;min-width:0;width:100%;font-size:15px;padding:0 6px}
#overlayRoot .ya-cal-buckets .ya-cal-bucket input[type=time],#overlayRoot .ya-cal-buckets .ya-cal-bucket input[type=text]{height:34px;min-width:0;box-sizing:border-box;font-size:15px}
#overlayRoot .ya-cal-buckets .ya-cal-bucket-decide{display:flex;align-items:center;justify-content:center;height:34px}
#overlayRoot .ya-cal-buckets button.ya-cal-bucket-x{width:28px;height:28px;border-radius:50%;border:1px solid #d9dee8;background:#fff;font-size:17px;line-height:1;padding:0;color:#64748b}
#overlayRoot .ya-cal-buckets .ya-cal-bucket-acts{display:flex;gap:8px;justify-content:space-between}
#overlayRoot .ya-cal-buckets .ya-cal-status{margin:6px 0 0;font-size:13px;color:#475569}
.availability-choice-picker .ya-src-edge{position:absolute;top:0;bottom:0;width:1px;background:#CBD2DC;text-decoration:none}
#overlayRoot .ya-cal-buckets .ya-cal-small{min-height:40px;padding:0 12px;border-radius:8px;border:1px solid #d1d5db;background:#fff;font:inherit;font-size:14px}
#overlayRoot .ya-cal-buckets .ya-cal-small.primary{background:#2F6BFF;border-color:#2F6BFF;color:#fff;font-weight:600}
#overlayRoot .ya-cal-buckets-page{display:flex;flex-direction:column;gap:10px}
#overlayRoot .ya-cal-buckets-intro{margin:0;color:#4b5563;font-size:14px;line-height:1.4}
#overlayRoot .ya-cal-buckets-body{background:#fff;border-radius:12px;padding:12px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
html body #overlayRoot #groupBusyBuckets .ya-cal-bucket input.ya-cal-bucket-name:not(#_):not(#__){height:34px!important;min-height:0!important;width:100%!important;max-width:none!important;padding:0 8px!important;border:1px solid #d9dee8!important;border-radius:8px!important;background:#fff!important}
html body #overlayRoot #groupBusyBuckets select.ya-cal-bucket-start:not(#_):not(#__){height:34px;font-size:15px;padding:0 4px;border:1px solid #d9dee8;border-radius:8px;background:#fff}
.availability-choice-picker .ya-src-busy.ya-src-other{background:repeating-linear-gradient(135deg,var(--ya-cal-other,#8A9099) 0 3px,var(--ya-cal-other-light,#E3E6EA) 3px 6px)}

/* Settings › My Calendar laid out like the other Settings screens (Gary, Nov 2) */
html body #overlayRoot .ya-cal-page .ya-cal-body{gap:0;padding-bottom:28px}
html body #overlayRoot .ya-cal-page .ya-cal-intro-group{background:transparent!important;box-shadow:none!important;padding:0!important;border:0!important}
html body #overlayRoot .ya-cal-page .ya-cal-intro-group>.ios-row-help{margin:4px 0 0!important}
html body #overlayRoot .ya-cal-page .ya-cal-source{display:flex;align-items:center;justify-content:space-between;gap:10px}
html body #overlayRoot .ya-cal-page .ya-cal-source-text{display:flex;flex-direction:column;min-width:0;flex:1}
html body #overlayRoot .ya-cal-page .ya-cal-source-name{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #overlayRoot .ya-cal-page .ya-cal-source-text .ya-cal-sub{font-size:13px;color:#6b7280;overflow:hidden;text-overflow:ellipsis}
html body #overlayRoot .ya-cal-page .ya-cal-source-acts{display:flex;gap:14px;flex:none}
html body #overlayRoot .ya-cal-page button.ya-cal-link{border:0!important;background:none!important;padding:6px 0!important;min-height:0!important;font:inherit;font-size:16px;color:#2F6BFF;box-shadow:none!important}
html body #overlayRoot .ya-cal-page button.ya-cal-link.ya-cal-danger{color:#C62828}
html body #overlayRoot .ya-cal-page .ya-cal-muted{color:#8a93a3}
html body #overlayRoot .ya-cal-page .ya-cal-input-row{display:flex;align-items:center;gap:12px}
html body #overlayRoot .ya-cal-page .ya-cal-input-label{flex:none;width:52px;font-size:17px}
html body #overlayRoot .ya-cal-page .ya-cal-input-row input:not(#_):not(#__):not(#___){flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;height:auto!important;font-size:17px;outline:none}
html body #overlayRoot .ya-cal-page button.ya-cal-connect{display:block;width:100%;text-align:center;border:0;font:inherit;font-size:17px;font-weight:600;color:#2F6BFF;background:#fff;cursor:pointer}
html body #overlayRoot .ya-cal-page .ya-cal-help>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:17px;font-weight:400;padding:0;margin:0;background:none;border:0}
html body #overlayRoot .ya-cal-page details.ya-cal-help{display:block}
html body #overlayRoot .ya-cal-page .ya-cal-help>summary::-webkit-details-marker{display:none}
html body #overlayRoot .ya-cal-page .ya-cal-help[open]>summary .ya-cal-chevron{transform:rotate(90deg)}
html body #overlayRoot .ya-cal-page .ya-cal-help .ya-cal-chevron{color:#9ca3af;flex:none;transition:transform .15s}
html body #overlayRoot .ya-cal-page .ya-cal-help-body{padding:6px 0 2px;font-size:14px;line-height:1.4;color:#4b5563}
html body #overlayRoot .ya-cal-page .ya-cal-help-body p{margin:8px 0 0}
html body #overlayRoot .ya-cal-page .ya-cal-select-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
html body #overlayRoot .ya-cal-page .ya-cal-select-row select:not(#_):not(#__):not(#___){border:0!important;background:transparent!important;box-shadow:none!important;color:#8a93a3;font-size:17px;text-align:right;max-width:60%;padding:0!important}
html body #overlayRoot .ya-cal-page .ya-cal-hours.hidden{display:none!important}
html body #overlayRoot .ya-cal-page .ya-cal-status:empty{display:none}
html body #overlayRoot .ya-cal-page .ya-cal-help-row>span{flex:1}
/* Gary, Nov 2: less space between the settings on the calendar screens */
html body #overlayRoot .ya-cal-page .ya-cal-body:not(#_){display:block!important}
html body #overlayRoot .ya-cal-page .ya-cal-body>.ios-section:not(#_):not(#__){margin:0 0 14px!important}
html body #overlayRoot .ya-cal-page .ya-cal-body .ios-section-title:not(#_):not(#__){margin:0 0 5px!important}
html body #overlayRoot .ya-cal-page .ya-cal-body .ios-group>.ios-row-help:not(#_):not(#__):not(#___){margin-top:5px!important;margin-bottom:8px!important}
html body #overlayRoot .ya-cal-page .ya-cal-body .ios-group>.ios-row-help:last-child:not(#_):not(#__):not(#___){margin-bottom:0!important}
html body #overlayRoot .ya-cal-page .ya-cal-add>.ios-row+.ios-row{margin-top:6px}
html body #overlayRoot .ya-group-settings .ya-cal-buckets-page{gap:8px}
html body #overlayRoot .ya-cal-page details.ya-cal-help>summary.ya-cal-help-row:not(#_):not(#__){display:flex!important;width:100%!important;justify-content:space-between!important}html body #overlayRoot .ya-cal-page details.ya-cal-help>summary.ya-cal-help-row>span{flex:1 1 auto}
/* All-day review (NEXT, Gary Nov 2): one card per event, name in full, Busy / Not Busy with the Table's stripes */
html body #overlayRoot .ya-allday-page .ya-allday-row:not(#_){display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-top:14px!important;padding-bottom:14px!important}
html body #overlayRoot .ya-allday-page .ya-allday-row+.ya-allday-row{margin-top:10px}
html body #overlayRoot .ya-allday-page .ya-allday-text{display:flex;flex-direction:column;gap:2px;min-width:0}
html body #overlayRoot .ya-allday-page .ya-allday-title{font-size:17px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
html body #overlayRoot .ya-allday-page .ya-cal-sub{font-size:14px;color:#6b7280;line-height:1.3}
html body #overlayRoot .ya-allday-page .ya-allday-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html body #overlayRoot .ya-allday-page .ya-allday-choice button:not(#_):not(#__){display:flex;align-items:center;justify-content:center;gap:8px;height:42px;min-height:0!important;padding:0 10px!important;border-radius:10px!important;border:1.5px solid #D9DEE8!important;background:#fff!important;box-shadow:none!important;font:inherit;font-size:16px;font-weight:600;color:#334155;cursor:pointer}
html body #overlayRoot .ya-allday-page .ya-allday-swatch{flex:none;width:18px;height:18px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
html body #overlayRoot .ya-allday-page .ya-allday-swatch-busy{background:repeating-linear-gradient(135deg,var(--ya-cal-busy,#B91C1C) 0 3px,var(--ya-cal-busy-light,#F6CACA) 3px 6px)}
html body #overlayRoot .ya-allday-page .ya-allday-swatch-free{background:repeating-linear-gradient(135deg,var(--ya-cal-other,#8A9099) 0 3px,var(--ya-cal-other-light,#E3E6EA) 3px 6px)}
html body #overlayRoot .ya-allday-page .ya-allday-choice button[data-busy="1"].on:not(#_):not(#__){border-color:var(--ya-cal-busy,#B91C1C)!important;background:color-mix(in srgb,var(--ya-cal-busy,#B91C1C) 9%,#fff)!important;color:var(--ya-cal-busy,#B91C1C)}
html body #overlayRoot .ya-allday-page .ya-allday-choice button[data-busy="0"].on:not(#_):not(#__){border-color:#64748b!important;background:#F1F3F6!important;color:#1f2937}
html body #overlayRoot .ya-allday-page .ya-cal-intro-help{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #overlayRoot .ya-cal-page button.ya-cal-nav-row{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;font:inherit;font-size:17px;text-align:left;background:#fff;cursor:pointer;color:inherit}
html body #overlayRoot .ya-cal-page .ya-cal-nav-value{display:flex;align-items:center;gap:6px;color:#8a93a3}
html body #overlayRoot .ya-cal-page .ya-cal-nav-value .ya-cal-chevron{color:#9ca3af}
.ya-allday-notice .btn{flex-shrink:0}
.ya-allday-notice>div strong{font-size:15px;line-height:1.3}
html body #overlayRoot .ya-allday-page .ya-allday-text:not(#_){align-items:flex-start;text-align:left;width:100%}

/* Calendar view (NEXT, Gary Nov 2): your own day strip, striped initials for calendar-busy people, a flag on events */
html body.ya-cal-bars #calendarView .cal-day{position:relative}
html body.ya-cal-bars #calendarView .cal-day .ya-cal-strip{position:absolute;left:0;right:0;bottom:0;height:6px;background:#EEF1F5;border-top:1px solid #E1E6EE;pointer-events:none}
html body.ya-cal-bars #calendarView .cal-day .ya-cal-strip i{position:absolute;top:0;bottom:0}
html body.ya-cal-bars #calendarView .ya-cal-strip-gray{background:repeating-linear-gradient(135deg,var(--ya-cal-other,#8A9099) 0 2px,var(--ya-cal-other-light,#E3E6EA) 2px 4px)}
html body.ya-cal-bars #calendarView .ya-cal-strip-red{background:repeating-linear-gradient(135deg,var(--ya-cal-busy,#B91C1C) 0 2px,var(--ya-cal-busy-light,#F6CACA) 2px 4px)}
html body.ya-cal-bars #calendarView .member-dot.ya-cal-busy-dot:not(#_):not(#__){background:radial-gradient(circle,#fff 0 56%,transparent 58%),repeating-linear-gradient(135deg,var(--ya-cal-busy,#B91C1C) 0 2px,var(--ya-cal-busy-light,#F6CACA) 2px 4px)!important;color:#7a1414!important}
html body.ya-cal-bars #calendarView .ya-cal-ev-flag{display:inline-block;width:9px;height:9px;margin-left:4px;border-radius:2px;vertical-align:0;background:repeating-linear-gradient(135deg,var(--ya-cal-busy,#B91C1C) 0 2px,var(--ya-cal-busy-light,#F6CACA) 2px 4px);box-shadow:0 0 0 1px #fff}
/* Day card pictures: the badge follows the Table (red stripes = the calendar decided, red corner = typed Y on busy time) */
html body.ya-cal-bars .ya-day-member .status.ya-cal-derived:not(.ya-mg-mixed):not(#_):not(#__){background:radial-gradient(circle,#fff 0 48%,transparent 50%),repeating-linear-gradient(135deg,var(--ya-cal-busy,#B91C1C) 0 2px,var(--ya-cal-busy-light,#F6CACA) 2px 4px)!important;color:#7a1414!important;border-color:var(--ya-cal-busy,#B91C1C)!important}
html body.ya-cal-bars .ya-day-member .status.y.ya-cal-over:not(.ya-mg-mixed):not(#_):not(#__){background-image:linear-gradient(225deg,var(--ya-cal-busy,#B91C1C) 0 5px,#fff 5px 6.5px,transparent 6.5px)!important}
/* Your own events for the day in the answer panel (NEXT, Gary Nov 2) */
.availability-choice-picker .ya-src-events{margin-top:10px;border-top:1px solid #EEF1F6;padding-top:8px}
.availability-choice-picker .ya-src-events-head{margin:0 0 4px;font-size:12px;color:#64748b}
.availability-choice-picker .ya-src-events-loading{margin:0;font-size:13px;color:#64748b}
.availability-choice-picker .ya-src-event{display:grid;grid-template-columns:12px 104px minmax(0,1fr);align-items:center;gap:8px;padding:3px 0;font-size:14px}
.availability-choice-picker .ya-src-event-mark{width:12px;height:12px;border-radius:3px}
.availability-choice-picker .ya-src-event-mark.red{background:repeating-linear-gradient(135deg,var(--ya-cal-busy,#B91C1C) 0 2px,var(--ya-cal-busy-light,#F6CACA) 2px 4px)}
.availability-choice-picker .ya-src-event-mark.gray{background:repeating-linear-gradient(135deg,var(--ya-cal-other,#8A9099) 0 2px,var(--ya-cal-other-light,#E3E6EA) 2px 4px)}
.availability-choice-picker .ya-src-event-time{color:#475569;white-space:nowrap;font-variant-numeric:tabular-nums}
.availability-choice-picker .ya-src-event-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.availability-choice-picker .ya-src-events-key{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px;background:repeating-linear-gradient(135deg,var(--ya-cal-busy,#B91C1C) 0 2px,var(--ya-cal-busy-light,#F6CACA) 2px 4px)}
/* When › Times (NEXT, Gary Nov 2): chips like the Days row */
.when-choice-menu .ya-times-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:2px 12px 10px}
.when-choice-menu .ya-times-head{display:flex;align-items:center;justify-content:space-between}
.when-choice-menu .ya-times-head .ya-time-act{font-size:13px;padding:0;text-transform:none;letter-spacing:0}
.when-choice-menu .ya-times-row.many{grid-template-columns:repeat(6,minmax(0,1fr))}
.when-choice-menu .ya-times-row .ya-time-chip{width:auto!important;min-width:0!important}
.when-choice-menu .ya-times-row .ya-time-chip span{font-size:12px;white-space:nowrap}
.when-choice-menu .ya-times-acts{display:flex;justify-content:flex-start;padding:0 12px 10px}
.when-choice-menu .ya-time-act{border:0;background:none;padding:6px 0;font:inherit;font-size:14px;font-weight:600;color:#2F6BFF;cursor:pointer}
.when-choice-menu .ya-time-act.on{color:#0f172a}
.when-choice-menu .ya-time-note{font-size:13px;color:#8a93a3}
/* Gary, Nov 2: a dot beside WHEN when Days or Times isn't the default */
html body #app #classicFilters .mc-filter-heading .ya-when-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#007AFF;margin-left:6px;vertical-align:1px}
/* Gary, Nov 2: the Times label above the avatars (and on the Calendar title); tap to choose which parts of the day count */
html body #app .ya-times-tag{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;height:18px;margin:0;padding:0 6px;border:0;border-bottom:1px solid var(--mc-grid,#E3E6EA);background:#EEF4FF;color:#1D4ED8;font:600 11px/18px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
html body #app .ya-times-tag.is-band{background:#F4F6F9;color:#3C4656}
html body #app .ya-times-tag span{font-weight:400;color:#8A93A3}
html body #app .ya-times-tag i{font-style:normal;font-size:9px;opacity:.7}
html body #app #calendarView .ya-cal-times-row{background:#fff;border-left:1px solid var(--classic-line,#d9dde4);border-right:1px solid var(--classic-line,#d9dde4);padding:0}
html body #app #calendarView .ya-cal-times-row .ya-times-tag{height:20px;line-height:20px}
html body.ya-colorblind #app .ya-times-tag:not(.is-band){background:#EAF1FB;color:#0B4F9C}
html body #app .table-head:has(.ya-times-tag):not(#_){height:auto!important}
html body #app .table-head:has(.ya-times-tag) .table-left-head:not(#_){height:auto!important;align-self:stretch!important}
html body #app .table-head:has(.ya-times-tag) .table-mid-head-clip:not(#_){display:flex!important;flex-direction:column!important}
/* Gary, Nov 2: Times is a one-tap list with one checkmark; the band's row has a gray Band Default tag */
.ya-times-menu .ya-times-item{display:flex!important;align-items:center;gap:8px}
.ya-times-menu .ya-times-item .ya-band-tag{margin-left:auto;margin-right:22px;font-size:12px;font-weight:500;color:#8A93A3;white-space:nowrap}
.ya-times-menu .ya-times-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:2px 12px 10px}
.ya-times-menu .ya-time-chip{width:auto!important;min-width:0!important;height:30px;border-radius:8px;border:1px solid #D5DAE2;background:#fff;font-size:12px}
.ya-times-menu .ya-time-chip.on{background:#2F6BFF;border-color:#2F6BFF;color:#fff}
.ya-times-menu .ya-time-chip i{display:none}
/* Gary, Nov 2: Calendar settings grouped like Group Edit: one white box, rows split by thin lines, gray value and › on the right */
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-box:not(#_):not(#__):not(#___):not(#____){display:block!important;padding:0!important;overflow:hidden!important;background:#fff!important;border-radius:var(--ios-radius,22px)!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-box>.ios-row:not(#_):not(#__):not(#___):not(#____){display:flex!important;align-items:center!important;justify-content:space-between;gap:10px;width:100%!important;min-height:52px;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;text-align:left;font:inherit;color:inherit}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-box>.ya-nav-row:not(#_):not(#__):not(#___):not(#____){cursor:pointer}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-box>[hidden]:not(#_):not(#__):not(#___):not(#____){display:none!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-box>.ios-row+.ios-row:not(#_):not(#__):not(#___):not(#____){border-top:1px solid #E3E6EA!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-box>.ios-row:not(#_):not(#__):not(#___):not(#____)::before{display:none!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-row strong{font-weight:400}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-value{display:inline-flex;align-items:center;gap:6px;color:#8A93A3;white-space:nowrap}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-value.ya-nav-ok{color:#15803D;font-weight:600}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-value .ya-cal-chevron{color:#9ca3af}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-cal-steps-box:not(#_):not(#__):not(#___):not(#____){padding:14px 16px 14px 0!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-cal-steps{margin:0;padding-left:34px;display:grid;gap:8px;font-size:15px;line-height:1.4;color:#1f2937}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-cal-steps li::marker{color:#2F6BFF}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-cal-conn-acts:not(#_):not(#__):not(#___):not(#____){display:flex!important;gap:10px;padding:10px 12px 12px!important;border-top:1px solid #E3E6EA}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-cal-connect-btn:not(#_):not(#__):not(#___):not(#____){flex:1;height:46px;border:0!important;border-radius:12px!important;background:#2F6BFF!important;color:#fff!important;font-weight:600!important;font-size:16px!important;cursor:pointer;margin:0!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-cal-connect-btn:not(#_):not(#__):not(#___):not(#____):disabled{opacity:.6}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-cal-connected:not(#_):not(#__):not(#___):not(#____){flex:1;display:flex;align-items:center;justify-content:center;height:46px;border-radius:12px;background:#15803D!important;color:#fff!important;font-weight:600;font-size:16px}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-cal-remove:not(#_):not(#__):not(#___):not(#____){flex:none;width:110px;height:46px;border-radius:12px!important;border:1px solid #F3C4C4!important;background:#fff!important;color:#C33131!important;font-weight:600!important;font-size:16px!important;cursor:pointer;margin:0!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-cal-conn-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-cal-conn-error{margin:0;padding:0 16px 8px;font-size:13px}
html body.ya-colorblind #overlayRoot .ya-settings-panel .ya-cal-connected:not(#_):not(#__):not(#___):not(#____){background:#0B6BCB!important}
/* Gary, Nov 2: rows in these boxes use the Group Edit row font (17px regular, black) */
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-box>.ios-row:not(#_):not(#__):not(#___):not(#____),html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-box>.ios-row>span:first-child:not(#_):not(#__):not(#___):not(#____),html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-box>.ios-row strong:not(#_):not(#__):not(#___):not(#____){font:400 17px/1.25 var(--ios-font,-apple-system,system-ui)!important;color:#000!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-box>.ios-row:not(#_):not(#__):not(#___):not(#____){padding:10px 16px!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-box .ya-nav-value:not(#_):not(#__):not(#___):not(#____){font:400 17px/1.25 var(--ios-font,-apple-system,system-ui)!important;color:#8A8A8E!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-box .ya-nav-value.ya-nav-ok:not(#_):not(#__):not(#___):not(#____){color:#15803D!important;font-weight:600!important}
/* Gary, Nov 2: inside the Calendar box Week Starts On keeps its whole label; the day choice gets narrower instead */
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body>.ios-section[data-ios-key="schedule"] .ya-calendar-start-row>label:not(#_):not(#__):not(#___){flex:1 0 auto!important;white-space:nowrap!important;overflow:visible!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body>.ios-section[data-ios-key="schedule"] .ya-calendar-start-row>select:not(#_):not(#__):not(#___){flex:0 1 auto!important;min-width:0!important;width:auto!important;max-width:130px!important}
/* Gary, Nov 2: Times menu = a picture of the day (top = earliest); tap parts to fill them in, then Apply or tap elsewhere */
.ya-times-menu .ya-tday-head{display:flex;align-items:center;justify-content:space-between}
.ya-times-menu .ya-tday-head .ya-band-tag{font-size:12px;font-weight:500;color:#8A93A3;text-transform:none;letter-spacing:0}
.ya-times-menu .ya-tday-head .ya-time-act{font-size:13px;padding:0;text-transform:none;letter-spacing:0;border:0;background:none;color:#2F6BFF;font-weight:600;cursor:pointer}
.ya-times-menu .ya-tday{display:flex;flex-direction:column;margin:4px 14px 10px;border:1px solid #C9D2DE;border-radius:12px;overflow:hidden;max-height:min(60vh,520px);overflow-y:auto}
.ya-times-menu .ya-tday-part{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:0 14px;border:0;background:#fff;color:#1f2937;font:500 16px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-align:left;cursor:pointer}
.ya-times-menu .ya-tday-part+.ya-tday-part{border-top:1px solid #E3E6EA}
.ya-times-menu .ya-tday-part .ya-tday-hours{font-size:13px;font-weight:400;color:#8A93A3}
.ya-times-menu .ya-tday-part.on{background:#2F6BFF;color:#fff}
.ya-times-menu .ya-tday-part.on+.ya-tday-part.on{border-top-color:rgba(255,255,255,.35)}
.ya-times-menu .ya-tday-part.on .ya-tday-hours{color:rgba(255,255,255,.85)}
.ya-times-menu .ya-tday.many{max-height:42vh}
.ya-times-menu .ya-tday.many .ya-tday-part{min-height:32px;font-size:14px}
.ya-times-menu .ya-tday-acts{display:flex;gap:10px;padding:0 14px 14px}
.ya-times-menu .ya-tday-all,.ya-times-menu .ya-tday-apply{flex:1;height:42px;border-radius:12px;font:600 15px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;cursor:pointer}
.ya-times-menu .ya-tday-all{border:1px solid #C9D2DE;background:#fff;color:#1f2937}
.ya-times-menu .ya-tday-all.on{border-color:#2F6BFF;color:#2F6BFF}
.ya-times-menu .ya-tday-apply{border:0;background:#2F6BFF;color:#fff}
html body.ya-colorblind .ya-times-menu .ya-tday-part.on,html body.ya-colorblind .ya-times-menu .ya-tday-apply{background:#0B4F9C}
/* Gary, Nov 2: the Times label is a pill (clock, name, ▾) centred over the avatars; the band default is a quiet gray pill */
html body #app .ya-times-tag:not(#_){height:26px!important;padding:3px 6px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--mc-grid,#E3E6EA)!important;color:inherit!important;overflow:hidden}
html body #app .ya-times-tag .ya-times-pill{display:inline-flex;align-items:center;gap:5px;max-width:100%;height:20px;padding:0 9px 0 7px;border-radius:10px;background:#E8F0FF;border:1px solid #C3D5FB;color:#1D4ED8;font:600 11.5px/18px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;white-space:nowrap;box-shadow:0 1px 2px rgba(29,78,216,.12)}
html body #app .ya-times-tag .ya-tp-text{overflow:hidden;text-overflow:ellipsis}
html body #app .ya-times-tag .ya-tp-chev{flex:none;opacity:.8}
html body #app .ya-times-tag .ya-tp-clock{flex:none}
html body #app .ya-times-tag.is-band .ya-times-pill{background:#F3F5F8;border-color:#DCE1E8;color:#2E3A4D;box-shadow:none}
html body #app .ya-times-tag.is-band .ya-tp-band{font-weight:500;color:#8A93A3}
html body #app .ya-times-tag.is-band .ya-tp-band::before{content:"·";margin-right:5px}
html body #app .ya-times-tag:active .ya-times-pill{transform:scale(.97)}
html body.ya-colorblind #app .ya-times-tag:not(.is-band) .ya-times-pill{background:#EAF1FB;border-color:#BCD3EE;color:#0B4F9C}
html body #app #calendarView .ya-cal-times-row .ya-times-tag:not(#_){height:28px!important;border-bottom:0!important}
/* Gary, Nov 2: EVENT in the same bold as the year */
html body #app .table-left-head .event:not(#_):not(#__){font-size:13px!important;font-weight:700!important;color:#18243A!important;letter-spacing:.91px!important;line-height:15.6px!important}
html body #app .ya-times-tag .ya-tp-text{flex:none}
html body #app .ya-times-tag .ya-tp-band{min-width:0;overflow:hidden;text-overflow:ellipsis}
/* over the avatars there's only room for the name: the gray pill itself means "band default"; the Calendar says it in words */
html body #app .table-head .ya-times-tag .ya-tp-band{display:none}
/* Gary, Nov 2: Group Edit › Calendar (Busy Times ›, Day Ends At) and the Busy Times screen, in the same iPhone style as the rest */
html body #overlayRoot .sheet:not(#_) .ya-cal-dayend-row{background-image:none!important;justify-content:space-between!important;padding-right:16px!important;cursor:default}
html body #overlayRoot .sheet:not(#_) .ya-cal-dayend-row select{border:0;background:transparent;font:400 17px/1.25 var(--ios-font,-apple-system,system-ui);color:#8A8A8E;text-align:right;padding:0 2px;appearance:auto;cursor:pointer}
html body #overlayRoot .sheet:not(#_) .ya-cal-dayend-row select:disabled{opacity:1;color:#8A8A8E;appearance:none}
#overlayRoot .ya-cal-bt{padding:4px 2px 18px;font-family:var(--ios-font,-apple-system,system-ui)}
#overlayRoot .ya-cal-bt .ya-bt-title{margin:14px 16px 6px;font:600 13px/1.2 var(--ios-font,-apple-system,system-ui);color:#8A8A8E;text-transform:none;letter-spacing:0}
#overlayRoot .ya-cal-bt .ya-bt-title:first-child{margin-top:4px}
#overlayRoot .ya-cal-bt .ya-bt-box{background:#fff;border-radius:var(--ios-radius,22px);overflow:hidden;margin:0 0 8px}
#overlayRoot .ya-cal-bt .ya-bt-row,#overlayRoot .ya-cal-bt .ya-bt-part{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 12px 6px 16px;font-size:17px;color:#000}
#overlayRoot .ya-cal-bt .ya-bt-row{justify-content:space-between}
#overlayRoot .ya-cal-bt .ya-bt-part+.ya-bt-part{border-top:1px solid #E3E6EA}
#overlayRoot .ya-cal-bt .ya-bt-step{display:inline-flex;align-items:center;border:1px solid #D5DAE2;border-radius:10px;overflow:hidden}
#overlayRoot .ya-cal-bt .ya-bt-step button{width:40px;height:34px;border:0;background:#F3F5F8;color:#1f2937;font-size:22px;line-height:1;cursor:pointer}
#overlayRoot .ya-cal-bt .ya-bt-step button:disabled{color:#C3C8D0;cursor:default}
#overlayRoot .ya-cal-bt .ya-bt-count{width:46px;height:34px;border:0;border-left:1px solid #D5DAE2;border-right:1px solid #D5DAE2;text-align:center;font:600 17px/34px var(--ios-font,-apple-system,system-ui);-moz-appearance:textfield}
#overlayRoot .ya-cal-bt .ya-bt-count::-webkit-inner-spin-button,#overlayRoot .ya-cal-bt .ya-bt-count::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#overlayRoot .ya-cal-bt .ya-bt-name{flex:1;min-width:0;height:36px;border:1px solid #D5DAE2;border-radius:10px;padding:0 10px;font:400 16px/1 var(--ios-font,-apple-system,system-ui);background:#fff;color:#000}
#overlayRoot .ya-cal-bt .ya-bt-name-ro{flex:1;min-width:0}
#overlayRoot .ya-cal-bt .ya-bt-time{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:15px;color:#3C4656;white-space:nowrap}
#overlayRoot .ya-cal-bt .ya-bt-start{border:1px solid #D5DAE2;border-radius:10px;height:36px;padding:0 4px;font:400 15px/1 var(--ios-font,-apple-system,system-ui);background:#fff;color:#000}
#overlayRoot .ya-cal-bt .ya-bt-fixed{color:#6D6D72}
#overlayRoot .ya-cal-bt .ya-bt-dash{color:#9AA1AC}
#overlayRoot .ya-cal-bt .ya-bt-del{flex:none;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;padding:0;cursor:pointer}
#overlayRoot .ya-cal-bt .ya-bt-even{display:block;margin:2px 16px 4px auto;border:0;background:none;color:#2F6BFF;font:600 15px/1.2 var(--ios-font,-apple-system,system-ui);cursor:pointer}
#overlayRoot .ya-cal-bt .ya-tday{display:flex;flex-direction:column;max-height:min(52vh,560px);overflow-y:auto}
#overlayRoot .ya-cal-bt .ya-tday-part{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:0 16px;border:0;background:#fff;color:#1f2937;font:500 16px/1.2 var(--ios-font,-apple-system,system-ui);text-align:left;cursor:pointer}
#overlayRoot .ya-cal-bt .ya-tday-part+.ya-tday-part{border-top:1px solid #E3E6EA}
#overlayRoot .ya-cal-bt .ya-tday-part .ya-tday-hours{font-size:13px;font-weight:400;color:#8A93A3}
#overlayRoot .ya-cal-bt .ya-tday-part.on{background:#2F6BFF;color:#fff}
#overlayRoot .ya-cal-bt .ya-tday-part.on+.ya-tday-part.on{border-top-color:rgba(255,255,255,.35)}
#overlayRoot .ya-cal-bt .ya-tday-part.on .ya-tday-hours{color:rgba(255,255,255,.85)}
#overlayRoot .ya-cal-bt .ya-tday.many .ya-tday-part{min-height:34px;font-size:14px}
#overlayRoot .ya-cal-bt .ya-tday-part:disabled{cursor:default;opacity:1}
#overlayRoot .ya-cal-bt .ya-bt-help{margin:6px 16px 14px;font:400 13px/1.35 var(--ios-font,-apple-system,system-ui);color:#6D6D72}
#overlayRoot .ya-cal-bt .ya-bt-save{display:block;width:100%;height:48px;border:0;border-radius:14px;background:#2F6BFF;color:#fff;font:600 17px/48px var(--ios-font,-apple-system,system-ui);cursor:pointer}
#overlayRoot .ya-cal-bt .ya-bt-save:disabled{opacity:.6}
#overlayRoot .ya-cal-bt .ya-cal-status{margin:8px 16px 0;font-size:13px;color:#6D6D72;min-height:16px}
html body.ya-colorblind #overlayRoot .ya-cal-bt .ya-tday-part.on{background:#0B4F9C}
/* Group Edit's own field styles are strong; these win inside the Busy Times screen */
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-buckets-page{display:block!important;background:transparent!important;margin:0!important;padding:0!important;box-shadow:none!important;border:0!important}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-bt .ya-bt-part{display:grid!important;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;gap:8px}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-bt.ya-bt-ro .ya-bt-part{grid-template-columns:minmax(0,1fr) auto}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-bt input.ya-bt-name{display:block!important;width:100%!important;min-width:0!important;height:36px!important;margin:0!important;padding:0 10px!important;border:1px solid #D5DAE2!important;border-radius:10px!important;background:#fff!important;font:400 16px/34px var(--ios-font,-apple-system,system-ui)!important;color:#000!important;box-shadow:none!important}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-bt select.ya-bt-start{width:auto!important;min-width:0!important;height:36px!important;margin:0!important;padding:0 4px!important;border:1px solid #D5DAE2!important;border-radius:10px!important;background:#fff!important;font:400 15px/1 var(--ios-font,-apple-system,system-ui)!important;color:#000!important;appearance:auto!important;box-shadow:none!important}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-bt input.ya-bt-count{width:46px!important;min-width:0!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid #D5DAE2!important;border-right:1px solid #D5DAE2!important;border-radius:0!important;background:#fff!important;text-align:center!important;font:600 17px/34px var(--ios-font,-apple-system,system-ui)!important;box-shadow:none!important}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-bt .ya-bt-step button{width:40px!important;min-width:0!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#F3F5F8!important;color:#1f2937!important;font:400 22px/34px var(--ios-font,-apple-system,system-ui)!important;box-shadow:none!important}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-bt .ya-bt-step button:disabled{color:#C3C8D0!important}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-bt .ya-bt-box{background:#fff!important;border:1px solid #E3E6EA}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-dayend-row{display:flex!important;align-items:center!important;white-space:nowrap}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-dayend-row>span{flex:1}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-dayend-row select{flex:none;width:auto!important;min-width:0!important;height:auto!important;border:0!important;box-shadow:none!important;background:transparent!important;margin:0!important;padding:0 2px!important;font:400 17px/1.25 var(--ios-font,-apple-system,system-ui)!important;color:#8A8A8E!important}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-bt .ya-bt-part{grid-template-columns:minmax(0,1fr) 96px 30px}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-bt select.ya-bt-start{width:96px!important}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-bt .ya-bt-first{display:inline-block;width:96px;padding-left:9px;font-size:15px;color:#6D6D72}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-bt .ya-bt-time{justify-content:flex-start}
html body #overlayRoot .sheet:not(#_):not(#__) #groupBusyBuckets[open],html body #overlayRoot .sheet:not(#_):not(#__) .group-panel-stage:has(#groupBusyBuckets){background:transparent!important;box-shadow:none!important;border:0!important}
html body #overlayRoot .sheet[data-ios-page]:not(#_):not(#__) label.settings-disclosure.ya-cal-dayend-row{background-image:none!important;padding-right:16px!important}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) label.ya-cal-dayend-row::after{display:none!important;content:none!important}
/* Gary, Nov 2: the name card's email lost the tails of g, p and y (line too short for its overflow: hidden) */
html body #moreMenu #accountBtn .ya-me-text b,html body #moreMenu #accountBtn .ya-me-text small{line-height:1.4!important;padding-bottom:1px!important}
/* Gary, Nov 2: an answer you can't change keeps the box shape, just with softer corners (it was a tall oval) */
html body #app .table-mid-row .status[data-mg-answer].readonly:not(.member-dot):not(#_):not(#__){border-radius:5px!important}
/* Gary, Nov 3: part names over the bar for the parts that count; a note that a typed Y or N overrides the calendar */
.availability-choice-picker .ya-src-parts{position:relative;height:18px;margin:2px 0 3px}
.availability-choice-picker .ya-src-part{position:absolute;top:0;max-width:none;box-sizing:content-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:600 12.5px/18px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#B91C1C}
html body.ya-colorblind .availability-choice-picker .ya-src-part{color:#B6400C}
.availability-choice-picker .ya-src-note{margin:8px 0 0;font-size:12px;line-height:1.35;color:#6D6D72;text-align:center}
/* Gary, Nov 3: the simple answer pop-up */
.availability-choice-picker .ya-src-box .ya-src-set{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 4px;font-size:17px;color:#1f2937}
.availability-choice-picker .ya-src-box .ya-src-avatar{position:static!important;display:inline-flex!important;align-items:center;justify-content:center;width:28px!important;height:28px!important;min-width:28px!important;border-radius:50%!important;font:700 11px/28px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;color:#fff!important}
.availability-choice-picker .ya-src-chip{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font:800 15px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;border:1.5px solid #CBD5E1;background:#fff}
.availability-choice-picker .ya-src-chip.y{color:#15803D;border-color:#9FD4B2;background:#F0FFF5}
.availability-choice-picker .ya-src-chip.n{color:#C33131;border-color:#F3B7B7;background:#FFF5F5}
.availability-choice-picker .ya-src-chip.q{color:#334155}
.availability-choice-picker .ya-src-over .ya-src-tag{background:#FDE3CF!important;color:#7A3410!important}
.availability-choice-picker.ya-src .ya-src-row{border-top:1px solid #E3E6EA;margin-top:10px;padding-top:10px}
.availability-choice-picker.ya-src .ya-src-row .ya-edit-chip{display:none!important}
html body.ya-colorblind .availability-choice-picker .ya-src-chip.y{color:#1D5FD1;border-color:#A9C5F2;background:#EEF4FF}
html body.ya-colorblind .availability-choice-picker .ya-src-chip.n{color:#B6400C;border-color:#F4C3A6;background:#FFF4EC}
.availability-choice-picker .ya-src-box .ya-src-use:not(#_){display:block;width:auto;min-width:0;margin:8px auto 2px;height:42px;padding:0 18px;border:0!important;border-radius:10px!important;background:rgb(47,111,237)!important;color:#fff!important;font:650 16px/42px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;text-align:center}/* the app's standard primary button, centred */
html body.ya-colorblind .availability-choice-picker .ya-src-box .ya-src-use{background:#0B4F9C!important}

/* Gary, Nov 3: the pop-up only as wide as it needs to be; the heading centred */
.availability-choice-picker.ya-src:not(:has(.ya-src-bar)){width:max-content;min-width:180px;max-width:min(300px,calc(100vw - 20px))}
.availability-choice-picker .ya-src-head:not(#_){justify-content:center;flex-wrap:wrap;column-gap:10px;row-gap:4px;text-align:center}

/* Gary, Nov 3: Group Edit › Calendar: Use Calendars (Organizer), and the plain summary members see */
html body #overlayRoot .sheet:not(#_) .ya-cal-group [hidden]{display:none!important}
html body #overlayRoot .sheet:not(#_) .ya-cal-summary{background:#fff;border-radius:12px;padding:12px 16px;font:400 15px/1.35 var(--ios-font,-apple-system,system-ui);color:#1f2937}
html body #overlayRoot .sheet:not(#_) .ya-cal-summary .ya-cal-sum-line{margin:0 0 4px}
html body #overlayRoot .sheet:not(#_) .ya-cal-summary .ya-cal-sum-line strong{font-size:17px;font-weight:600;color:#0f172a}
html body #overlayRoot .sheet:not(#_) .ya-cal-summary .ya-cal-sum-line:not(:first-child){font-size:13px;color:#6D6D72}
html body #overlayRoot .sheet:not(#_) .ya-cal-summary .ya-cal-sum-list{margin:8px 0 0;padding:0}
html body #overlayRoot .sheet:not(#_) .ya-cal-summary .ya-cal-sum-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #ececf0}
html body #overlayRoot .sheet:not(#_) .ya-cal-summary dt{color:#1f2937}
html body #overlayRoot .sheet:not(#_) .ya-cal-summary dd{margin:0;color:#8A8A8E;text-align:right}
html body #overlayRoot .sheet:not(#_) .ya-cal-summary .ya-cal-sum-note{margin:6px 0 0;font-size:12.5px;color:#8A8A8E}
html body #overlayRoot .sheet:not(#_):not(#__) .ya-cal-group>.ya-cal-use-help{display:block;margin:6px 16px 0!important;padding:0!important;background:none!important;font:400 13px/1.35 var(--ios-font,-apple-system,system-ui)!important;color:#6D6D72!important}
html body #overlayRoot .ya-settings-panel .ios-group>.ya-cal-mycal-box[hidden]{display:none!important}
html body #overlayRoot .ya-settings-panel .ya-settings-panel-body .ya-nav-box[hidden]:not(#_):not(#__):not(#___):not(#____){display:none!important}
/* Gary, Nov 3: Parts of the Day uses the standard grouped rows: plain fields, gray values on the right, hairlines, checkmarks */
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-title{margin:16px 16px 6px;font:400 13px/1.2 var(--ios-font,-apple-system,system-ui);color:#6D6D72;text-transform:uppercase;letter-spacing:.02em}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-title:first-child{margin-top:6px}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-box{background:#fff!important;border:0!important;border-radius:var(--ios-radius,22px)!important;overflow:hidden;margin:0 0 6px!important;padding:0!important}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-box>*{position:relative;min-height:52px;padding:0 16px!important;font:400 17px/1.25 var(--ios-font,-apple-system,system-ui);color:#000;border:0!important;box-sizing:border-box}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-box>*+*::before{content:"";position:absolute;left:16px;right:0;top:0;height:.5px;background:#C6C6C8}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-count-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;cursor:default}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt :is(select.ya-bt-count,select.ya-bt-start){width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0 2px!important;border:0!important;box-shadow:none!important;background:transparent!important;font:400 17px/1.25 var(--ios-font,-apple-system,system-ui)!important;color:#8A8A8E!important;text-align:right;appearance:auto;cursor:pointer}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-part{display:grid!important;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:8px}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt.ya-bt-ro .ya-bt-part{grid-template-columns:minmax(0,1fr) auto}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt input.ya-bt-name{display:block!important;width:100%!important;min-width:0!important;height:50px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;font:400 17px/1.25 var(--ios-font,-apple-system,system-ui)!important;color:#000!important}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt input.ya-bt-name::placeholder{color:#C4C4C7}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-time{justify-content:flex-end;font-size:17px;color:#8A8A8E}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-first{display:inline;width:auto;padding:0 2px;font-size:17px;color:#8A8A8E}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-pick{display:flex!important;align-items:center;gap:10px;width:100%;background:transparent!important;text-align:left;cursor:pointer}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-pick:disabled{cursor:default;opacity:1;color:#000}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-pick-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-pick-hours{flex:none;font-size:15px;color:#8A8A8E}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-check{flex:none;width:20px;text-align:right;font-weight:600;color:rgb(47,111,237)}
html body.ya-colorblind #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-check{color:#0B4F9C}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-default.many>*{min-height:40px;font-size:15px}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-default{max-height:min(52vh,560px);overflow-y:auto}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-save{display:block;width:100%;margin-top:12px}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-buckets-body:has(>.ya-cal-bt){background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
/* Gary, Nov 3: Parts of the Day autosaves: green Saved pill under the X (the standard spot), red Saving… while a change is on its way */
html body #overlayRoot .sheet>.sheet-head.ya-std-head:not(#_):not(#__):not(#___)>.ge-saved.ya-ptd-save.is-saving:not(#____):not(#_____){color:#c0392b!important}
html body #overlayRoot .sheet>.sheet-head.ya-std-head:not(#_):not(#__):not(#___)>.ge-saved.ya-ptd-save.is-error:not(#____):not(#_____){padding:4px 0!important;border-radius:8px!important;background:#c0392b!important;color:#fff!important}
/* Gary, Nov 3: no gray line under the header on the Group menu, Group Edit and Parts of the Day */
html body #overlayRoot .sheet.ya-group-settings:not(#_):not(#__):not(#___)>.sheet-head{border-bottom:0!important;box-shadow:none!important}
/* Gary, Nov 3: a long Times name over a few avatars ends in … rather than running past the edge */
html body #app .table-head .ya-times-tag .ya-times-pill{min-width:0;max-width:100%;box-sizing:border-box}
html body #app .table-head .ya-times-tag .ya-tp-text:not(#_){flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Gary, Nov 3: a typed N where the calendar shows open time gets a green corner (the red corner marks a typed Y over busy time) */
html body.ya-cal-bars #app .table-mid-row .status[data-mg-answer].n.ya-cal-over:not(.ya-mg-mixed):not(.member-dot){background-image:linear-gradient(225deg,var(--ya-cal-free,#15803D) 0 8px,#fff 8px 9.5px,transparent 9.5px)!important;background-size:100% 100%!important;background-position:0 0!important}
html body.ya-cal-bars .ya-day-member .status.n.ya-cal-over:not(.ya-mg-mixed):not(#_):not(#__){background-image:linear-gradient(225deg,var(--ya-cal-free,#15803D) 0 5px,#fff 5px 6.5px,transparent 6.5px)!important}

/* Gary, Nov 4: the Calendar box waits, unseen, until the app knows the calendar is there (no reload needed) */
html body #groupCalendarBox[data-cal-pending]{display:none!important}
/* Gary, Nov 5 (BETA-8.3.2): a Time Slot with no name of its own is called by its hours; show them as its name, not as a faint hint */
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt input.ya-bt-name::placeholder{color:#000!important;opacity:1!important}
/* Time windows (Gary, Nov 5, BETA-8.3.7; design A): one track for the whole day, two handles per window, snapped to the slots */
.ya-win{position:relative;padding:4px 14px 2px;user-select:none;-webkit-user-select:none}
.ya-win-track{position:relative;height:44px;touch-action:none;cursor:pointer}
.ya-win-rail{position:absolute;left:0;right:0;top:18px;height:8px;border-radius:4px;background:#DCE1EA}
.ya-win-sel{position:absolute;top:18px;height:8px;border-radius:4px;background:#3D5BD9}
.ya-win-h{position:absolute;top:8px;width:28px;height:28px;margin-left:-14px;border-radius:14px;background:#fff;border:2px solid #3D5BD9;box-shadow:0 2px 6px rgba(22,33,62,.22);box-sizing:border-box;cursor:grab;touch-action:none}
.ya-win-h:focus-visible{outline:3px solid #8FA6E8;outline-offset:2px}
.ya-win-bub{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);padding:2px 6px;border-radius:6px;background:#16213E;color:#fff;font:700 11px/1.2 var(--ios-font,-apple-system,system-ui);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s}
.ya-win.dragging .ya-win-bub{opacity:1}
.ya-win-ticks{position:relative;height:16px;margin-top:-4px;font:500 11px/16px var(--ios-font,-apple-system,system-ui);color:#8A93A3}
.ya-win-ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.ya-win-ticks span:first-child{transform:none}.ya-win-ticks span:last-child{transform:translateX(-100%)}
.ya-win-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.ya-win-read{display:inline-flex;align-items:center;gap:2px;font:700 15px var(--ios-font,-apple-system,system-ui);color:#16213E}
.ya-win-read+.ya-win-read::before{content:',';margin:0 4px 0 -4px;color:#8A93A3}
html body .ya-win .ya-win-x{display:inline-flex;align-items:center;justify-content:center;width:22px!important;height:22px!important;min-height:0!important;margin:0 0 0 2px!important;padding:0!important;border:0!important;border-radius:11px!important;background:#EEF0F3!important;color:#5B6475!important;font:700 14px/1 var(--ios-font,-apple-system,system-ui)!important;box-shadow:none!important}
html body .ya-win .ya-win-add{display:inline-flex!important;align-items:center;width:auto!important;min-height:26px!important;height:26px!important;margin:0 0 0 auto!important;padding:0 10px!important;border:1px dashed #AFC0EE!important;border-radius:13px!important;background:#fff!important;color:#2C44A8!important;font:600 12.5px var(--ios-font,-apple-system,system-ui)!important;box-shadow:none!important}
html body .anchored-choice-menu.ya-times-menu .ya-win{padding:6px 16px 4px}
html body .anchored-choice-menu.ya-times-menu .ya-win-acts .ya-tday-apply{flex:1}
/* each window reads as a small pill; the bubbles of a window's two handles lean apart so they don't overlap */
.ya-win-read{padding:3px 4px 3px 10px;border-radius:14px;background:#E9EFFC;color:#2C44A8;font-size:14px}
.ya-win-read:only-of-type{padding-right:10px}
.ya-win-read+.ya-win-read::before{content:none}
.ya-win-h[data-end="0"] .ya-win-bub{left:auto;right:50%;transform:translateX(8px)}
.ya-win-h[data-end="1"] .ya-win-bub{left:50%;transform:translateX(-8px)}
/* Time Slots, easier to edit (Gary, Nov 5, BETA-8.3.16): Each Slot and Names and Start Times as standard rows; Band Default as
   the time window, with room at both ends for the handles */
html body #overlayRoot .sheet:not(#_):not(#__):not(#___) .ya-cal-bt .ya-bt-len-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___):not(#____) .ya-cal-bt .ya-bt-more{display:flex!important;align-items:center;justify-content:space-between;width:100%!important;margin:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;text-align:left;cursor:pointer;color:#000!important}
html body #overlayRoot .sheet .ya-cal-bt .ya-bt-more-chev{color:#C4C4C7;font-size:20px;line-height:1}
html body #overlayRoot .sheet:not(#_):not(#__):not(#___):not(#____) .ya-cal-bt .ya-bt-default-win>.ya-win{padding:14px 26px 12px!important;min-height:0}