/* Compact audit workspace: one toolbar, a continuous event table, and an on-demand inspector. */
.portal-page #panel-audit-trail.audit-trail-page { padding: 0; background: var(--skin-surface,#fff); }
.portal-page #panel-audit-trail.audit-trail-page.active { min-height: 0; }
.portal-page #panel-audit-trail .audit-trail-page__layout { display: flex; flex: 1; min-width: 0; min-height: 0; overflow: hidden; }
.portal-page #panel-audit-trail .audit-trail-page__main { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; font-family: var(--skin-font,var(--cc-font-alt, Montserrat, sans-serif)); }
.portal-page #panel-audit-trail .audit-trail-toolbar { display: flex; align-items: center; flex: none; gap: .65rem; padding: .8rem 1.4rem; border-bottom: 1px solid var(--skin-border,#e2e6ec); overflow-x: auto; }
.portal-page #panel-audit-trail .audit-trail-search { display: flex; align-items: center; gap: .7rem; height: 2.95rem; flex: 1 0 16rem; max-width: 27rem; padding: 0 .9rem; border: 1px solid var(--skin-border,#d8dfe8); border-radius: var(--skin-radius,10px); color: var(--skin-muted,#768495); }
.portal-page #panel-audit-trail .audit-trail-search svg { width: 1.25rem; height: 1.25rem; flex: none; }
.portal-page #panel-audit-trail .audit-trail-search input { border: 0; outline: 0; min-width: 0; width: 100%; height: 100%; padding: 0; background: transparent; font: inherit; font-size: .85rem; color: var(--skin-text,#374552); box-shadow: none; }
.portal-page #panel-audit-trail .audit-trail-filter { flex: 0 0 auto; width: 10.5rem; height: 2.95rem; border: 1px solid var(--skin-border,#d8dfe8); border-radius: var(--skin-radius,10px); padding: 0 .75rem; background-color: var(--skin-surface,#fff); color: var(--skin-text,#374552); font: inherit; font-size: .8rem; text-overflow: ellipsis; }
.portal-page #panel-audit-trail .audit-trail-select { position: relative; display: flex; flex: none; margin: 0; }
.portal-page #panel-audit-trail .audit-trail-select > svg { position: absolute; left: .8rem; top: .9rem; width: 1.15rem; height: 1.15rem; color: var(--skin-muted,#7b8998); pointer-events: none; }
.portal-page #panel-audit-trail .audit-trail-select select { padding-left: 2.5rem; }
.portal-page #panel-audit-trail .audit-trail-actions { display: flex; align-items: center; gap: .6rem; margin-left: auto; flex: none; }
.portal-page #panel-audit-trail .audit-trail-icon-btn { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 2.95rem; height: 2.95rem; padding: 0; border: 1px solid var(--skin-border,#d8dee7); border-radius: var(--skin-radius,10px); color: var(--skin-text,#273540); background: var(--skin-surface,#fff); cursor: pointer; box-shadow: none; }
.portal-page #panel-audit-trail .audit-trail-icon-btn svg { width: 1.4rem; height: 1.4rem; }
.portal-page #panel-audit-trail .audit-trail-icon-btn:hover:not(:disabled) { background: var(--skin-surface-muted,#fff4ed); border-color: var(--skin-accent-hover,#e4410d); color: var(--skin-accent-hover,#e4410d); }
.portal-page #panel-audit-trail #audit-export-btn { background: var(--skin-strong,#26323d); color: var(--skin-on-strong,#fff); border-color: var(--skin-border-strong,#26323d); }
.portal-page #panel-audit-trail button:disabled { opacity: .45; cursor: not-allowed; }
.portal-page #panel-audit-trail [hidden] { display: none; }
.portal-page #panel-audit-trail .audit-trail-sr-only,
.portal-page #panel-audit-trail .audit-feed-status:not([data-state=error]) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.portal-page #panel-audit-trail .audit-feed-status[data-state=error] { order: 1; flex: none; margin: .6rem 1.4rem 0; color: var(--skin-danger,#a72d27); font-size: .75rem; }
.portal-page #panel-audit-trail .audit-trail-table-wrap { order: 2; flex: 1; min-height: 0; margin: .75rem 1.4rem 0; overflow: auto; border: 1px solid var(--skin-border,#e0e5eb); border-radius: var(--skin-radius,12px); background: var(--skin-surface,#fff); }
.portal-page #panel-audit-trail .audit-trail-table { width: 100%; min-width: 1100px; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: .8rem; }
.portal-page #panel-audit-trail .audit-trail-table thead th { position: sticky; top: 0; z-index: 1; padding: .75rem 1.1rem; background: var(--skin-surface-muted,#f7f8fa); border-bottom: 1px solid var(--skin-border,#e8edf2); color: var(--skin-muted,#768495); font-size: .66rem; font-weight: 600; letter-spacing: .045em; line-height: 1.4; text-align: left; text-transform: uppercase; }
.portal-page #panel-audit-trail .audit-trail-table th:nth-child(1) { width: 10.5rem; }
.portal-page #panel-audit-trail .audit-trail-table th:nth-child(2) { width: 27%; }
.portal-page #panel-audit-trail .audit-trail-table th:nth-child(3) { width: 25%; }
.portal-page #panel-audit-trail .audit-trail-table th:nth-child(4) { width: 15%; }
.portal-page #panel-audit-trail .audit-trail-table th:last-child { width: 3.5rem; }
.portal-page #panel-audit-trail .audit-trail-row { cursor: pointer; }
.portal-page #panel-audit-trail .audit-trail-row td { height: 3.75rem; padding: .55rem 1.1rem; border-bottom: 1px solid var(--skin-border,#edf0f4); vertical-align: middle; color: var(--skin-text,#38424c); }
.portal-page #panel-audit-trail .audit-trail-row:last-child td { border-bottom: 0; }
.portal-page #panel-audit-trail .audit-trail-row:hover td { background: var(--skin-surface-muted,#fafbfc); }
.portal-page #panel-audit-trail .audit-trail-row.is-selected td { background: var(--skin-surface-muted,#fff8f3); }
.portal-page #panel-audit-trail .audit-trail-row.is-selected td:first-child { box-shadow: inset 3px 0 #e4410d; }
.portal-page #panel-audit-trail .audit-trail-row strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .82rem; line-height: 1.5; font-weight: 600; }
.portal-page #panel-audit-trail .audit-trail-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--skin-muted,#7e8b9a); font-size: .7rem; line-height: 1.6; }
.portal-page #panel-audit-trail .audit-trail-row .audit-trail-time { color: var(--skin-muted,#637282); font-size: .73rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.portal-page #panel-audit-trail .audit-trail-cell-copy { min-width: 0; }
.portal-page #panel-audit-trail .audit-trail-activity,
.portal-page #panel-audit-trail .audit-trail-actor { display: flex; align-items: center; gap: .7rem; min-width: 0; }
.portal-page #panel-audit-trail .audit-trail-activity__icon { width: 2.15rem; height: 2.15rem; border-radius: var(--skin-radius,10px); display: inline-flex; align-items: center; justify-content: center; flex: none; }
.portal-page #panel-audit-trail .audit-trail-activity__icon svg { width: 1.2rem; height: 1.2rem; }
.portal-page #panel-audit-trail .audit-trail-activity__icon--success { background: var(--skin-surface-muted,#edf7f2); color: var(--skin-success,#288767); }
.portal-page #panel-audit-trail .audit-trail-activity__icon--edit { background: var(--skin-surface-muted,#fff0e5); color: var(--skin-accent,#d26022); }
.portal-page #panel-audit-trail .audit-trail-activity__icon--error { background: var(--skin-surface-muted,#ffeded); color: var(--skin-danger,#cc5050); }
.portal-page #panel-audit-trail .audit-trail-activity__icon--neutral { background: var(--skin-surface-muted,#eef2f6); color: var(--skin-muted,#596776); }
.portal-page #panel-audit-trail .audit-trail-creative strong { font-weight: 500; }
.portal-page #panel-audit-trail .audit-trail-area { display: inline-block; max-width: 100%; padding: .2rem .45rem; border: 1px solid var(--skin-border,#e3e7ec); border-radius: var(--skin-radius,5px); background: var(--skin-surface-muted,#fafbfc); color: var(--skin-muted,#637282); font-size: .68rem; overflow-wrap: anywhere; }
.portal-page #panel-audit-trail .audit-trail-actor__avatar { width: 2rem; height: 2rem; border-radius: 50%; background: var(--skin-surface-muted,#edf0f5); color: var(--skin-muted,#66768b); display: inline-flex; align-items: center; justify-content: center; font-size: .72rem; flex: none; }
.portal-page #panel-audit-trail .audit-trail-row .audit-trail-open { padding: 0 .65rem; }
.portal-page #panel-audit-trail .audit-trail-open .audit-trail-icon-btn { width: 2rem; height: 2rem; border-color: transparent; color: var(--skin-muted,#97a3b1); background: transparent; border-radius: var(--skin-radius,7px); }
.portal-page #panel-audit-trail .audit-trail-open svg { width: 1rem; height: 1rem; }
.portal-page #panel-audit-trail .is-selected .audit-trail-open button { background: var(--skin-surface,#fff); border-color: var(--skin-border,#f1d7c7); color: var(--skin-accent,#e4410d); }
.portal-page #panel-audit-trail .audit-trail-empty { padding: 2.5rem 1rem; text-align: center; color: var(--skin-muted,#7e8b9a); font-size: .82rem; }
.portal-page #panel-audit-trail .audit-trail-pagination { order: 3; display: flex; align-items: center; justify-content: space-between; flex: none; gap: .75rem; padding: .7rem 1.4rem; color: var(--skin-muted,#7e8b9a); font-size: .7rem; }
.portal-page #panel-audit-trail .audit-trail-pagination__actions { display: flex; align-items: center; gap: .55rem; }
.portal-page #panel-audit-trail .audit-trail-pagination .audit-trail-icon-btn { width: 1.9rem; height: 1.9rem; border-radius: var(--skin-radius,7px); }
.portal-page #panel-audit-trail .audit-trail-pagination svg { width: 1rem; height: 1rem; }
.portal-page #panel-audit-trail :is(button, select, input):focus-visible { outline: 2px solid var(--skin-accent,#be4618); outline-offset: 2px; }
.portal-page #panel-audit-trail .audit-trail-search:focus-within { outline: 2px solid var(--skin-accent,#be4618); outline-offset: 2px; }

