/* web/modules/custom/easytax_documents/css/components/easytax-provenance.css
   Data-provenance panel for the Balance Sheet results: shows whether each key
   figure was read from a document (AI), estimated by the ratio engine, or typed
   by the user. Consumes the theme design tokens; every dimension is a 4px
   multiple per the project's spacing rule. */

.etd-prov {
  border: 1px solid var(--et-hairline, rgba(28, 53, 87, .12));
  border-radius: var(--et-radius-lg, 16px);
  background: #fff;
  padding: var(--et-space-6);
  margin: 0 0 var(--et-space-6);
  box-shadow: var(--et-shadow-rest);
}

.etd-prov__title {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--et-navy, #1C3557);
  margin: 0 0 var(--et-space-1);
}

.etd-prov__hint {
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--et-body-color, #45464F);
  margin: 0 0 var(--et-space-4);
}

.etd-prov__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  gap: var(--et-space-3);
}

.etd-prov__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--et-space-3);
  padding: var(--et-space-3) var(--et-space-4);
  border: 1px solid var(--et-hairline, rgba(28, 53, 87, .1));
  border-radius: var(--et-radius-sm, 12px);
  background: var(--et-surface-2, #F7F9FC);
}

.etd-prov__label {
  font-weight: 600;
  color: var(--et-navy, #1C3557);
}

.etd-prov__value {
  margin-left: auto;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  color: var(--et-heading-color, #0A0A0A);
}

/* ---- Badges ---- */
.etd-badge {
  display: inline-block;
  font-size: 0.6875rem; /* 11px — a UI label, so heavy positive tracking */
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: var(--et-space-1) var(--et-space-2);
  border-radius: var(--et-radius-pill, 9999px);
  line-height: 1.2;
}

.etd-badge--ai {
  background: var(--et-wash, #E8F5E9);
  color: #1D7044;
  border: 1px solid rgba(60, 185, 68, .4);
}

.etd-badge--estimated {
  background: #EEF1F5;
  color: #5B6472;
  border: 1px solid rgba(28, 53, 87, .18);
}

.etd-badge--user {
  background: rgba(28, 53, 87, .06);
  color: var(--et-navy, #1C3557);
  border: 1px solid rgba(28, 53, 87, .18);
}

/* ---- Auto-fill warnings ---- */
.etd-prov__notes {
  margin: var(--et-space-4) 0 0;
  padding: 0;
  list-style: none;
}
.etd-prov__note {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #8A5A00;
  background: #FFF6E5;
  border-radius: var(--et-radius-sm, 12px);
  padding: var(--et-space-2) var(--et-space-3);
  margin: 0 0 var(--et-space-2);
}

/* ---- Legend ---- */
.etd-prov__legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--et-space-4);
  margin: var(--et-space-4) 0 0;
  font-size: 0.8125rem;
  color: var(--et-body-color, #45464F);
}
.etd-prov__legend span { display: inline-flex; align-items: center; gap: var(--et-space-2); }