/* 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-busy:#B91C1C;--ya-cal-busy-light:#F6CACA;--ya-cal-outline:#B8BCC6}

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;
}
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-busy-light)!important;background-size:auto!important;background-position:0 0!important;
  background-image:repeating-linear-gradient(135deg,var(--ya-cal-busy) 0 2px,var(--ya-cal-busy-light) 2px 4px)!important;box-shadow:none!important;
}

/* Settings › My Calendar */
#overlayRoot .ya-cal-settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left}
#overlayRoot .ya-cal-settings-row small{display:block;font-weight:400;opacity:.75}
#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}