.portal-page #panel-audit-trail .audit-trail-detail {
  width: min(320px, 38vw);
  flex-shrink: 0;
  border-left: 1px solid var(--skin-border,#e8edf2);
  background: var(--skin-surface,#fff);
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.portal-page #panel-audit-trail .audit-trail-detail[hidden] {
  display: none;
}

.portal-page #panel-audit-trail .audit-trail-detail__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.85rem 1rem 0.65rem;
  border-bottom: 1px solid var(--skin-border,#e8edf2);
}

.portal-page #panel-audit-trail .audit-trail-detail__header h3 {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--skin-text,#1f2933);
}

.portal-page #panel-audit-trail .audit-trail-detail__close {
  border: 0;
  background: none;
  color: var(--skin-muted,#8a95a3);
  cursor: pointer;
  padding: 0.2rem;
  line-height: 1;
}

.portal-page #panel-audit-trail .audit-trail-detail__close svg {
  width: 1rem;
  height: 1rem;
}

.portal-page #panel-audit-trail .audit-trail-detail__body {
  flex: 1;
  overflow: auto;
  padding: 0.85rem 1rem 1rem;
}

.portal-page #panel-audit-trail .audit-trail-detail__summary {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
  margin-bottom: 0.85rem;
}

.portal-page #panel-audit-trail .audit-trail-detail__summary h4 {
  margin: 0 0 0.2rem;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--skin-text,#1f2933);
}

