/* Final integration refinements for the version 1.7.0 platform shell. */

.app-header {
  border-bottom-color: rgba(255,255,255,0.1);
  color: #fff;
  background: rgba(13,14,35,0.98);
  box-shadow: 0 7px 24px rgba(5,5,18,0.18);
}

.app-header-context {
  border-left-color: rgba(255,255,255,0.18);
}

.app-header-context span {
  color: #bcb6cf;
}

.app-header-context strong {
  color: #fff;
}

.app-header-actions > a,
.account-menu summary {
  color: #e8e3f2;
}

.app-header-actions > a:hover,
.account-menu summary:hover,
.account-menu[open] summary {
  border-color: rgba(255,255,255,0.2);
  color: #fff;
  background: rgba(255,255,255,0.08);
}

.workspace-nav-toggle {
  border-color: rgba(255,255,255,0.22);
  color: #fff;
  background: rgba(255,255,255,0.07);
}

.workspace-nav-toggle:hover {
  background: rgba(255,255,255,0.13);
}

.account-menu-panel {
  color: var(--gocx-ink);
}

.account-menu-panel strong {
  color: var(--gocx-ink);
}

.compact-details {
  margin: 14px 0 20px;
  display: grid;
  gap: 8px;
}

.compact-details > div {
  padding: 10px 12px;
  display: grid;
  grid-template-columns: minmax(100px, 0.35fr) minmax(0,1fr);
  gap: 12px;
  border: 1px solid var(--gocx-line);
  border-radius: 9px;
  background: var(--gocx-surface-soft);
}

.compact-details dt {
  color: var(--gocx-muted);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.compact-details dd {
  min-width: 0;
  margin: 0;
  color: var(--gocx-ink-soft);
}

.partner-review-card {
  border-top: 4px solid var(--gocx-purple);
}

.import-steps {
  margin-bottom: 20px;
}

.import-dropzone input[type="file"] {
  max-width: 580px;
  margin-top: 16px;
}

.vendor-admin-page .metric,
.question-bank-page .metric,
.communications-page .metric {
  box-shadow: none;
}

.workspace-body .filter-bar,
.workspace-body .workload-filters,
.workspace-body .question-filters,
.workspace-body .readiness-filters {
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px,1fr));
  align-items: end;
  gap: 12px;
  border: 1px solid var(--gocx-line);
  border-radius: var(--gocx-radius);
  background: #fff;
  box-shadow: var(--gocx-shadow-sm);
}

.workspace-body .filter-bar .button,
.workspace-body .workload-filters .button,
.workspace-body .question-filters .button,
.workspace-body .readiness-filters .button {
  width: 100%;
}

.workspace-body .sticky-form-actions,
.workspace-body .question-editor-actions {
  position: sticky;
  bottom: 12px;
  z-index: 50;
  padding: 12px;
  border: 1px solid var(--gocx-line);
  border-radius: 12px;
  background: rgba(255,255,255,0.96);
  box-shadow: var(--gocx-shadow);
  backdrop-filter: blur(12px);
}

.workspace-body .capacity-form,
.workspace-body .allocation-form {
  gap: 12px;
}

.workspace-body .capacity-form button,
.workspace-body .allocation-form button {
  align-self: end;
}

.workspace-body .muted {
  color: var(--gocx-muted);
}

.workspace-body .coverage-badge,
.workspace-body .availability-badge,
.workspace-body .alert-chip {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 4px 9px;
  border: 1px solid var(--gocx-line);
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 780;
}

.workspace-body .coverage-good,
.workspace-body .status-available {
  border-color: #b5ddcf;
  color: var(--gocx-success);
  background: var(--gocx-success-soft);
}

.workspace-body .coverage-risk,
.workspace-body .status-limited,
.workspace-body .metric-warning {
  border-color: #eed58a;
  color: var(--gocx-warning);
  background: var(--gocx-warning-soft);
}

.workspace-body .coverage-gap,
.workspace-body .status-unavailable,
.workspace-body .metric-alert {
  border-color: #efb9be;
  color: var(--gocx-danger);
  background: var(--gocx-danger-soft);
}

@media (max-width: 680px) {
  .compact-details > div {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .workspace-body .filter-bar,
  .workspace-body .workload-filters,
  .workspace-body .question-filters,
  .workspace-body .readiness-filters {
    grid-template-columns: 1fr;
  }
}