/* Quobli Web v1.16.41 — status-neon parity and sticky calendar date layer. */

/* The legend is the visual key for the card border colors. */
#calendar .calendar-legend > span{
  border-width:2px!important;
  border-style:solid!important;
  background:#fff!important;
}
#calendar .calendar-legend > span.scheduled{
  border-color:#00a8ff!important;
  box-shadow:0 0 10px #00a8ff73,inset 0 0 11px #00a8ff12!important;
}
#calendar .calendar-legend > span.published{
  border-color:#39ff14!important;
  box-shadow:0 0 10px #39ff1473,inset 0 0 11px #39ff1412!important;
}
#calendar .calendar-legend > span.failed{
  border-color:#ff1744!important;
  box-shadow:0 0 10px #ff174473,inset 0 0 11px #ff174412!important;
}

/* Calendar cards use the same color as the legend for their current status. */
#calendar .calendar-post-card.scheduled,
#calendar .calendar-post-card.queued{
  border:2px solid #00a8ff!important;
  box-shadow:0 0 10px #00a8ff73,inset 0 0 11px #00a8ff12!important;
}
#calendar .calendar-post-card.published{
  border:2px solid #39ff14!important;
  box-shadow:0 0 10px #39ff1473,inset 0 0 11px #39ff1412!important;
}
#calendar .calendar-post-card.failed,
#calendar .calendar-post-card.cancelled{
  border:2px solid #ff1744!important;
  box-shadow:0 0 10px #ff174473,inset 0 0 11px #ff174412!important;
}
#calendar .calendar-post-card.publishing{
  border:2px solid #ffb020!important;
  box-shadow:0 0 10px #ffb02066,inset 0 0 11px #ffb02012!important;
}
#calendar .calendar-post-card.calendar-selected{
  outline:2px solid #a855f7!important;
  outline-offset:2px!important;
}

/* Keep the weekday/date/add row above all cards as the calendar scrolls. */
#calendarItems.calendar-week-view .calendar-week-day{
  position:relative!important;
  isolation:isolate;
}
#calendarItems.calendar-week-view .calendar-week-day > header{
  position:sticky!important;
  z-index:60!important;
  top:0!important;
  background:#fff!important;
  box-shadow:0 2px 0 #d5dfd9,0 7px 14px #274c321a!important;
}
#calendarItems.calendar-week-view .calendar-week-day.today > header{
  background:#eaf6ed!important;
}
#calendarItems.calendar-week-view .calendar-day-slots{
  position:relative!important;
  z-index:1!important;
}
#calendarItems.calendar-week-view .calendar-post-card{
  position:relative!important;
  z-index:1!important;
}
#calendarItems.calendar-week-view .calendar-post-card.calendar-selected{
  z-index:2!important;
}


/* v1.16.42 — theme-proof status-border parity. The light theme has a more
   specific generic calendar-card rule, so status rules must match/exceed it. */
:root{
  --q-calendar-scheduled:#00a8ff;
  --q-calendar-published:#39ff14;
  --q-calendar-failed:#ff1744;
  --q-calendar-publishing:#ffb020;
}
html[data-theme="light"] #calendar .calendar-post-card.scheduled,
html[data-theme="light"] #calendar .calendar-post-card.queued,
html[data-theme="dark"] #calendar .calendar-post-card.scheduled,
html[data-theme="dark"] #calendar .calendar-post-card.queued,
#calendar .calendar-post-card.scheduled,#calendar .calendar-post-card.queued{
  border:2px solid var(--q-calendar-scheduled)!important;
  box-shadow:0 0 10px #00a8ff73,inset 0 0 11px #00a8ff12!important;
}
html[data-theme="light"] #calendar .calendar-post-card.published,
html[data-theme="dark"] #calendar .calendar-post-card.published,
#calendar .calendar-post-card.published{
  border:2px solid var(--q-calendar-published)!important;
  box-shadow:0 0 10px #39ff1473,inset 0 0 11px #39ff1412!important;
}
html[data-theme="light"] #calendar .calendar-post-card.failed,
html[data-theme="light"] #calendar .calendar-post-card.cancelled,
html[data-theme="dark"] #calendar .calendar-post-card.failed,
html[data-theme="dark"] #calendar .calendar-post-card.cancelled,
#calendar .calendar-post-card.failed,#calendar .calendar-post-card.cancelled{
  border:2px solid var(--q-calendar-failed)!important;
  box-shadow:0 0 10px #ff174473,inset 0 0 11px #ff174412!important;
}
html[data-theme="light"] #calendar .calendar-post-card.publishing,
html[data-theme="dark"] #calendar .calendar-post-card.publishing,
#calendar .calendar-post-card.publishing{
  border:2px solid var(--q-calendar-publishing)!important;
  box-shadow:0 0 10px #ffb02066,inset 0 0 11px #ffb02012!important;
}
html[data-theme="light"] #calendar .calendar-legend > span.scheduled,
html[data-theme="dark"] #calendar .calendar-legend > span.scheduled,
#calendar .calendar-legend > span.scheduled{border-color:var(--q-calendar-scheduled)!important;box-shadow:0 0 10px #00a8ff73,inset 0 0 11px #00a8ff12!important}
html[data-theme="light"] #calendar .calendar-legend > span.published,
html[data-theme="dark"] #calendar .calendar-legend > span.published,
#calendar .calendar-legend > span.published{border-color:var(--q-calendar-published)!important;box-shadow:0 0 10px #39ff1473,inset 0 0 11px #39ff1412!important}
html[data-theme="light"] #calendar .calendar-legend > span.failed,
html[data-theme="dark"] #calendar .calendar-legend > span.failed,
#calendar .calendar-legend > span.failed{border-color:var(--q-calendar-failed)!important;box-shadow:0 0 10px #ff174473,inset 0 0 11px #ff174412!important}


/* v1.16.43 — calendar time typography parity with the post title. */
html[data-theme="light"] #calendar .calendar-post-card .calendar-card-time,
html[data-theme="dark"] #calendar .calendar-post-card .calendar-card-time,
#calendar .calendar-post-card .calendar-card-time{
  color:#fff!important;
  opacity:1!important;
  font-weight:900!important;
  text-shadow:0 2px 4px #000,0 0 9px #000!important;
  -webkit-text-fill-color:#fff!important;
}