.portal-page #panel-audit-trail .audit-trail-detail__summary time {
  font-size: 0.68rem;
  color: var(--skin-muted,#8a95a3);
}

.portal-page #panel-audit-trail .audit-trail-detail__meta {
  display: grid;
  grid-template-columns: 4.5rem 1fr;
  gap: 0.45rem 0.65rem;
  font-size: 0.72rem;
  margin-bottom: 0.85rem;
}

.portal-page #panel-audit-trail .audit-trail-detail__meta dt {
  margin: 0;
  color: var(--skin-muted,#8a95a3);
}

.portal-page #panel-audit-trail .audit-trail-detail__meta dd {
  margin: 0;
  color: var(--skin-text,#38424c);
}

.portal-page #panel-audit-trail .audit-trail-detail__meta a {
  color: var(--skin-info,#2f6fed);
  text-decoration: none;
}

.portal-page #panel-audit-trail .audit-trail-detail__changes-title {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--skin-muted,#596776);
  margin: 0 0 0.45rem;
}

.portal-page #panel-audit-trail .audit-trail-change {
  margin-bottom: 0.65rem;
}

.portal-page #panel-audit-trail .audit-trail-change__label {
  font-size: 0.68rem;
  color: var(--skin-muted,#8a95a3);
  margin-bottom: 0.25rem;
}

