:root {
  --blue: #0063ff;
  --green: #38f103;
  --brand-gradient: linear-gradient(100deg, #0063ff 0%, #38f103 100%);
  --font-exo: "Exo", sans-serif;
}

html,
body,
button,
input,
select,
textarea {
  font-family: "Exo", sans-serif !important;
}

body {
  text-transform: uppercase;
}

.hero,
.workspace-nav {
  background: linear-gradient(125deg, #0063ff 0%, #38f103 100%);
}

.panel-heading h2,
.result-header h2 {
  font-family: "Exo", sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

.header-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 20px;
}

.header-actions .header-link {
  justify-self: auto;
  gap: 8px;
  white-space: nowrap;
}

.workspace-nav::after {
  pointer-events: none;
}

.back-button {
  position: relative;
  z-index: 2;
  touch-action: manipulation;
}

.agenda-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.choice-group .chips button {
  position: relative;
}

.priority-order {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  margin-right: 7px;
  border-radius: 50%;
  background: currentColor;
  font-size: 0;
}

.priority-order::after {
  content: attr(data-order);
}

.choice-group .chips button.selected .priority-order {
  background: rgba(255, 255, 255, .22);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}

.session-alternative {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, .68);
  line-height: 1.4;
}

.session-alternative strong {
  color: inherit;
}

@media print {
  @page {
    size: A4;
    margin: 12mm;
  }

  body.print-agenda {
    background: #fff !important;
    color: #111 !important;
  }

  body.print-agenda .site-header,
  body.print-agenda .workspace-nav,
  body.print-agenda footer,
  body.print-agenda .agenda-actions,
  body.print-agenda .result-header .text-button {
    display: none !important;
  }

  body.print-agenda .workspace,
  body.print-agenda .concierge-panel,
  body.print-agenda .result-wrap {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    color: #111 !important;
  }

  body.print-agenda .session,
  body.print-agenda .agenda-entry {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  body.print-agenda .session,
  body.print-agenda .session * {
    color: #111 !important;
    border-color: #bbb !important;
  }

  body.print-agenda .session-alternative {
    color: #555 !important;
  }
}

@media (max-width: 760px) {
  .header-actions {
    gap: 10px;
  }

  .header-actions .header-link {
    gap: 4px;
    font-size: 8px;
    letter-spacing: .06em;
  }

  .header-actions .header-link span {
    font-size: 12px;
  }

  .back-button {
    min-height: 44px;
    padding: 10px 0;
  }
}