:root {
  --ops-bg: #c9d5da;
  --ops-bg-2: #b8c7cd;
  --ops-surface: #f2f4f3;
  --ops-surface-2: #d8e4e4;
  --ops-ink: #172329;
  --ops-muted: #5f6d71;
  --ops-line: rgba(28, 50, 56, .15);
  --ops-orange: #c95f2d;
  --ops-orange-deep: #9d4522;
  --ops-teal: #236d73;
  --ops-blue: #4c7392;
  --ops-cream: #f4e7dc;
}

html.evidence-embed-explorer,
html.evidence-embed-explorer body {
  background: var(--ops-bg);
  color: var(--ops-ink);
}

.evidence-embed-explorer .evidence-vitrine-explorer {
  position: relative;
  overflow: hidden;
  color: var(--ops-ink);
  background:
    linear-gradient(116deg, rgba(35,109,115,.12) 0 18%, transparent 18% 100%),
    radial-gradient(circle at 84% 5%, rgba(76,115,146,.20), transparent 28rem),
    radial-gradient(circle at 12% 94%, rgba(201,95,45,.10), transparent 28rem),
    linear-gradient(145deg, #c3d0d5 0%, #dde5e7 50%, #c8d3d7 100%);
}

/* Strong visual signature: unmistakable in the carousel thumbnail without
   turning the demo fluorescent or playful. */
.evidence-embed-explorer .evidence-vitrine-explorer::before {
  content: '';
  position: absolute;
  z-index: 8;
  inset: 0 0 auto 0;
  height: 14px;
  background: linear-gradient(90deg, #c95f2d 0 46%, #e19a58 46% 66%, #236d73 66% 100%);
  box-shadow: 0 5px 18px rgba(91,57,39,.12);
  pointer-events: none;
}

.evidence-embed-explorer .vitrine-heading {
  padding-top: 18px;
}
.evidence-embed-explorer .vitrine-heading h2 {
  color: var(--ops-ink);
  font-family: var(--sans);
  font-weight: 620;
  letter-spacing: -.045em;
}
.evidence-embed-explorer .vitrine-heading > p {
  color: rgba(23,35,41,.62);
}
.evidence-embed-explorer .evidence-type,
.evidence-embed-explorer .detail-kicker {
  color: var(--ops-orange-deep);
}

.evidence-embed-explorer .explorer-shell {
  border-color: rgba(28,50,56,.18);
  border-top: 5px solid var(--ops-orange);
  background: var(--ops-surface);
  box-shadow: 0 30px 90px rgba(42,61,67,.16), inset 0 1px 0 rgba(255,255,255,.72);
}

.evidence-embed-explorer .explorer-sidebar {
  border-right-color: var(--ops-line);
  border-left: 6px solid var(--ops-teal);
  background:
    linear-gradient(180deg, rgba(255,255,255,.38), transparent 40%),
    #d3e3e3;
}
.evidence-embed-explorer .explorer-mark {
  border-color: rgba(35,109,115,.48);
  background:
    radial-gradient(circle, var(--ops-orange) 0 9%, transparent 11% 42%, rgba(35,109,115,.28) 43% 48%, transparent 50%),
    rgba(255,255,255,.55);
  box-shadow: 0 0 0 5px rgba(35,109,115,.07);
}
.evidence-embed-explorer .explorer-brand strong,
.evidence-embed-explorer .explorer-count b {
  color: var(--ops-ink);
}
.evidence-embed-explorer .explorer-brand small,
.evidence-embed-explorer .explorer-search span,
.evidence-embed-explorer .explorer-count span {
  color: rgba(23,35,41,.48);
}

.evidence-embed-explorer .explorer-search input {
  border-color: rgba(28,50,56,.16);
  background: rgba(255,255,255,.80);
  color: var(--ops-ink);
}
.evidence-embed-explorer .explorer-search input::placeholder { color: rgba(23,35,41,.36); }
.evidence-embed-explorer .explorer-search input:focus {
  border-color: rgba(201,95,45,.64);
  box-shadow: 0 0 0 3px rgba(201,95,45,.11);
}

.evidence-embed-explorer .explorer-filters button {
  color: rgba(23,35,41,.58);
}
.evidence-embed-explorer .explorer-filters button:hover {
  color: var(--ops-ink);
  background: rgba(35,109,115,.06);
}
.evidence-embed-explorer .explorer-filters button[aria-pressed="true"] {
  color: #7e351b;
  border-color: rgba(201,95,45,.30);
  background: rgba(201,95,45,.12);
}
.evidence-embed-explorer .explorer-count { border-top-color: var(--ops-line); }

.evidence-embed-explorer .explorer-table-head {
  border-bottom-color: rgba(35,109,115,.20);
  color: rgba(23,35,41,.50);
  background: linear-gradient(90deg, rgba(35,109,115,.16), rgba(76,115,146,.08));
}
.evidence-embed-explorer .explorer-row {
  border-bottom-color: rgba(28,50,56,.08);
  color: rgba(23,35,41,.70);
}
.evidence-embed-explorer .explorer-row:hover {
  background: rgba(35,109,115,.07);
  color: var(--ops-ink);
}
.evidence-embed-explorer .explorer-row[aria-pressed="true"] {
  background: linear-gradient(90deg, rgba(201,95,45,.14), rgba(35,109,115,.045));
  box-shadow: inset 4px 0 0 var(--ops-orange);
  color: var(--ops-ink);
}
.evidence-embed-explorer .explorer-row:focus-visible { outline-color: var(--ops-orange); }
.evidence-embed-explorer .record-id { color: var(--ops-orange-deep); }
.evidence-embed-explorer .record-title small,
.evidence-embed-explorer .record-type,
.evidence-embed-explorer .record-status { color: rgba(23,35,41,.48); }
.evidence-embed-explorer .record-status i { background: rgba(23,35,41,.22); }
.evidence-embed-explorer .record-status-active i { background: var(--ops-teal); box-shadow: none; }
.evidence-embed-explorer .record-status-review i { background: var(--ops-orange); box-shadow: none; }
.evidence-embed-explorer .record-status-ready i { background: var(--ops-blue); }

.evidence-embed-explorer .explorer-detail {
  border-left-color: rgba(201,95,45,.16);
  border-top: 4px solid rgba(201,95,45,.72);
  background:
    linear-gradient(180deg, rgba(244,231,220,.94), rgba(238,239,235,.96));
}
.evidence-embed-explorer .detail-index { color: var(--ops-orange-deep); }
.evidence-embed-explorer .explorer-detail h3 {
  color: var(--ops-ink);
  font-family: var(--sans);
  font-weight: 620;
}
.evidence-embed-explorer .explorer-detail > p:not(.detail-kicker),
.evidence-embed-explorer .explorer-detail dt,
.evidence-embed-explorer .explorer-detail dd {
  color: rgba(23,35,41,.56);
}
.evidence-embed-explorer .explorer-detail dl div { border-top-color: var(--ops-line); }
.evidence-embed-explorer .detail-trace i {
  border-top-color: rgba(35,109,115,.48);
  background: linear-gradient(to bottom, rgba(35,109,115,.12), transparent);
}
.evidence-embed-explorer .detail-trace i:nth-child(2),
.evidence-embed-explorer .detail-trace i:nth-child(4) {
  border-top-color: rgba(201,95,45,.62);
  background: linear-gradient(to bottom, rgba(201,95,45,.11), transparent);
}
.evidence-embed-explorer .surface-status { color: rgba(23,35,41,.46); }

@media (max-width: 760px) {
  .evidence-embed-explorer .explorer-shell {
    box-shadow: 0 20px 55px rgba(42,61,67,.13);
  }
  .evidence-embed-explorer .evidence-vitrine-explorer::before { height: 10px; }
}