/* SYNAPSE — audit, moderation & resource indicators (Phase 7, additive
   stylesheet). Charte variables from styles.css :root. */

.audit-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: .6rem;
}

.audit-kpi {
  border: 1px solid var(--line, #2A2E33);
  background: var(--graphite, #101214);
  padding: .8rem .9rem;
  display: grid;
  gap: .3rem;
}

.audit-kpi strong {
  color: var(--white, #F4F6F8);
  font-size: 1.15rem;
  font-family: var(--ff-mono, monospace);
}

.audit-kpi span {
  font-size: .64rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--text-3, #5e646d);
  font-family: var(--ff-mono, monospace);
}

.audit-badge {
  display: inline-block;
  font-family: var(--ff-mono, monospace);
  font-size: .56rem;
  letter-spacing: .1em;
  padding: .14rem .4rem;
  border: 1px solid currentColor;
  margin-left: .35rem;
}

.audit-badge--good { color: var(--accent-good, #7da77b); background: rgba(125, 167, 123, .08); }
.audit-badge--mid  { color: var(--accent-blue, #6EA8FF); background: rgba(110, 168, 255, .08); }
.audit-badge--warn { color: var(--accent-amber, #D6A64F); background: rgba(214, 166, 79, .08); }
.audit-badge--bad  { color: var(--accent-bad, #b04848);  background: rgba(176, 72, 72, .1); }

.audit-res {
  font-family: var(--ff-mono, monospace);
  font-size: .6rem;
  color: var(--text-3, #5e646d);
  margin-left: .35rem;
  white-space: nowrap;
}

.audit-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .74rem;
}

.audit-table th {
  font-family: var(--ff-mono, monospace);
  font-size: .6rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--text-3, #5e646d);
  text-align: left;
  padding: .4rem .55rem;
  border-bottom: 1px solid var(--line-strong, #3a3f47);
}

.audit-table td {
  padding: .45rem .55rem;
  border-bottom: 1px solid var(--line, #2A2E33);
  color: var(--text-2, #8D949E);
}

.audit-table td:first-child {
  color: var(--white, #F4F6F8);
}