/**
 * Prompt 53B — Platform-Admin-SPECIFIC additions only. Everything
 * else (shell, cards, tables, badges, forms, buttons, empty/error
 * states) comes straight from @senviq/design-system — see
 * PLATFORM_ADMIN_VISUAL_CONVERGENCE_AUDIT.md's own "default rule".
 * Nothing in this file redefines a design-system token or class.
 */

/* ---- Environment badge (Part 3) — an intentional operator-only addition, expressed as a small pill, never a whole-page theme. ---- */
.pa-environment-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--senviq-fs-caption);
  font-weight: var(--senviq-fw-bold);
  letter-spacing: 0.04em;
  padding: 0.2rem 0.6rem;
  border-radius: var(--senviq-radius-sm);
  background: var(--senviq-warning-bg);
  color: var(--senviq-warning);
  border: 1px solid var(--senviq-warning-border);
  margin-bottom: var(--senviq-space-3);
  width: fit-content;
}

/* ---- Customer workspace header (Part 7/22) ---- */
.pa-workspace-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--senviq-space-4);
  margin-bottom: var(--senviq-space-5);
}
.pa-workspace-header__badges {
  display: flex;
  gap: var(--senviq-space-2);
  margin-top: var(--senviq-space-2);
  flex-wrap: wrap;
}

/* ---- Filter bar (Part 6) ---- */
.pa-filter-bar {
  display: flex;
  gap: var(--senviq-space-3);
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: var(--senviq-space-5);
}
.pa-filter-bar .senviq-search-field {
  min-width: 240px;
  flex: 1;
}
.pa-filter-chip {
  font-size: var(--senviq-fs-small);
  padding: 0.35rem 0.75rem;
  border-radius: var(--senviq-radius-pill);
  border: 1px solid var(--senviq-border-strong);
  background: var(--senviq-white);
  color: var(--senviq-navy);
  cursor: pointer;
}
.pa-filter-chip[aria-pressed='true'] {
  background: var(--senviq-blue-tint);
  border-color: var(--senviq-blue);
  color: var(--senviq-blue);
  font-weight: var(--senviq-fw-semibold);
}

/* ---- Customer directory row (Part 6) ---- */
.pa-customer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--senviq-space-4);
  padding: var(--senviq-space-4);
  border-radius: var(--senviq-radius-md);
  border: 1px solid var(--senviq-border);
  background: var(--senviq-surface);
  text-decoration: none;
  color: inherit;
  margin-bottom: var(--senviq-space-3);
}
.pa-customer-row:hover {
  border-color: var(--senviq-border-strong);
  background: var(--senviq-bg);
}
.pa-customer-row__meta {
  display: flex;
  gap: var(--senviq-space-2);
  margin-top: var(--senviq-space-1);
  flex-wrap: wrap;
  align-items: center;
}

/* ---- NTA check groups + expandable detail (Part 10) ---- */
.pa-nta-summary {
  display: flex;
  align-items: center;
  gap: var(--senviq-space-4);
  margin-bottom: var(--senviq-space-2);
}
.pa-nta-group + .pa-nta-group {
  margin-top: var(--senviq-space-6);
}
.pa-nta-group__heading {
  font-size: var(--senviq-fs-section-title);
  font-weight: var(--senviq-fw-semibold);
  color: var(--senviq-navy);
  margin: 0 0 var(--senviq-space-3);
}
.pa-nta-check {
  border: 1px solid var(--senviq-border);
  border-radius: var(--senviq-radius-md);
  margin-bottom: var(--senviq-space-2);
  background: var(--senviq-surface);
}
.pa-nta-check > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--senviq-space-4);
  padding: var(--senviq-space-3) var(--senviq-space-4);
  cursor: pointer;
  list-style: none;
  font-weight: var(--senviq-fw-medium);
}
.pa-nta-check > summary::-webkit-details-marker {
  display: none;
}
.pa-nta-check__body {
  padding: 0 var(--senviq-space-4) var(--senviq-space-4);
  border-top: 1px solid var(--senviq-border);
  font-size: var(--senviq-fs-small);
}
.pa-nta-check__body dt {
  font-weight: var(--senviq-fw-semibold);
  color: var(--senviq-navy);
  margin-top: var(--senviq-space-3);
}
.pa-nta-check__body dd {
  margin: 0.2rem 0 0;
  color: var(--senviq-muted);
}

/* ---- Documentation cards (Part 14) ---- */
.pa-doc-card {
  display: block;
  padding: var(--senviq-space-4);
  border: 1px solid var(--senviq-border);
  border-radius: var(--senviq-radius-md);
  text-decoration: none;
  color: inherit;
  margin-bottom: var(--senviq-space-3);
}
.pa-doc-card:hover {
  border-color: var(--senviq-border-strong);
  background: var(--senviq-bg);
}
.pa-doc-viewer {
  max-width: 720px;
  line-height: var(--senviq-lh-relaxed);
}
.pa-doc-viewer h1 {
  font-size: var(--senviq-fs-page-title);
}
.pa-doc-viewer h2 {
  font-size: var(--senviq-fs-section-title);
  margin-top: var(--senviq-space-6);
}

/* ---- Trusted delivery / NTA portfolio table cells ---- */
.pa-mono {
  font-size: var(--senviq-fs-caption);
  color: var(--senviq-muted);
}