/* Break sections: a break, lunch or drinks drawn across the whole agenda
 * between two sessions (agenda-breaks.js). Not one of the sheets an uploaded
 * Agenda Designer design replaces, so a designed agenda keeps these bands. */

/* The band's colour follows the agenda's own branch, like the panels. */
#agendaPreview .agenda.agenda-v5.agenda-redesign > .agenda-break {
  --agenda-break-colour: #58d994;
  --agenda-break-ink: #2d2d2f;
  position: relative;
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(12px, 2.8cqw, 48px) 0;
  background: var(--agenda-paper, #fafafa);
  break-inside: avoid;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign > .agenda-break.agenda-break-branch-cfo {
  --agenda-break-colour: #7b0aed;
  --agenda-break-ink: #fff;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign > .agenda-break.agenda-break-branch-hr {
  --agenda-break-colour: #fe7615;
  --agenda-break-ink: #fafafa;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign > .agenda-break.agenda-break-branch-legal {
  --agenda-break-colour: #0d7cff;
  --agenda-break-ink: #fff;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-break-band {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(132px, 24.5cqw, 400px);
  padding: clamp(28px, 4cqw, 64px) clamp(16px, 6cqw, 96px);
  color: var(--agenda-break-ink);
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-break-shape {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  fill: var(--agenda-break-colour);
  pointer-events: none;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-break-line {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, .8cqw, 14px);
  width: 100%;
  margin: 0;
  font-size: clamp(22px, 2.9cqw, 46px);
  line-height: 1.15;
  text-align: center;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-break-rule {
  flex: 0 1 clamp(32px, 17.5cqw, 260px);
  min-width: 16px;
  height: max(2px, .3cqw);
  border-radius: 999px;
  background: currentColor;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-break-words {
  flex: 0 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-break-time {
  font-family: "Fira Code", ui-monospace, monospace;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-break-label {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

/* The editor: the band opens its row in the day schedule. */
#agendaPreview .agenda.agenda-v5.agenda-redesign .agenda-break-band[data-agenda-edit-step] {
  cursor: pointer;
}