.maintenance-report {
  max-width: 740px;
  margin: 0 auto;
  padding: 32px 20px;
  background: var(--color-00);
  color: var(--color-01);
  font-size: 16px;
}

.maintenance-report,
.maintenance-report .maintenance-list {
  display: grid;
  gap: 20px;
}

.maintenance-report h1 {
  font-size: 34px;
  color: var(--color-01) !important;
}

.maintenance-report .panel {
  font-size: 16px;
  height: 100%;
}

.maintenance-report .panel.panel-default {
  padding: 0;
  margin: 0;
}

.maintenance-report #reported-panel,
.maintenance-report #resolved-panel {
  padding: 24px !important;
  border-radius: 5px;
  color: var(--color-01);
}

.maintenance-report #reported-panel .panel-body,
.maintenance-report #resolved-panel .panel-body {
  padding: 0;
}

.maintenance-report #reported-panel {
  background-color: var(--color-04) !important;
}

.maintenance-report #resolved-panel {
  background-color: var(--color-09) !important;
}

.maintenance-report .bottom-url {
  font-size: 14px;
  margin-top: 48px;
}

.maintenance-report .maintenance-message,
.maintenance-report .maintenance-message::-webkit-input-placeholder {
  background-color: var(--color-02) !important;
}

.maintenance-report .maintenance-message {
  border-radius: 5px;
  font-size: 16px;
}

@media (min-width: 768px) {
  .maintenance-report,
  .maintenance-report .maintenance-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .maintenance-report .col-centered.col-sm-12 {
    grid-column: span 2 / span 2;
  }
}