/* Owner: Task 10 evaluator landing, persona workspaces, and provenance. */
.evaluator-landing,
.evaluator-workspace {
  margin-inline: auto;
  max-width: var(--rmh-shell);
  padding: var(--rmh-space-lg) var(--rmh-space-sm) var(--rmh-space-2xl);
}

.evaluator-hero,
.workspace-columns {
  align-items: start;
  display: grid;
  gap: var(--rmh-space-lg);
  grid-template-columns: minmax(0, 2fr) minmax(16rem, 1fr);
}

.evaluator-hero {
  background: var(--rmh-dark);
  color: var(--rmh-white);
  padding: var(--rmh-space-xl);
}

.evaluator-hero h1,
.evaluator-hero h2,
.evaluator-hero .context-label {
  color: var(--rmh-white);
}

.evaluator-hero h1 {
  font-size: clamp(2.4rem, 5vw, 4.75rem);
  letter-spacing: -0.025em;
  max-width: 16ch;
}

.evaluator-hero__lede,
.workspace-title > p,
.workspace-boundary {
  max-width: 72ch;
}

.evaluator-boundary {
  background: var(--rmh-white);
  border-radius: 12px;
  color: var(--rmh-ink);
  padding: var(--rmh-space-md);
}

.evaluator-boundary h2,
.evaluator-boundary a {
  color: var(--rmh-dark);
}

.evaluator-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--rmh-space-xs);
  margin-block-start: var(--rmh-space-md);
}

.evaluator-hero .evaluator-actions .button {
  background: var(--rmh-light-blue);
  border-color: var(--rmh-light-blue);
  color: var(--rmh-dark);
}

.evaluator-hero .evaluator-actions .button--secondary {
  background: var(--rmh-white);
  border-color: var(--rmh-white);
  color: var(--rmh-dark);
}

.evaluator-hero .evaluator-actions .button:hover {
  background: var(--rmh-light-blue);
  border-color: var(--rmh-light-blue);
  color: var(--rmh-dark);
}

.evaluator-actions a,
.workspace-filter button,
.workspace-filter input,
.workspace-filter select,
.case-queue a,
.meeting-editor-list a,
.evaluator-workspace .button {
  min-height: 44px;
}

.evaluator-services {
  margin-block-start: var(--rmh-space-xl);
}

.service-destination-list,
.queue-list,
.meeting-editor-list,
.workflow-definition-list,
.service-summary-list,
.health-list,
.audit-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.service-destination-list {
  border-block: 1px solid var(--rmh-line);
  counter-reset: service;
}

.service-destination-list li {
  border-bottom: 1px solid var(--rmh-line);
  counter-increment: service;
}

.service-destination-list li:last-child {
  border-bottom: 0;
}

.service-destination-list a {
  align-items: center;
  display: grid;
  gap: var(--rmh-space-xs) var(--rmh-space-md);
  grid-template-columns: minmax(12rem, 0.8fr) minmax(0, 1.2fr);
  min-height: 5rem;
  padding: var(--rmh-space-sm);
  text-decoration: none;
}

.service-destination-list a:hover {
  background: var(--rmh-surface);
}

.workspace-title {
  border-bottom: 2px solid var(--rmh-dark);
  margin-block-end: var(--rmh-space-lg);
  padding-block-end: var(--rmh-space-md);
}

.workspace-title h1 {
  font-size: var(--rmh-heading-inner);
}

.workspace-primary,
.workspace-context {
  min-width: 0;
}

.workspace-context {
  background: var(--rmh-surface);
  border-radius: 12px;
  padding: var(--rmh-space-md);
  position: sticky;
  top: 9rem;
}

.workspace-context h2,
.workspace-context h3 {
  font-family: var(--rmh-font-sans);
}

.workspace-heading {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: var(--rmh-space-xs) var(--rmh-space-md);
  justify-content: space-between;
}

.workspace-filter {
  align-items: end;
  background: var(--rmh-surface);
  display: grid;
  gap: var(--rmh-space-sm);
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  margin-block: var(--rmh-space-md);
  padding: var(--rmh-space-sm);
}

.workspace-filter label {
  display: block;
  font-weight: 700;
}

