/* GENERATED FILE — DO NOT EDIT DIRECTLY.
 * Canonical source: frontend/src/styles/css/04-semantic-classes/public-open-events.css
 * Edit the canonical React stylesheet source, then regenerate mirrors with:
 *   node scripts/sync-public-stylesheets.cjs
 */
html {
  overflow-y: auto;
  height: auto;
}

.open-events-page {
  margin: 0;
  min-height: 100dvh;
  overflow-y: auto;
  overflow-x: hidden;
  height: auto;
  color: var(--text-primary);
  background: var(--page-bg-surface);
}

.open-events-page .page__content {
  max-width: 1380px;
  display: flex;
  flex-direction: column;
  gap: var(--space-3px);
  overflow-x: hidden;
  overflow-y: auto;
}

.open-events-page .page__content > .panel,
.open-events-page .page__content > .card {
  height: auto;
}

.open-events-empty {
  padding: var(--space-6px);
  text-align: center;
  color: var(--text-secondary);
  font-weight: var(--weight-medium);
}

.open-events-page .page__content--modal-open {
  filter: blur(6px);
  transition: filter 140ms ease;
}

.open-events-page .page__content--apply-focus-hidden {
  display: none;
}

.open-events-apply-modal {
  display: flex;
  flex-direction: column;
  gap: var(--space-6px);
  min-width: 0;
}

.open-events-apply-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4px);
  padding-bottom: var(--space-1px);
}

.open-events-apply-modal__header-copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-2px);
  min-width: 0;
}

.open-events-apply-modal__summary-shell,
.open-events-apply-modal__feature-section,
.open-events-apply-modal__detail-section,
.open-events-apply-modal__assign-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-4px);
  min-width: 0;
}

.open-events-apply-modal__detail-card {
  padding: var(--space-4px);
  border-radius: calc(var(--radius-standard) + 2px);
  border: var(--input-border-width-thin) solid color-mix(in srgb, var(--accent-teal) 24%, var(--input-border));
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent-teal) 3%, var(--white)), var(--white));
  box-shadow: 0 1px 2px rgb(0 0 0 / 0.04);
  min-width: 0;
}

.open-events-apply-modal__section-header {
  display: flex;
  align-items: center;
  gap: var(--space-2px);
  min-width: 0;
}

.open-events-apply-modal__section-header--compact {
  gap: var(--space-1px);
}

.open-events-apply-modal__section-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.open-events-apply-modal__detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--space-3px);
  min-width: 0;
}

.open-events-apply-modal__detail {
  display: flex;
  flex-direction: column;
  gap: var(--space-1px);
  min-width: 0;
}

.open-events-apply-modal__detail-card .form__section-heading {
  margin-bottom: var(--space-3px);
}

.open-events-apply-modal__detail-card .row-details-form {
  margin-top: 0;
  gap: var(--space-3px) var(--space-4px);
}

.open-events-apply-modal__location-block,
.open-events-apply-modal__client-block {
  grid-column: 1 / -1;
}

.open-events-apply-modal__location-block {
  gap: var(--space-2px);
}

.open-events-apply-modal__location-title,
.open-events-apply-modal__location-line {
  display: block;
}

.open-events-apply-modal__location-line {
  color: var(--text-secondary);
}

.open-events-apply-modal__location-map {
  align-self: flex-start;
  margin-top: var(--space-1px);
}

.open-events-apply-modal__client-block {
  gap: var(--space-2px);
}

.open-events-apply-modal__client-value {
  display: flex;
  align-items: center;
  gap: var(--space-2px);
  flex-wrap: wrap;
}

.open-events-apply-modal__identity-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2px);
  padding: var(--space-2px) var(--space-3px);
  border-radius: calc(var(--radius-standard) + 1px);
  border: var(--input-border-width-thin) solid color-mix(in srgb, var(--accent-teal) 22%, var(--input-border));
  background: color-mix(in srgb, var(--accent-teal) 6%, var(--white));
}

.open-events-apply-modal__identity-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.open-events-apply-modal__identity-change {
  white-space: nowrap;
}

#modal.open-events-modal--apply-focus {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-18px);
  min-height: var(--size-viewport-height-dynamic);
  overflow: auto;
  background: var(--black-glass-opaque-65);
  backdrop-filter: blur(8px);
}

#modal.open-events-modal--apply-focus .modal {
  width: min(var(--layout-width-6xl), calc(100vw - var(--space-18px) * 2));
  max-width: min(var(--layout-width-6xl), calc(100vw - var(--space-18px) * 2));
  max-height: none;
  margin: 0 auto;
  overflow: visible;
  background: var(--white);
  border-color: var(--modal-border);
  box-shadow: var(--shadow-soft);
}

#modal.open-events-modal--apply-focus .panel__scrollable-body {
  overflow: visible;
  background: var(--white);
}

#modal.open-events-modal--apply-focus .panel__footer {
  background: var(--white);
}

#assignments-email-modal .modal {
  overflow: visible;
}

#assignments-email-modal .panel {
  overflow: visible;
}

#assignments-email-modal .panel__scrollable-body {
  overflow: visible;
}

.open-events-applications-status {
  margin-top: var(--space-2px);
  color: var(--text-secondary);
  font-size: var(--font-size-12);
  font-weight: var(--weight-semibold);
}

.open-events-applications-status--count-row {
  display: block;
}

.open-events-assignment-status-badge {
  min-height: var(--input-height);
  padding-inline: var(--control-padding-inline);
}

.name-with-avatar-cell__badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1px);
  min-width: 0;
  margin-top: var(--space-1px);
}

.data--user-badge {
  min-height: var(--input-height);
}

@media (max-width: 720px) {
  .open-events-page .page__content {
    padding-inline: var(--space-3px);
    padding-bottom: var(--space-3px);
  }

  .open-events-page .page__content.page__content--with-nav-integration {
    padding-top: 0;
  }

  .open-events-apply-modal {
    gap: var(--space-3px);
  }

  .open-events-apply-modal__summary-shell,
  .open-events-apply-modal__feature-section,
  .open-events-apply-modal__detail-section,
  .open-events-apply-modal__assign-section {
    gap: var(--space-3px);
  }

  .open-events-apply-modal__detail-card {
    padding: var(--space-3px);
  }


  .open-events-apply-modal__detail-card .row-details-form {
    grid-template-columns: 1fr;
  }

  .open-events-apply-modal__identity-summary {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .open-events-apply-modal__identity-change {
    width: 100%;
  }
}