.page-intro {
  max-width: 720px;
  margin: 8px 0 0;
  color: var(--muted, #667085);
}

.role-label {
  margin-top: 12px;
}

.audit-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}

.audit-filter-panel {
  margin-bottom: 20px;
}

.panel-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.panel-heading h2 {
  margin-top: 0;
}

.audit-filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.audit-filters label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 0.88rem;
  font-weight: 600;
}

.audit-filters input,
.audit-filters select {
  width: 100%;
  min-height: 42px;
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 9px;
  background: #fff;
  padding: 9px 11px;
  font: inherit;
}

.filter-actions {
  display: flex;
  align-items: end;
  gap: 10px;
}

.audit-message {
  min-height: 20px;
  margin: 14px 0 0;
  color: #667085;
}

.audit-events {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.audit-event {
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  padding: 15px;
  background: #fff;
}

.audit-event-header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.audit-event-title {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.audit-event-title strong {
  overflow-wrap: anywhere;
}

.audit-outcome {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  background: #f2f4f7;
}

.audit-event-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 10px;
  color: #667085;
  font-size: 0.84rem;
}

.audit-event details {
  margin-top: 12px;
}

.audit-event summary {
  cursor: pointer;
  font-weight: 600;
}

.audit-event pre {
  overflow: auto;
  margin: 10px 0 0;
  padding: 12px;
  border-radius: 8px;
  background: #f8fafc;
  font-size: 0.78rem;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.audit-empty {
  padding: 28px 10px;
  text-align: center;
  color: #667085;
}

.audit-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 20px;
}

.summary-list {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.summary-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid #eaecf0;
  padding: 9px 0;
}

.summary-row:last-child {
  border-bottom: 0;
}

.summary-row span {
  overflow-wrap: anywhere;
}

.summary-row strong {
  flex: 0 0 auto;
}

@media (max-width: 1000px) {
  .audit-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .audit-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .audit-metrics,
  .audit-filters,
  .audit-detail-grid {
    grid-template-columns: 1fr;
  }

  .panel-heading,
  .audit-event-header {
    flex-direction: column;
  }

  .filter-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

/* =========================================================
   Aethelis Audit Center — unified cosmic enterprise theme
   ========================================================= */

.workspace-content .panel,
.audit-filter-panel,
.audit-detail-panel {
  position: relative;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(166, 76, 255, .12),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      rgba(31, 20, 52, .94),
      rgba(15, 11, 29, .97)
    ) !important;

  border: 1px solid rgba(191, 130, 255, .23) !important;
  border-radius: 20px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 18px 45px rgba(4,2,16,.22);
}

.audit-metrics > *,
.audit-event {
  background:
    linear-gradient(
      135deg,
      rgba(47,30,73,.66),
      rgba(24,17,42,.76)
    ) !important;

  border: 1px solid rgba(190,132,255,.18) !important;
  border-radius: 14px !important;
}

#audit-filter-form input,
#audit-filter-form select,
#audit-filter-form textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 46px;
  padding: .72rem .9rem;

  color: #faf6ff !important;

  background:
    linear-gradient(
      135deg,
      rgba(40,25,65,.97),
      rgba(20,14,37,.98)
    ) !important;

  border: 1px solid rgba(191,130,255,.34) !important;
  border-radius: 12px !important;

  outline: none;
  color-scheme: dark;
}

#audit-filter-form select option {
  background: #21152f;
  color: #faf6ff;
}

#audit-filter-form input:focus,
#audit-filter-form select:focus,
#audit-filter-form textarea:focus {
  border-color: rgba(228,160,255,.9) !important;

  box-shadow:
    0 0 0 3px rgba(180,89,255,.14),
    0 0 25px rgba(220,72,204,.1);
}

#audit-filter-form button,
#audit-export,
.audit-filter-panel button {
  min-height: 44px;
  padding: .7rem 1.1rem;

  color: #fff !important;
  font: inherit;
  font-weight: 750;

  background:
    linear-gradient(
      135deg,
      #7657ff 0%,
      #a54cff 52%,
      #df47ce 100%
    ) !important;

  border: 1px solid rgba(238,195,255,.36) !important;
  border-radius: 12px !important;

  box-shadow:
    0 8px 24px rgba(116,64,255,.22);

  cursor: pointer;
}

#audit-message:not(:empty) {
  padding: 11px 13px;

  color: rgba(238,228,250,.78);

  background: rgba(143,83,255,.055);
  border: 1px solid rgba(168,113,255,.16);
  border-radius: 10px;
}

