.atlas-opportunity-workspace {
  display: grid;
  max-width: 64rem;
  gap: var(--space-7);
}

.main-content--opportunity .atlas-page-header {
  max-width: 62rem;
  padding-bottom: var(--space-5);
}

.main-content--opportunity .atlas-page-header h1 {
  max-width: 54rem;
  font-size: clamp(2.25rem, 5vw, 4rem);
}

.atlas-opportunity-brief {
  display: grid;
  max-width: 68rem;
  gap: var(--space-8);
}

.atlas-preview-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.atlas-preview-switcher a {
  min-height: var(--touch-target);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-small);
  background: var(--color-surface);
}

.atlas-opportunity-hero {
  display: grid;
  grid-template-columns: 12rem minmax(0, 1fr) minmax(14rem, 0.45fr);
  gap: var(--space-6);
  align-items: start;
}

.atlas-opportunity-hero__image {
  display: grid;
  width: 100%;
  aspect-ratio: 1;
  place-items: center;
  padding: var(--space-4);
  border-radius: var(--radius-medium);
  background: var(--color-surface);
  color: var(--color-text-secondary);
  text-align: center;
  font-size: var(--font-size-caption);
}

.atlas-opportunity-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.atlas-opportunity-price {
  margin: var(--space-2) 0 var(--space-5);
  font-size: var(--font-size-metric);
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}

.atlas-opportunity-price span {
  display: block;
  color: var(--color-text-secondary);
  font-size: var(--font-size-caption);
  font-weight: 500;
}

.atlas-opportunity-verdict {
  padding-top: var(--space-4);
  border-top: var(--space-1) solid var(--color-information);
}

.atlas-opportunity-verdict[data-tone="positive"] {
  border-color: var(--color-success);
}

.atlas-opportunity-verdict h2 {
  margin: var(--space-3) 0;
  font-size: var(--font-size-section-title);
}

.atlas-opportunity-verdict p {
  color: var(--color-text-secondary);
}

.atlas-brief-section {
  padding-top: var(--space-7);
  border-top: 1px solid var(--color-border);
}

.atlas-brief-section > header {
  max-width: 48rem;
  margin-bottom: var(--space-5);
}

.atlas-brief-section > header h2 {
  margin: var(--space-2) 0;
}

.atlas-brief-section > header p:last-child {
  color: var(--color-text-secondary);
}

.atlas-evidence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.atlas-evidence-card {
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-top: var(--space-1) solid var(--color-border);
  border-radius: var(--radius-medium);
  background: var(--color-surface);
}

.atlas-evidence-card[data-tone="positive"] { border-top-color: var(--color-success); }
.atlas-evidence-card[data-tone="warning"] { border-top-color: var(--color-warning); }
.atlas-evidence-card[data-tone="information"] { border-top-color: var(--color-information); }

.atlas-evidence-card h3 {
  margin-top: 0;
}

.atlas-evidence-card header p,
.atlas-confidence-caveat {
  color: var(--color-text-secondary);
}

.atlas-evidence-card ul {
  padding-left: var(--space-5);
}

.atlas-module-error {
  margin-top: var(--space-4);
  padding: var(--space-4);
  border-left: var(--space-1) solid var(--color-danger);
  background: var(--color-surface);
}

.atlas-seller-message > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
}

.atlas-seller-message h3 {
  margin: 0;
}

.atlas-seller-message blockquote {
  white-space: pre-line;
}

.atlas-copy-status {
  min-height: 1.5rem;
  margin-bottom: 0;
  color: var(--color-success);
}

.atlas-relationships > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.atlas-relationships article {
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-medium);
  background: var(--color-surface);
}

.atlas-relationships article h3 {
  margin-top: 0;
}

.atlas-opportunity-actions-panel {
  padding: var(--space-5);
  border-radius: var(--radius-medium);
  background: var(--color-surface);
}

.atlas-opportunity-actions-panel h2 {
  margin-top: 0;
}

.atlas-saved-summary {
  display: grid;
  gap: var(--space-1);
  color: var(--color-text-secondary);
}

.atlas-saved-summary strong {
  color: var(--color-text-primary);
}

.atlas-button:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.atlas-opportunity-loading {
  display: grid;
  max-width: 68rem;
  gap: var(--space-5);
}

.atlas-skeleton-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.atlas-skeleton {
  min-height: 9rem;
  border-radius: var(--radius-medium);
  background: var(--color-surface);
}

.atlas-skeleton--hero {
  min-height: 18rem;
}

.atlas-decision-summary {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(15rem, 0.65fr);
  gap: var(--space-7);
  padding-bottom: var(--space-7);
  border-bottom: 1px solid var(--color-border);
}

.atlas-decision-summary__recommendation {
  align-content: start;
}

.atlas-decision-summary__recommendation h2 {
  max-width: 42rem;
  margin: var(--space-3) 0;
  font-size: var(--font-size-section-title);
}

.atlas-decision-summary__recommendation p {
  max-width: 44rem;
  color: var(--color-text-secondary);
  font-size: var(--font-size-body);
}