.portal-page #panel-audit-trail .audit-trail-change__values {
  display: grid;
  gap: 0.25rem;
}

.portal-page #panel-audit-trail .audit-trail-change__value {
  font-size: 0.72rem;
  padding: 0.35rem 0.45rem;
  border-radius: var(--skin-radius,4px);
  background: var(--skin-surface-muted,#f5f7f9);
  color: var(--skin-muted,#596776);
}

.portal-page #panel-audit-trail .audit-trail-change__value--after {
  background: var(--skin-surface-muted,#e8f5ec);
  color: var(--skin-success,#2e5c3e);
}

.portal-page #panel-audit-trail .audit-trail-detail__technical {
  margin-top: 0.75rem;
  border-top: 1px solid var(--skin-border,#e8edf2);
  padding-top: 0.55rem;
}

.portal-page #panel-audit-trail .audit-trail-detail__technical summary {
  font-size: 0.72rem;
  color: var(--skin-muted,#596776);
  cursor: pointer;
  list-style: none;
}

.portal-page #panel-audit-trail .audit-trail-detail__technical summary::-webkit-details-marker {
  display: none;
}

.portal-page #panel-audit-trail .audit-trail-detail__technical pre {
  margin: 0.55rem 0 0;
  padding: 0.55rem;
  background: var(--skin-surface-muted,#f5f7f9);
  border-radius: var(--skin-radius,4px);
  font-size: 0.62rem;
  overflow: auto;
  max-height: 180px;
}

.portal-page #panel-audit-trail .audit-trail-detail__footer {
  padding: 0.65rem 1rem;
  border-top: 1px solid var(--skin-border,#e8edf2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.68rem;
  color: var(--skin-muted,#8a95a3);
}

.portal-page #panel-audit-trail .audit-trail-detail__event-id {
  font-family: ui-monospace, Consolas, monospace;
  color: var(--skin-muted,#596776);
}

.portal-page #panel-audit-trail .audit-trail-detail__copy {
  border: 0;
  background: none;
  color: var(--skin-muted,#596776);
  cursor: pointer;
  padding: 0.15rem;
}

.portal-page #panel-audit-trail .audit-trail-detail__copy svg {
  width: 0.85rem;
  height: 0.85rem;
}

.portal-page #panel-audit-trail .audit-trail-reference-dialog {
  border: 0;
  border-radius: var(--skin-radius,8px);
  padding: 0;
  max-width: min(720px, 92vw);
  width: 100%;
  box-shadow: 0 12px 40px rgba(20, 30, 45, 0.18);
}

.portal-page #panel-audit-trail .audit-trail-reference-dialog::backdrop {
  background: var(--skin-overlay,rgba(15, 23, 42, 0.35));
}

.portal-page #panel-audit-trail .audit-trail-reference-dialog__inner {
  padding: 1rem 1.15rem 1.15rem;
}

.portal-page #panel-audit-trail .audit-trail-reference-dialog__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.portal-page #panel-audit-trail .audit-trail-reference-dialog__head h3 {
  margin: 0;
  font-size: 0.95rem;
}


.portal-page #panel-audit-trail .audit-trail-detail { width: min(360px, 32vw); box-shadow: -5px 0 20px #23304406; }
.portal-page #panel-audit-trail .audit-trail-detail__meta dd,
.portal-page #panel-audit-trail .audit-trail-detail__event-id { overflow-wrap: anywhere; min-width: 0; }
@media (max-width: 960px) {
  .portal-page #panel-audit-trail .audit-trail-page__layout { position: relative; }
  .portal-page #panel-audit-trail .audit-trail-detail { position: absolute; inset: 0 0 0 auto; z-index: 3; width: min(360px, 95%); box-shadow: -5px 0 20px #23304420; }
  .portal-page #panel-audit-trail .audit-trail-toolbar { padding: .65rem .8rem; }
  .portal-page #panel-audit-trail .audit-trail-table-wrap { margin: .65rem .8rem 0; }
  .portal-page #panel-audit-trail .audit-trail-pagination { padding: .65rem .8rem; }
}