.audit-outcome {
  color: #dcbcff !important;
  background: rgba(150,84,221,.12) !important;
  border-color: rgba(201,148,255,.3) !important;
}

.workspace-nav a.active {
  position: relative;
}

.workspace-nav a.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22%;
  bottom: 22%;
  width: 2px;
  border-radius: 4px;

  background:
    linear-gradient(180deg, #a56cff, #ec7bd8);
}

/* =========================================================
   Audit Center — final Aethelis workspace correction
   ========================================================= */

.workspace-body {
  color: #f7f1ff;
}

.workspace-body .page-intro {
  color: rgba(232, 223, 245, .68);
}

.workspace-body .audit-metrics .metric {
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(173, 86, 255, .10),
      transparent 42%
    ),
    linear-gradient(
      145deg,
      rgba(31, 20, 52, .94),
      rgba(15, 11, 29, .97)
    ) !important;

  border: 1px solid rgba(191,130,255,.22) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 14px 35px rgba(4,2,16,.16);
}

.workspace-body .audit-metrics .metric small {
  color: rgba(221,207,239,.62);
}

.workspace-body .audit-metrics .metric strong {
  color: #fff;
}

.workspace-body .audit-filter-panel,
.workspace-body .audit-detail-grid .panel,
.workspace-body .workspace-content > .panel {
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(166,76,255,.11),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      rgba(31,20,52,.94),
      rgba(15,11,29,.97)
    ) !important;

  border: 1px solid rgba(191,130,255,.22) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 18px 45px rgba(4,2,16,.2);
}

.workspace-body .audit-filters label {
  color: rgba(245,239,255,.82);
}

.workspace-body .audit-filters input,
.workspace-body .audit-filters select {
  color: #faf6ff !important;

  background:
    linear-gradient(
      135deg,
      rgba(40,25,65,.97),
      rgba(20,14,37,.98)
    ) !important;

  border-color: rgba(191,130,255,.34) !important;

  color-scheme: dark;
}

.workspace-body .audit-filters input::placeholder {
  color: rgba(225,214,240,.4);
}

.workspace-body .audit-filters select option {
  color: #faf6ff;
  background: #21152f;
}

.workspace-body .audit-event {
  color: #f5efff;

  background:
    linear-gradient(
      135deg,
      rgba(47,30,73,.68),
      rgba(24,17,42,.78)
    ) !important;

  border-color: rgba(190,132,255,.2) !important;
}

.workspace-body .audit-event-meta,
.workspace-body .audit-empty {
  color: rgba(225,214,240,.62);
}

.workspace-body .audit-event pre {
  color: #eadfff;
  background: rgba(8,5,17,.72);
  border: 1px solid rgba(190,132,255,.13);
}

.workspace-body .summary-row {
  border-bottom-color: rgba(190,132,255,.13);
}

.workspace-body .summary-row span {
  color: rgba(231,220,245,.72);
}

.workspace-body #export-evidence,
.workspace-body #clear-filters,
.workspace-body #audit-filter-form button {
  color: #fff !important;

  background:
    linear-gradient(
      135deg,
      #7657ff 0%,
      #a54cff 52%,
      #df47ce 100%
    ) !important;

  border: 1px solid rgba(238,195,255,.36) !important;

  box-shadow:
    0 8px 24px rgba(116,64,255,.22);
}

.workspace-body #audit-signout {
  color: #fff !important;

  background:
    linear-gradient(
      135deg,
      #7657ff,
      #a54cff 52%,
      #df47ce
    ) !important;

  border: 1px solid rgba(238,195,255,.36) !important;
  border-radius: 11px !important;
}


/* Audit Center — final visual alignment */

.workspace-body .workspace-heading .eyebrow {
  color: #d89cff;
  font-weight: 800;
  letter-spacing: .13em;
}

.workspace-body .workspace-heading h1 {
  color: #fff;
}

.workspace-body .page-intro,
.workspace-body .panel-intro {
  color: rgba(230, 217, 244, .68);
}

