/* Shared saved-survey styling, using the existing E-BQS palette. */
.workspace-page,
.workspace-page .form-label {
  color: var(--charcoal-blue);
}

.workspace-surveys-card {
  background-color: var(--frosted-mint);
  color: var(--charcoal-blue);
}

.workspace-surveys-card .card-header {
  background-color: rgba(134, 187, 216, .22);
}

.workspace-save-status {
  display: inline-block;
  padding: .35rem .65rem;
  border: 1px solid var(--baltic-blue);
  border-radius: .5rem;
  background-color: var(--frosted-mint);
  color: var(--charcoal-blue);
  font-weight: 600;
  overflow-wrap: anywhere;
}

.workspace-page #savedSurveySelect {
  color-scheme: light;
  color: var(--charcoal-blue);
  background-color: #fff;
  border-color: var(--baltic-blue);
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232f4858' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.workspace-navbar .navbar-brand {
  min-height: 44px;
  margin-right: 0;
}

.workspace-logo {
  width: 120px;
  height: auto;
  display: block;
}

.workspace-navbar .workspace-nav-action {
  --bs-btn-color: var(--frosted-mint);
  --bs-btn-bg: var(--charcoal-blue);
  --bs-btn-border-color: var(--frosted-mint);
  --bs-btn-hover-color: var(--charcoal-blue);
  --bs-btn-hover-bg: var(--frosted-mint);
  --bs-btn-hover-border-color: var(--frosted-mint);
  --bs-btn-active-color: var(--charcoal-blue);
  --bs-btn-active-bg: var(--light-green);
  --bs-btn-active-border-color: var(--light-green);
  --bs-btn-focus-shadow-rgb: 158, 228, 147;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
}

.workspace-navbar :is(.navbar-brand, .workspace-nav-action):focus-visible {
  outline: 3px solid var(--light-green);
  outline-offset: 3px;
}

@media (max-width: 575.98px) {
  .workspace-actions > .btn { flex: 1 1 130px; }
  .workspace-navbar .workspace-nav-action { font-size: .875rem; padding-inline: .65rem; }
}

@media (max-width: 359.98px) {
  .workspace-logo { width: 96px; }
}