/* =====================================================================
   TRUST COMPONENTS — ProvenanceChip and AudioTrust.

   Design handoff, 1 October 2026, phase 1. Identical copy in
   web/admin/assets/css/trust.css (checked by scripts/check-design-sync.py).

   ProvenanceChip: one state word, one colour, everywhere.
   AudioTrust: three kinds of sound that must never look alike —
     human   solid green, the ONLY one presented as Dazaga;
     machine dashed indigo, synthetic or interface, never Dazaga;
     absent  dashed, faded, inactive — the absence is shown, not hidden.
   ===================================================================== */

.prov {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 4px 9px;
  border-radius: 999px;
  white-space: nowrap;
  line-height: 1;
}
.prov::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.prov--ok  { color: var(--ok);         background: var(--ok-tint); }
.prov--warn{ color: var(--warn);       background: var(--warn-tint); }
.prov--dng { color: var(--danger);     background: var(--danger-tint); }
.prov--mac { color: var(--machine);    background: var(--machine-tint); }
.prov--och { color: var(--ochre-deep); background: var(--ochre-tint); }
.prov--ind { color: var(--indigo);     background: var(--indigo-tint); }
.prov--neu { color: var(--ink-2);      background: var(--surface-3); }
[dir="rtl"] .prov { letter-spacing: 0; text-transform: none; }

.aud {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  margin-top: 8px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: var(--surface);
  max-width: 440px;
}
.aud__play {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  flex: none;
  display: grid;
  place-items: center;
  border: none;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
}
.aud__play:focus-visible { outline: 3px solid var(--ochre); outline-offset: 2px; }
.aud__text { min-width: 0; }
.aud__label { font-size: 13px; font-weight: 600; }
.aud__sub { font-size: 11.5px; color: var(--ink-3); }

.aud--human { border-color: color-mix(in srgb, var(--ok) 40%, var(--line)); }
.aud--human .aud__play { background: var(--ok); }
.aud--human .aud__label { color: var(--ok); }

.aud--machine {
  border-style: dashed;
  border-color: color-mix(in srgb, var(--machine) 45%, var(--line));
}
.aud--machine .aud__play { background: var(--machine); }
.aud--machine .aud__label { color: var(--machine); }

.aud--absent { border-style: dashed; opacity: 0.85; }
.aud--absent .aud__play {
  background: var(--surface-3);
  color: var(--ink-3);
  cursor: not-allowed;
}

.aud[data-state="playing"] .aud__play { box-shadow: 0 0 0 4px var(--ok-tint); }

/* Dazaga in Latin letters stays left-to-right inside an Arabic page. */
.daza-ltr { direction: ltr; unicode-bidi: isolate; font-family: var(--font-daza); }