/* The participant dashboard's type, surfaces and controls, scoped to GCC. */
body[data-project-id="german-call-center"] {
  --ink: #15243a;
  --ink-strong: #15243a;
  --muted: #617089;
  --blue: #1769db;
  --blue-soft: #f1f6fd;
  --line: #c7d1e0;
  --line-soft: #e0e6ef;
  --panel: #f6f8fc;
  --panel-radius: 20px;
  --control-radius: 10px;
  --panel-shadow: none;
  background: var(--panel);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
}
body[data-project-id="german-call-center"] .booking-shell {
  width: min(1100px, calc(100% - 48px));
  padding-block: 24px 48px;
}
body[data-project-id="german-call-center"] .topbar {
  min-height: 46px;
  padding-block-end: 20px;
  gap: 16px;
  flex-wrap: nowrap;
}
body[data-project-id="german-call-center"] .brand {
  gap: 12px;
  font-size: 23px;
  font-weight: 550;
  white-space: nowrap;
}
.booking-brand-image { width: 32px; height: 32px; flex: 0 0 32px; }
body[data-project-id="german-call-center"] .topbar-controls {
  min-width: 0;
  gap: 16px;
}
body[data-project-id="german-call-center"] .status-pill {
  border: 0;
  padding: 0;
  min-height: 0;
  background: transparent;
  font-size: .875rem;
  font-weight: 400;
}
body[data-project-id="german-call-center"] .booking-locale-switch {
  border: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  flex: 0 1 auto;
  min-width: 0;
}
body[data-project-id="german-call-center"] .booking-locale-control {
  display: flex;
  min-width: 0;
  max-width: 190px;
}
body[data-project-id="german-call-center"] .booking-locale-select {
  font: inherit;
  font-size: 1rem;
  color: var(--ink);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--control-radius);
  min-height: 46px;
  width: 100%;
  max-width: 190px;
  padding: 10px 12px;
  cursor: pointer;
}
body[data-project-id="german-call-center"] .hero { padding: 24px 0; }
body[data-project-id="german-call-center"] .eyebrow {
  font-size: .875rem;
  font-weight: 500;
  text-transform: none;
  margin-block-end: 8px;
}
body[data-project-id="german-call-center"] h1 {
  font-size: clamp(1.875rem, 3.4vw, 2.5rem);
  line-height: 1.15;
  letter-spacing: -.035em;
  max-width: 850px;
  margin-block-end: 12px;
}
html[dir="rtl"] body[data-project-id="german-call-center"] h1 { letter-spacing: 0; }
body[data-project-id="german-call-center"] .hero > p[data-i18n="intro"] {
  font-size: 1rem;
  line-height: 1.55;
  max-width: 760px;
}
body[data-project-id="german-call-center"] .moderator-booking-note {
  display: block;
  margin-block: 10px 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: .875rem;
  font-weight: 400;
}
body[data-project-id="german-call-center"] .study-offer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin-block-start: 20px;
  gap: 0;
  border: 1px solid var(--line-soft);
  border-radius: var(--panel-radius);
  background: #fff;
  overflow: hidden;
}
body[data-project-id="german-call-center"] .study-offer-item {
  grid-column: auto;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  min-height: 0;
  padding: 16px 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
}
body[data-project-id="german-call-center"] .study-offer-icon {
  width: 24px;
  height: 24px;
  border-radius: 0;
  background: transparent;
}
body[data-project-id="german-call-center"] .study-offer-copy { gap: 5px; }
body[data-project-id="german-call-center"] .study-offer-copy strong {
  font-size: 1rem;
  line-height: 1.4;
}
body[data-project-id="german-call-center"] .study-offer-copy > span,
body[data-project-id="german-call-center"] .study-offer-copy em {
  font-size: .875rem;
  line-height: 1.5;
}
body[data-project-id="german-call-center"] .study-offer-item.payment-terms-summary {
  min-height: 0;
  grid-column: auto;
  border-inline-start: 1px solid var(--line-soft);
}
body[data-project-id="german-call-center"] .payment-terms-summary:hover { background: var(--blue-soft); }
body[data-project-id="german-call-center"] .payment-terms-summary .study-offer-copy em { margin: 0; font-weight: 500; }
body[data-project-id="german-call-center"] .study-offer-item.voluntary {
  grid-column: 1 / -1;
  display: block;
  border-block-start: 1px solid var(--line-soft);
  padding: 12px 20px;
}
body[data-project-id="german-call-center"] .voluntary .study-offer-icon { display: none; }
body[data-project-id="german-call-center"] .voluntary .study-offer-copy { display: block; }
body[data-project-id="german-call-center"] .voluntary .study-offer-copy strong,
body[data-project-id="german-call-center"] .voluntary .study-offer-copy > span { display: inline; font-size: .875rem; line-height: 1.5; }
body[data-project-id="german-call-center"] .voluntary .study-offer-copy strong { margin-inline-end: .35em; }
body[data-project-id="german-call-center"] .booking-board {
  grid-template-columns: minmax(250px, 290px) minmax(0, 1fr);
  gap: 20px;
}
body[data-project-id="german-call-center"] .booking-sidebar {
  grid-template-columns: minmax(0, 1fr);
  position: sticky;
  top: 20px;
  padding: 20px;
  gap: 20px;
  border-color: var(--line-soft);
}
body[data-project-id="german-call-center"] .schedule-panel { grid-template-columns: minmax(0, 1fr); gap: 16px; }
body[data-project-id="german-call-center"] :is(.calendar-panel,.time-panel,.contact-panel) {
  border-color: var(--line-soft);
  border-radius: var(--panel-radius);
  box-shadow: none;
  padding: 20px;
}
body[data-project-id="german-call-center"] :is(.booking-sidebar h2,.panel-head h2,.solo-matching-guide h2) {
  font-size: 1.25rem;
  line-height: 1.3;
}
body[data-project-id="german-call-center"] :is(.field-label,.hint,.group-copy small,.booking-capacity span,.time-copy span) {
  font-size: .875rem;
  line-height: 1.5;
}
body[data-project-id="german-call-center"] :is(.choice-button,.time-button) { border-radius: var(--control-radius); }
body[data-project-id="german-call-center"] .choice-button.booking-for-choice { min-height: 46px; padding: 10px 12px; text-align: start; }
body[data-project-id="german-call-center"] .booking-for-choice .group-copy small { display: none; }
body[data-project-id="german-call-center"] :is(.group-copy strong,.booking-for-choice strong,.booking-capacity strong) { font-size: 1rem; line-height: 1.4; }
body[data-project-id="german-call-center"] .choice-button.group-choice { grid-template-columns: minmax(0,1fr); min-height: 0; padding: 12px; text-align: start; }
body[data-project-id="german-call-center"] :is(.group-count,.choice-kicker) { display: none; }
body[data-project-id="german-call-center"] .group-copy { gap: 4px; }
body[data-project-id="german-call-center"] .booking-capacity {
  padding: 12px 16px;
  border: 1px solid #c7daf5;
  border-radius: var(--control-radius);
  background: #eff4fb;
}
body[data-project-id="german-call-center"] .solo-matching-guide { padding: 16px; border-radius: var(--panel-radius); }
body[data-project-id="german-call-center"] .solo-matching-guide .eyebrow { margin-block-end: 4px; }
body[data-project-id="german-call-center"] .solo-matching-steps { gap: 12px; }
body[data-project-id="german-call-center"] .solo-matching-steps :is(span,b) { font-size: .875rem; line-height: 1.5; }
body[data-project-id="german-call-center"] :is(input:not([type="checkbox"]),select,textarea) {
  min-height: 46px;
  border-radius: var(--control-radius);
  font-size: 1rem;
}
@media (min-width: 1060px) {
  body[data-project-id="german-call-center"] .schedule-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 1100px) {
  body[data-project-id="german-call-center"] .contact-panel { display: block; }
  body[data-project-id="german-call-center"] .contact-panel > .panel-head { margin-block-end: 20px; }
}
@media (max-width: 900px) {
  body[data-project-id="german-call-center"] .booking-board { grid-template-columns: minmax(0,1fr); }
  body[data-project-id="german-call-center"] .booking-sidebar { position: static; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; }
  body[data-project-id="german-call-center"] .booking-sidebar > :is(.flow-heading,.selection-summary,.hint,.referral-note,.recruitment-status) { grid-column: 1 / -1; }
  body[data-project-id="german-call-center"] .booking-sidebar > .field-block { min-width: 0; }
  body[data-project-id="german-call-center"] .choice-row.compact { grid-template-columns: minmax(0,1fr); }
  body[data-project-id="german-call-center"] .topbar-controls { gap: 12px; }
  body[data-project-id="german-call-center"] .status-pill { display: none; }
}
@media (max-width: 560px) {
  body[data-project-id="german-call-center"] .booking-shell { width: calc(100% - 32px); padding-block-start: 16px; }
  body[data-project-id="german-call-center"] .brand { gap: 8px; font-size: 21px; }
  body[data-project-id="german-call-center"] .booking-locale-control { max-width: 128px; }
  body[data-project-id="german-call-center"] .booking-locale-select { max-width: 128px; padding-inline: 8px; }
  body[data-project-id="german-call-center"] .topbar { padding-block-end: 16px; gap: 10px; }
  body[data-project-id="german-call-center"] .hero { padding-block: 20px; }
  body[data-project-id="german-call-center"] h1 { font-size: 1.875rem; }
  body[data-project-id="german-call-center"] .study-offer { grid-template-columns: minmax(0,1fr); margin-block-start: 16px; }
  body[data-project-id="german-call-center"] .study-offer-item { padding: 14px 16px; }
  body[data-project-id="german-call-center"] .study-offer-item.payment-terms-summary { border-inline-start: 0; border-block-start: 1px solid var(--line-soft); }
  body[data-project-id="german-call-center"] .study-offer-item.voluntary { padding: 12px 16px; }
  body[data-project-id="german-call-center"] .booking-sidebar { grid-template-columns: minmax(0,1fr); padding: 16px; }
  body[data-project-id="german-call-center"] .choice-row.compact { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-project-id="german-call-center"] :is(.calendar-panel,.time-panel,.contact-panel) { padding: 16px; }
  body[data-project-id="german-call-center"] .booking-board { gap: 16px; }
  body[data-project-id="german-call-center"] .panel-head { gap: 12px; flex-wrap: wrap; }
}
@media (max-width: 360px) {
  body[data-project-id="german-call-center"] .topbar { flex-wrap: wrap; }
  body[data-project-id="german-call-center"] .topbar-controls { margin-inline-start: auto; }
}