.ebrc-survey-ui {
  --ebrc-survey-primary: #0d6efd;
  --ebrc-survey-primary-soft: #e7f1ff;
  --ebrc-survey-primary-border: #86b7fe;
  --ebrc-survey-table-border: #b6d4fe;
  --ebrc-survey-table-header: #e7f1ff;
  --ebrc-survey-table-subheader: #f4f8ff;
}

.ebrc-survey-ui .ebrc-survey-card {
  border: 1px solid var(--ebrc-survey-primary-border);
  border-radius: 0.75rem;
  box-shadow: 0 0.25rem 0.75rem rgba(13, 110, 253, 0.08);
}

.ebrc-survey-ui .ebrc-survey-table {
  border: 1px solid var(--ebrc-survey-table-border);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0;
}

.ebrc-survey-ui .ebrc-survey-table table {
  margin-bottom: 0;
  table-layout: fixed;
}

.ebrc-survey-ui .ebrc-survey-table thead tr:first-child th {
  background-color: var(--ebrc-survey-table-header);
  border-bottom: 1px solid var(--ebrc-survey-table-border);
  color: #052c65;
  font-weight: 600;
}

.ebrc-survey-ui .ebrc-survey-table thead tr:not(:first-child) th {
  background-color: var(--ebrc-survey-table-subheader);
  border-bottom: 1px solid var(--ebrc-survey-table-border);
  color: #084298;
  font-weight: 600;
}

.ebrc-survey-ui .ebrc-survey-table td,
.ebrc-survey-ui .ebrc-survey-table th {
  border-color: var(--ebrc-survey-table-border);
}

.ebrc-survey-ui .ebrc-survey-table td {
  padding: 0.35rem;
  background-color: #ffffff;
}

.ebrc-survey-ui .ebrc-survey-input {
  border-color: var(--ebrc-survey-primary-border);
}

.ebrc-survey-ui .ebrc-survey-input:focus {
  border-color: var(--ebrc-survey-primary);
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.2);
}

.ebrc-survey-ui td.ebrc-survey-cell-expected,
.ebrc-survey-ui th.ebrc-survey-cell-expected {
    background-color: color-mix(
        in srgb,
        var(--ebrc-survey-primary-soft) 60%,
        white
    );
}