.ni-data-trust {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: 2px;
  padding-top: 9px;
  border-top: 1px solid var(--color-border, #e5e7eb);
  color: var(--color-text-secondary, #5f6673);
  font-size: 12px;
}

.ni-data-trust summary {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 22px;
  cursor: pointer;
  list-style: none;
}

.ni-data-trust summary::-webkit-details-marker {
  display: none;
}

.ni-data-trust summary::after {
  content: "+";
  margin-left: auto;
  color: var(--color-text-muted, #7c8491);
  font-size: 15px;
  line-height: 1;
}

.ni-data-trust[open] summary::after {
  content: "−";
}

.ni-data-trust__level {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--color-text, #20242b);
  font-weight: 700;
  white-space: nowrap;
}

.ni-data-trust__level::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #5b6472;
  content: "";
}

.ni-data-trust__level--official::before {
  background: #16845b;
}

.ni-data-trust__level--editorial::before {
  background: #2563b8;
}

.ni-data-trust__source,
.ni-data-trust__age {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ni-data-trust__source::after {
  margin-left: 7px;
  color: var(--color-text-muted, #9298a2);
  content: "·";
}

.ni-data-trust--stale .ni-data-trust__age,
.ni-data-trust--stale .ni-data-trust__level {
  color: #a34f04;
}

.ni-data-trust--stale .ni-data-trust__level::before {
  background: #d97706;
}

.ni-data-trust--conflict .ni-data-trust__level,
.ni-data-trust--conflict .ni-data-trust__age {
  color: #b4232a;
}

.ni-data-trust--conflict .ni-data-trust__level::before {
  background: #c9363e;
}

.ni-data-trust__fields {
  display: grid;
  gap: 6px;
  margin-top: 9px;
  padding: 10px 12px;
  border-left: 2px solid var(--color-border, #dfe2e7);
  background: var(--color-bg, #fff);
}

.ni-data-trust__field {
  display: grid;
  grid-template-columns: minmax(110px, 0.32fr) minmax(0, 1fr);
  gap: 10px;
  line-height: 1.45;
}

.ni-data-trust__field strong {
  color: var(--color-text, #20242b);
}

.ni-data-trust__field.is-stale strong,
.ni-data-trust__field.is-stale span {
  color: #a34f04;
}

.ni-data-conflict {
  display: grid;
  gap: 3px;
  margin: 12px 0;
  padding: 11px 13px;
  border: 1px solid rgba(185, 38, 47, 0.32);
  border-left: 3px solid #b9262f;
  border-radius: 6px;
  background: rgba(185, 38, 47, 0.06);
  color: var(--color-text-secondary, #4f5661);
  font-size: 13px;
  line-height: 1.45;
}

.ni-data-conflict strong {
  color: #a51f28;
}

.ni-platform-row--stale {
  border-color: rgba(217, 119, 6, 0.3);
}

.ni-platform-row--quarantined {
  border-color: rgba(185, 38, 47, 0.32);
  background: rgba(185, 38, 47, 0.05);
}

.ni-data-quarantine-label {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 7px;
  border-radius: 4px;
  background: rgba(185, 38, 47, 0.1);
  color: #a51f28;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

[data-theme="dark"] .ni-data-trust {
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .ni-data-trust__level,
[data-theme="dark"] .ni-data-trust__field strong {
  color: #edf0f5;
}

[data-theme="dark"] .ni-data-trust__fields {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.025);
}

[data-theme="dark"] .ni-data-trust--stale .ni-data-trust__level,
[data-theme="dark"] .ni-data-trust--stale .ni-data-trust__age,
[data-theme="dark"] .ni-data-trust__field.is-stale strong,
[data-theme="dark"] .ni-data-trust__field.is-stale span {
  color: #f2b44f;
}

[data-theme="dark"] .ni-data-conflict {
  border-color: rgba(248, 113, 113, 0.28);
  border-left-color: #ef6a72;
  background: rgba(185, 38, 47, 0.12);
  color: #d8dce4;
}

[data-theme="dark"] .ni-data-conflict strong {
  color: #ff9aa0;
}

[data-theme="dark"] .ni-platform-row--quarantined {
  border-color: rgba(248, 113, 113, 0.28);
  background: rgba(185, 38, 47, 0.1);
}

[data-theme="dark"] .ni-data-quarantine-label {
  color: #ff9aa0;
}

@media (max-width: 640px) {
  .ni-data-trust summary {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .ni-data-trust__level {
    flex: 1 1 auto;
  }

  .ni-data-trust__source {
    max-width: 48%;
  }

  .ni-data-trust__age {
    flex: 1 0 100%;
    padding-left: 12px;
  }

  .ni-data-trust__source::after {
    content: "";
  }

  .ni-data-trust summary::after {
    position: absolute;
    right: 0;
  }

  .ni-data-trust summary {
    position: relative;
    padding-right: 20px;
  }

  .ni-data-trust__field {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}