/**
 * Executive summary output styles
 * Split from outputs.css — Phase 3.3
 */

/* ========================================
   EXECUTIVE SUMMARY OUTPUT
   ======================================== */

.exec-header {
  background: linear-gradient(135deg, rgba(59,130,246,0.08) 0%, rgba(59,130,246,0.03) 100%);
  border: 1px solid rgba(59,130,246,0.25);
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 20px;
  position: relative;
}

.exec-header__icon {
  position: absolute;
  top: -12px;
  left: 20px;
  background: var(--color-surface);
  padding: 4px 8px;
  font-size: 16px;
  border-radius: 6px;
  border: 1px solid rgba(59,130,246,0.2);
}

.exec-header__label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--color-blue-500);
  margin-bottom: 8px;
}

.exec-header__headline {
  font-size: 18px;
  font-weight: 600;
  color: #1e3a5f;
  line-height: 1.4;
  margin-bottom: 10px;
}

.exec-header__meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.exec-tag {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  background: rgba(0,0,0,0.05);
  color: var(--color-neutral-600);
}

.exec-tag--conf-high {
  background: rgba(34,197,94,0.15);
  color: var(--color-green-500);
}

.exec-tag--conf-medium {
  background: rgba(245,158,11,0.15);
  color: var(--color-amber-500);
}

.exec-tag--conf-low {
  background: rgba(239,68,68,0.15);
  color: var(--color-red-500);
}

.exec-body {
  padding: 0 4px;
}

.exec-section {
  margin-bottom: 20px;
}

.exec-section__title {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--color-slate-400);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.exec-section__content {
  font-size: 13px;
  color: var(--color-slate-600);
  line-height: 1.65;
}

.exec-section__content--boxed {
  padding: 10px;
  background: var(--color-neutral-50);
  border-radius: 6px;
}

.exec-details-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.exec-field {
  font-size: 12px;
}

.exec-field__label {
  color: var(--color-neutral-400);
}

.exec-field__value {
  color: var(--color-neutral-700);
}

.exec-bullets {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.exec-bullet {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  color: var(--color-neutral-600);
  padding: 6px 8px;
  background: var(--color-neutral-50);
  border-radius: 4px;
}

.exec-bullet__dot {
  color: var(--color-neutral-500);
}

.exec-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.exec-number {
  background: linear-gradient(135deg, var(--color-sky-50) 0%, var(--color-sky-100) 100%);
  border: 1px solid var(--color-sky-300);
  border-radius: 10px;
  padding: 14px 18px;
  text-align: center;
  min-width: 110px;
  box-shadow: 0 2px 8px rgba(14, 165, 233, 0.12);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.exec-number:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.2);
}

.exec-number__value {
  font-size: 22px;
  font-weight: 800;
  color: var(--color-sky-600);
  font-family: var(--font-family-mono);
  letter-spacing: -0.5px;
  line-height: 1.2;
}

.exec-number__label {
  font-size: 11px;
  font-weight: 500;
  color: var(--color-sky-700);
  margin-top: 4px;
  line-height: 1.3;
}

