.project-public-wrapper {
  padding: 20px;
}

.project-public-shell {
  flex: 1 0 auto;
  width: 100%;
}

.project-public-footer {
  flex: 0 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px;
}

.project-public-footer__content {
  align-items: center;
}

.project-public-footer .footer-lang {
  margin-left: auto;
}

.project-public-footer__copyright {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}

.project-public-theme-toggle .ui-icon {
  width: 16px;
  height: 16px;
}

.project-public-header {
  margin-bottom: var(--crm-object-header-gap);
}

.project-public-header__title-row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  min-width: 0;
}

.project-public-status {
  color: var(--color-text-muted);
  font-size: 15px;
  line-height: 1.4;
}

.project-public-tabs {
  margin-top: -12px;
}

.project-public-section-heading {
  margin-bottom: var(--crm-list-header-content-gap);
}

.project-public-detail-layout.project-public-overview {
  display: block;
  max-width: 980px;
}

.project-public-detail-header .object-detail-header {
  margin-bottom: var(--crm-tabs-content-gap);
}

.project-public-detail-layout .task-detail__main,
.project-public-detail-layout .object-detail-layout__main {
  max-width: 100%;
}

.project-public-sidebar .object-detail-sidebar__status,
.project-public-sidebar .task-detail-sidebar__status,
.project-public-sidebar .meeting-detail-sidebar__status {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.project-public-list-results {
  min-width: 0;
}

.project-public-table th:first-child,
.project-public-table td:first-child {
  width: 36%;
}

.project-public-table td {
  vertical-align: top;
}

.project-public-table .mobile-primary span {
  overflow-wrap: anywhere;
}

[data-calendar-readonly="true"] [data-calendar-slot] {
  cursor: default;
}

[data-calendar-readonly="true"] .meeting-calendar-day-cell:hover,
[data-calendar-readonly="true"] .meeting-calendar-time-slot:hover,
[data-calendar-readonly="true"] .meeting-calendar-year-day:hover {
  background: inherit;
}

[data-calendar-readonly="true"] .meeting-calendar-event[aria-disabled="true"] {
  cursor: default;
}

.project-public-empty {
  max-width: 720px;
}

.project-public-empty p,
.project-public-muted {
  color: var(--color-text-muted);
}

.project-public-gate {
  max-width: 520px;
}

.project-public-gate__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.project-public-gate__input {
  width: 100%;
  box-sizing: border-box;
}

.project-public-gate__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.project-public-gate__messages {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 16px;
}

.project-public-gate__message {
  margin: 0;
  color: var(--color-danger);
}

.project-public-wrapper--centered {
  justify-content: center;
}

.project-public-wrapper--centered .project-public-shell {
  flex-grow: 0;
  max-width: 560px;
  margin: auto;
}

@media (max-width: 980px) {
  .project-public-wrapper {
    padding: 0;
  }
}

@media (max-width: 968px) {
  .project-public-footer__content {
    flex-direction: row;
    align-items: center;
  }

  .project-public-table th:first-child,
  .project-public-table td:first-child {
    width: auto;
  }

  .project-public-detail-layout {
    display: block;
  }

  .project-public-sidebar {
    margin-top: 28px;
  }
}

@media (max-width: 480px) {
  .project-public-footer__content {
    flex-wrap: wrap;
  }

  .project-public-footer .footer-lang {
    margin-left: 0;
  }
}