.workspace-filter input,
.workspace-filter select,
.evaluator-workspace select {
  background: var(--rmh-white);
  border: 2px solid var(--rmh-dark);
  border-radius: var(--rmh-radius-sm);
  padding: var(--rmh-space-xs);
  width: 100%;
}

.case-queue,
.meeting-editor-list li,
.workflow-definition-list article {
  border-top: 1px solid var(--rmh-line);
  padding-block: var(--rmh-space-md);
}

.case-queue > div,
.case-queue li,
.workflow-definition-heading {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--rmh-space-xs) var(--rmh-space-md);
  justify-content: space-between;
}

.case-queue ul {
  list-style: none;
  margin: var(--rmh-space-sm) 0 0;
  padding: 0;
}

.case-queue li {
  background: var(--rmh-surface);
  margin-block-start: var(--rmh-space-xs);
  padding: var(--rmh-space-xs) var(--rmh-space-sm);
}

.case-queue li > div,
.service-summary-list li > div {
  display: flex;
  flex-direction: column;
}

.status-text,
.demo-data-label {
  color: var(--rmh-dark);
  font-size: var(--rmh-type-2);
  font-weight: 700;
}

.status-text--needs-information {
  text-decoration: underline;
  text-decoration-style: double;
}

.status-text--closed {
  text-decoration: line-through;
}

.service-summary-list li,
.health-list li {
  border-bottom: 1px solid var(--rmh-line);
  display: grid;
  gap: var(--rmh-space-2xs);
  padding-block: var(--rmh-space-xs);
}

.interaction-summary {
  margin-block-start: var(--rmh-space-md);
}

.interaction-summary dl,
.meeting-detail,
.workflow-definition-list dl,
.workspace-context dl {
  margin: 0;
}

.interaction-summary dl > div,
.meeting-detail > div,
.workflow-definition-list dl > div,
.workspace-context dl > div {
  display: grid;
  gap: var(--rmh-space-xs);
  grid-template-columns: minmax(8rem, 0.7fr) minmax(0, 1.3fr);
  padding-block: var(--rmh-space-2xs);
}

.meeting-editor-list dl {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rmh-space-sm);
}

.meeting-editor-list dl > div {
  display: flex;
  gap: var(--rmh-space-2xs);
}

.meeting-editor-list dt,
.workflow-definition-list dt,
.meeting-detail dt {
  font-weight: 700;
}

.audit-list li {
  border-bottom: 1px solid var(--rmh-line);
  display: grid;
  gap: var(--rmh-space-2xs);
  grid-template-columns: minmax(12rem, 1fr) minmax(12rem, auto) auto;
  padding-block: var(--rmh-space-xs);
}

.service-provenance {
  background: var(--rmh-surface);
  border-top: 2px solid var(--rmh-dark);
  display: flex;
  flex-wrap: wrap;
  gap: var(--rmh-space-xs) var(--rmh-space-sm);
  margin-block-start: var(--rmh-space-xl);
  padding: var(--rmh-space-md);
}

.service-provenance h2,
.service-provenance p {
  flex-basis: 100%;
  margin-block: 0;
}

.service-provenance h2 {
  font-family: var(--rmh-font-sans);
  font-size: var(--rmh-type-5);
}

@media (max-width: 64rem) {
  .workspace-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 48rem) {
  .evaluator-hero,
  .workspace-columns,
  .service-destination-list a,
  .workspace-filter,
  .audit-list li {
    grid-template-columns: minmax(0, 1fr);
  }

  .evaluator-hero,
  .evaluator-landing,
  .evaluator-workspace {
    padding: var(--rmh-space-md) var(--rmh-space-sm);
  }

  .workspace-context {
    position: static;
  }

  .interaction-summary dl > div,
  .meeting-detail > div,
  .workflow-definition-list dl > div,
  .workspace-context dl > div {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 22rem) {
  .evaluator-actions,
  .case-queue li,
  .workspace-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .evaluator-actions a,
  .case-queue a {
    justify-content: center;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .evaluator-workspace *,
  .evaluator-landing * {
    scroll-behavior: auto;
    transition-duration: 0s;
  }
}