.atlas-confidence-summary {
  padding-left: var(--space-5);
  border-left: var(--space-1) solid var(--color-information);
}

.atlas-confidence-summary strong,
.atlas-confidence-summary span {
  display: block;
}

.atlas-confidence-summary strong {
  margin-top: var(--space-2);
  font-size: var(--font-size-metric);
  font-variant-numeric: tabular-nums;
}

.atlas-confidence-summary span {
  color: var(--color-text-secondary);
  font-weight: 700;
}

.atlas-confidence-summary p:last-child {
  color: var(--color-text-secondary);
  font-size: var(--font-size-body-secondary);
}

.atlas-financial-position h2,
.atlas-decision-section h2,
.atlas-confidence-detail h2,
.atlas-negotiation-summary h2 {
  margin-top: 0;
}

.atlas-financial-position dl,
.atlas-negotiation-summary dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
  margin: var(--space-4) 0 0;
}

.atlas-financial-position dl > div,
.atlas-negotiation-summary dl > div {
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border);
}

.atlas-financial-position dt,
.atlas-negotiation-summary dt {
  color: var(--color-text-secondary);
  font-size: var(--font-size-caption);
}

.atlas-financial-position dd,
.atlas-negotiation-summary dd {
  margin: var(--space-2) 0 0;
  font-size: var(--font-size-card-title);
  font-variant-numeric: tabular-nums;
  font-weight: 750;
}

.atlas-financial-position dl p {
  margin-bottom: 0;
  color: var(--color-text-secondary);
  font-size: var(--font-size-caption);
}

.atlas-negotiation-summary dl p {
  margin-bottom: 0;
  color: var(--color-text-secondary);
  font-size: var(--font-size-caption);
}

.atlas-next-action {
  padding: var(--space-5);
  border-left: var(--space-1) solid var(--color-primary);
  background: var(--color-surface);
}

.atlas-next-action h2 {
  max-width: 46rem;
  margin: var(--space-2) 0 var(--space-4);
}

.atlas-opportunity-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-5);
}

.atlas-decision-narrative {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-7);
}

.atlas-decision-section {
  padding-top: var(--space-4);
  border-top: var(--space-1) solid var(--color-border);
}

.atlas-decision-section[data-tone="positive"] {
  border-color: var(--color-success);
}

.atlas-decision-section[data-tone="warning"] {
  border-color: var(--color-warning);
}

.atlas-decision-section[data-tone="information"] {
  border-color: var(--color-information);
}

.atlas-decision-section header p,
.atlas-confidence-detail header p,
.atlas-negotiation-summary header p {
  color: var(--color-text-secondary);
}

.atlas-decision-section ul,
.atlas-confidence-detail ul,
.atlas-negotiation-summary ul {
  padding-left: var(--space-5);
}

.atlas-decision-section li,
.atlas-confidence-detail li,
.atlas-negotiation-summary li {
  margin-bottom: var(--space-2);
}

.atlas-decision-section__empty {
  color: var(--color-text-secondary);
  font-style: italic;
}

.atlas-confidence-detail,
.atlas-negotiation-summary {
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-border);
}

.atlas-negotiation-summary dl {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.atlas-negotiation-warning,
.atlas-seller-message {
  margin-top: var(--space-5);
  padding: var(--space-4);
  background: var(--color-surface);
}

.atlas-negotiation-warning {
  border-left: var(--space-1) solid var(--color-warning);
}

.atlas-seller-message blockquote {
  margin: var(--space-3) 0 0;
  color: var(--color-text-secondary);
}

.atlas-opportunity-metadata {
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
  color: var(--color-text-secondary);
  font-size: var(--font-size-caption);
}

@media (max-width: 64rem) {
  .atlas-decision-summary {
    grid-template-columns: minmax(0, 1.35fr) minmax(14rem, 0.65fr);
  }
}

@media (max-width: 50rem) {
  .atlas-opportunity-hero {
    grid-template-columns: 8rem minmax(0, 1fr);
  }

  .atlas-opportunity-hero .atlas-confidence-summary {
    grid-column: 1 / -1;
  }

  .atlas-decision-summary,
  .atlas-decision-narrative,
  .atlas-evidence-grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .atlas-confidence-summary {
    padding: var(--space-4) 0 0;
    border-top: 1px solid var(--color-border);
    border-left: 0;
  }

  .atlas-financial-position dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 30rem) {
  .atlas-opportunity-hero,
  .atlas-relationships > div,
  .atlas-skeleton-grid {
    grid-template-columns: 1fr;
  }

  .atlas-opportunity-hero .atlas-confidence-summary {
    grid-column: auto;
  }

  .atlas-opportunity-hero__image {
    max-width: 9rem;
  }

  .atlas-seller-message > div {
    align-items: stretch;
    flex-direction: column;
  }

  .atlas-financial-position dl,
  .atlas-negotiation-summary dl {
    grid-template-columns: 1fr;
  }

  .atlas-opportunity-actions,
  .atlas-opportunity-actions .atlas-button {
    width: 100%;
  }
}