.workspace-body .audit-metrics .metric,
.workspace-body .audit-filter-panel,
.workspace-body .workspace-content > .panel,
.workspace-body .audit-detail-grid > .panel {
  background:
    radial-gradient(
      circle at 95% 0%,
      rgba(180, 72, 236, .11),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      rgba(24, 13, 32, .92),
      rgba(14, 8, 20, .90)
    ) !important;

  border: 1px solid rgba(209, 137, 255, .20) !important;
  border-radius: 18px !important;

  box-shadow:
    0 18px 50px rgba(0, 0, 0, .16),
    inset 0 1px 0 rgba(255, 255, 255, .03);

  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
}

.workspace-body .audit-metrics .metric small {
  color: rgba(217, 198, 232, .65);
}

.workspace-body .audit-metrics .metric strong,
.workspace-body .panel-heading h2,
.workspace-body .audit-detail-grid h2 {
  color: #fff;
}


/* Audit controls + results */

.workspace-body .audit-filters label {
  color: rgba(239, 228, 248, .82);
}

.workspace-body .audit-filters input,
.workspace-body .audit-filters select {
  min-height: 46px;
  color: #f8efff !important;
  background: rgba(20, 12, 31, .96) !important;
  border: 1px solid rgba(196, 124, 255, .30) !important;
  border-radius: 11px !important;
  color-scheme: dark;
}

.workspace-body .audit-filters input:focus,
.workspace-body .audit-filters select:focus {
  outline: none;
  border-color: #d78cff !important;
  box-shadow: 0 0 0 3px rgba(181, 76, 255, .12);
}

.workspace-body .audit-filters select option {
  background: #21152f;
  color: #fff;
}

.workspace-body #audit-filter-form button,
.workspace-body #export-evidence,
.workspace-body #clear-filters,
.workspace-body #audit-signout {
  color: #fff !important;
  font-weight: 750;
  background: linear-gradient(
    135deg,
    #7c4dff,
    #b54cff 52%,
    #ee4dff
  ) !important;
  border: 1px solid rgba(238, 77, 255, .42) !important;
  border-radius: 11px !important;
  box-shadow: 0 7px 22px rgba(181, 76, 255, .17);
}

.workspace-body .audit-event {
  color: #f5efff;
  background: rgba(20, 12, 31, .82) !important;
  border: 1px solid rgba(194, 126, 255, .18) !important;
  border-radius: 14px !important;
}

.workspace-body .audit-event-meta,
.workspace-body .audit-empty {
  color: rgba(218, 203, 232, .65);
}

.workspace-body .audit-outcome {
  color: #e8c8ff !important;
  background: rgba(181, 76, 255, .12) !important;
}

.workspace-body .audit-event pre {
  color: #e9ddf4;
  background: rgba(7, 4, 12, .70) !important;
  border: 1px solid rgba(196, 124, 255, .14);
}

.workspace-body .summary-row {
  border-bottom-color: rgba(202, 132, 255, .14);
}

/* =========================================================
   AETHELIS AUDIT CENTER — PORTAL PURPLE MATCH

   Page-specific Audit Center styles load after workspace.css.
   These rules intentionally use the shared Environments/
   portal tokens so Audit Center visually matches Watch,
   Environments and the rest of the authenticated workspace.
   Layout and behavior are unchanged.
   ========================================================= */


/* ---------- Main Audit Center surfaces ---------- */

.workspace-body .audit-filter-panel,
.workspace-body .audit-history-panel,
.workspace-body .audit-detail-panel,
.workspace-body .audit-summary-panel,
.workspace-body .audit-analytics-panel {
  color: #faf6ff !important;

  background:
    var(--environment-panel) !important;

  border:
    1px solid
    var(--environment-panel-border) !important;

  border-radius: 20px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 18px 45px rgba(4,2,16,.22),
    0 0 28px rgba(135,70,255,.04) !important;
}


/* ---------- Metric cards ---------- */

.workspace-body .audit-metrics .metric,
.workspace-body .audit-metrics > *,
.workspace-body .metric-card {
  color: #faf6ff !important;

  background:
    var(--environment-card) !important;

  border:
    1px solid
    var(--environment-card-border) !important;

  border-radius: 14px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 22px rgba(4,2,16,.12) !important;
}


/* ---------- Filter controls ---------- */

.workspace-body .audit-filters input,
.workspace-body .audit-filters select,
.workspace-body .audit-filters textarea,
.workspace-body #audit-filter-form input,
.workspace-body #audit-filter-form select,
.workspace-body #audit-filter-form textarea {
  color: #faf6ff !important;

  background:
    var(--environment-control) !important;

  border:
    1px solid
    var(--environment-control-border) !important;

  border-radius: 12px !important;

  color-scheme: dark;
}