.exec-relevance {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.exec-relevance__tag {
  padding: 8px 14px;
  background: var(--color-slate-50);
  border: 1px solid var(--color-slate-200);
  border-radius: 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.exec-relevance__label {
  color: var(--color-slate-500);
  font-weight: 500;
}

.exec-relevance__value {
  color: var(--color-slate-800);
  font-weight: 600;
  text-transform: capitalize;
}

.exec-relevance__tag--depth-detailed {
  background: linear-gradient(135deg, var(--color-blue-100) 0%, var(--color-blue-200) 100%);
  border-color: var(--color-blue-300);
}
.exec-relevance__tag--depth-detailed .exec-relevance__value {
  color: var(--color-blue-800);
}

.exec-relevance__tag--depth-surface {
  background: linear-gradient(135deg, var(--color-amber-100) 0%, var(--color-amber-200) 100%);
  border-color: var(--color-amber-300);
}
.exec-relevance__tag--depth-surface .exec-relevance__value {
  color: var(--color-amber-800);
}

.exec-relevance__tag--depth-moderate {
  background: var(--color-slate-100);
  border-color: var(--color-slate-300);
}
.exec-relevance__tag--depth-moderate .exec-relevance__value {
  color: var(--color-slate-600);
}

.exec-relevance__tag--requires-action {
  background: linear-gradient(135deg, var(--color-red-100) 0%, var(--color-red-200) 100%);
  border-color: var(--color-red-300);
}
.exec-relevance__tag--requires-action .exec-relevance__value {
  color: var(--color-red-800);
}

.exec-relevance__tag--requires-review {
  background: linear-gradient(135deg, var(--color-amber-100) 0%, var(--color-amber-200) 100%);
  border-color: var(--color-amber-300);
}
.exec-relevance__tag--requires-review .exec-relevance__value {
  color: var(--color-amber-800);
}

.exec-relevance__tag--informational {
  background: linear-gradient(135deg, var(--color-green-50) 0%, var(--color-green-100) 100%);
  border-color: var(--color-green-300);
}
.exec-relevance__tag--informational .exec-relevance__value {
  color: var(--color-green-800);
}

.exec-timeline {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.exec-timeline__item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  padding: 10px 14px;
  background: linear-gradient(135deg, var(--color-slate-50) 0%, var(--color-slate-100) 100%);
  border: 1px solid var(--color-slate-200);
  border-radius: 8px;
  transition: background 0.15s ease;
}

.exec-timeline__item:hover {
  background: var(--color-slate-100);
}

.exec-timeline__date {
  font-weight: 700;
  color: var(--color-sky-600);
  min-width: 70px;
  font-family: var(--font-family-mono);
  font-size: 11px;
}

.exec-timeline__event {
  color: var(--color-slate-600);
  font-weight: 500;
}

.exec-confidence {
  background: linear-gradient(135deg, var(--color-yellow-50) 0%, #fef9c3 100%);
  border: 1px solid var(--color-yellow-300);
  border-radius: 10px;
  padding: 16px 18px;
  box-shadow: 0 2px 8px rgba(250, 204, 21, 0.15);
}

.exec-confidence__header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}

.exec-confidence__value {
  font-size: 32px;
  font-weight: 800;
  font-family: var(--font-family-mono);
  letter-spacing: -1px;
  line-height: 1;
}

.exec-confidence__value--high {
  color: var(--color-green-600);
  text-shadow: 0 1px 2px rgba(22, 163, 74, 0.2);
}

.exec-confidence__value--medium {
  color: var(--color-amber-600);
  text-shadow: 0 1px 2px rgba(217, 119, 6, 0.2);
}

.exec-confidence__value--low {
  color: var(--color-red-600);
  text-shadow: 0 1px 2px rgba(220, 38, 38, 0.2);
}

.exec-confidence__label {
  font-size: 13px;
  font-weight: 500;
  color: var(--color-yellow-700);
}

.exec-confidence__gaps,
.exec-confidence__improve {
  font-size: 12px;
  color: var(--color-amber-800);
  margin-bottom: 6px;
  line-height: 1.5;
}

.exec-confidence__gaps strong,
.exec-confidence__improve strong,
.exec-confidence__caveats strong {
  font-weight: 600;
  color: var(--color-amber-900);
}

.exec-confidence__caveats {
  font-size: 13px;
  color: var(--color-neutral-800);
  font-weight: 500;
  margin-top: 8px;
  padding-top: 10px;
  border-top: 1px dashed var(--color-amber-300);
}

.exec-boundary {
  margin-top: 16px;
  padding: 12px;
  background: var(--color-surface-tertiary);
  border-radius: 6px;
  border: 1px dashed var(--color-neutral-300);
  text-align: center;
  font-size: 11px;
  color: var(--color-neutral-400);
}