.workspace-body .audit-filters label,
.workspace-body #audit-filter-form label {
  color:
    var(--environment-label) !important;
}

.workspace-body .audit-filters input:focus,
.workspace-body .audit-filters select:focus,
.workspace-body .audit-filters textarea:focus,
.workspace-body #audit-filter-form input:focus,
.workspace-body #audit-filter-form select:focus,
.workspace-body #audit-filter-form textarea:focus {
  outline: none !important;

  border-color:
    rgba(228,160,255,.90) !important;

  box-shadow:
    0 0 0 3px rgba(180,89,255,.14),
    0 0 25px rgba(220,72,204,.10) !important;
}


/* ---------- Primary actions ---------- */

.workspace-body #audit-filter-form button[type="submit"],
.workspace-body #export-evidence,
.workspace-body #audit-signout {
  color: #fff !important;

  background:
    var(--environment-button) !important;

  border:
    1px solid
    rgba(238,195,255,.36) !important;

  border-radius: 12px !important;

  box-shadow:
    0 8px 24px rgba(116,64,255,.22),
    0 0 20px rgba(223,71,206,.09) !important;
}


/* ---------- Secondary action ---------- */

.workspace-body #clear-filters {
  color: #f4eaff !important;

  background:
    rgba(55,37,70,.42) !important;

  border:
    1px solid
    rgba(184,143,224,.22) !important;

  border-radius: 12px !important;

  box-shadow: none !important;
}


/* ---------- Activity history ---------- */

.workspace-body .audit-event {
  color: #faf6ff !important;

  background:
    var(--environment-card) !important;

  border:
    1px solid
    var(--environment-card-border) !important;

  border-radius: 14px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 22px rgba(4,2,16,.12) !important;
}

.workspace-body .audit-event p,
.workspace-body .audit-event small,
.workspace-body .audit-event-meta {
  color:
    var(--environment-muted) !important;
}


/* ---------- Top event types / Actor activity ---------- */

.workspace-body .audit-detail-grid > *,
.workspace-body .audit-summary-grid > *,
.workspace-body .audit-breakdown,
.workspace-body .audit-actor-activity,
.workspace-body .audit-event-types {
  color: #faf6ff !important;

  background:
    var(--environment-card) !important;

  border:
    1px solid
    var(--environment-card-border) !important;

  border-radius: 14px !important;
}


/* ---------- Tables ---------- */

.workspace-body .audit-center table,
.workspace-body .audit-detail-grid table,
.workspace-body .audit-summary-grid table {
  color: #f5efff !important;

  background:
    var(--environment-card) !important;

  border:
    1px solid
    var(--environment-card-border) !important;
}


/* ---------- Empty / auth / loading states ---------- */

.workspace-body .audit-empty,
.workspace-body .audit-notice,
.workspace-body .audit-error,
.workspace-body #audit-status,
.workspace-body #audit-message:not(:empty) {
  color:
    var(--environment-muted) !important;

  background:
    var(--environment-card) !important;

  border:
    1px solid
    var(--environment-card-border) !important;

  border-radius: 14px !important;
}


/* ---------- Evidence ---------- */

.workspace-body .audit-event pre,
.workspace-body .audit-event code,
.workspace-body .audit-detail-panel pre,
.workspace-body .audit-detail-panel code {
  color: #eadfff !important;

  background:
    rgba(8,5,17,.78) !important;

  border:
    1px solid
    var(--environment-card-border) !important;
}


/* ---------- Administration tabs ---------- */

.workspace-body .workspace-area-tabs {
  background:
    var(--environment-card) !important;

  border:
    1px solid
    var(--environment-card-border) !important;

  border-radius: 14px !important;
}

.workspace-body .workspace-area-tabs a.active,
.workspace-body .workspace-area-tabs a[aria-current="page"] {
  color: #fff !important;

  background:
    var(--environment-button) !important;
}


/* ---------- Mobile presentation only ---------- */

@media (max-width: 760px) {
  .workspace-body .audit-filter-panel,
  .workspace-body .audit-history-panel,
  .workspace-body .audit-detail-panel,
  .workspace-body .audit-summary-panel,
  .workspace-body .audit-analytics-panel {
    border-radius: 20px !important;
  }

  .workspace-body #audit-filter-form input,
  .workspace-body #audit-filter-form select,
  .workspace-body #audit-filter-form textarea {
    font-size: 16px;
  }
}