/* ==========================================================================
   Aspira — Findings Manager + Remediation Plans calm redesign (UI only)
   SCOPE: html[data-mvx="fm|rm"] .mvx-root (main pane of those two pages only).
   Matches Smart Audit (smartaudit.css v11 tokens): slate ink, slate-200
   hairlines, muted status hues, ONE radius (6px) everywhere.
   Rollback: remove the fm-redesign.css / .js tags from index.html.
   ========================================================================== */

html[data-mvx] {
  --mvx-r: 6px;                         /* the one radius */
  --mvx-ink: 222 47% 11%;               /* slate-900 */
  --mvx-ink-2: 215 25% 27%;             /* slate-700 */
  --mvx-sec: 215 16% 40%;               /* slate-600 */
  --mvx-sec-2: 215 14% 47%;             /* slate-500 (minimum for secondary) */
  --mvx-line: 214 22% 88%;              /* slate-200 hairline (visible) */
  --mvx-line-2: 213 18% 80%;            /* slate-300 inputs */
  --mvx-soft: 210 33% 97.5%;            /* slate-50 surface */
  --mvx-hover: 210 30% 96%;
  --mvx-col: 52rem;                     /* detail reading column */
  /* status hues = Smart Audit legend family */
  --mvx-ok: #3d9a72; --mvx-ex: #d16262; --mvx-pr: #c9970f; --mvx-eg: #4f7ec4;
  --mvx-ai: #6366a8; --mvx-ns: #94a3b8; --mvx-hi: #dd6b3d; --mvx-cr: #b83a3a;
}
html.dark[data-mvx] {
  --mvx-ink: 210 40% 96%; --mvx-ink-2: 214 32% 86%; --mvx-sec: 215 20% 70%; --mvx-sec-2: 215 16% 62%;
  --mvx-line: 217 25% 24%; --mvx-line-2: 217 22% 32%; --mvx-soft: 222 40% 12%; --mvx-hover: 222 35% 15%;
}

/* ---------- canvas & typography ---------- */
html[data-mvx] .mvx-root {
  background: hsl(var(--background)) !important;
  color: hsl(var(--mvx-ink-2));
  -webkit-font-smoothing: antialiased;
}
html[data-mvx] .mvx-root > .h-full.flex.flex-col { background: transparent !important; }
html[data-mvx] .mvx-root .text-muted-foreground { color: hsl(var(--mvx-sec)) !important; }
html[data-mvx] .mvx-root [class*="text-muted-foreground/"] { color: hsl(var(--mvx-sec-2)) !important; }

/* ---------- one radius, no hover-scale jiggle, no shadows ---------- */
html[data-mvx] .mvx-root button,
html[data-mvx] .mvx-root input,
html[data-mvx] .mvx-root textarea,
html[data-mvx] .mvx-root select,
html[data-mvx] .mvx-root [role="combobox"],
html[data-mvx] .mvx-root .rounded-lg,
html[data-mvx] .mvx-root .rounded-md,
html[data-mvx] .mvx-root .mvx-chip {
  border-radius: var(--mvx-r) !important;
}
html[data-mvx] .mvx-root button { transform: none !important; box-shadow: none !important; }
html[data-mvx] .mvx-root .shadow-sm,
html[data-mvx] .mvx-root .shadow-md { box-shadow: none !important; }
html[data-mvx] .mvx-root .backdrop-blur-sm { backdrop-filter: none !important; }

/* Buttons: calm sizes */
html[data-mvx] .mvx-root button.h-10 { height: 36px !important; padding: 0 14px !important; font-size: 13px !important; }
html[data-mvx] .mvx-root button.h-9 { height: 34px !important; font-size: 13px !important; }
html[data-mvx] .mvx-root button.bg-primary { background: hsl(var(--mvx-ink)) !important; border-color: hsl(var(--mvx-ink)) !important; color: hsl(var(--background)) !important; }
html[data-mvx] .mvx-root button.bg-primary:hover { background: hsl(var(--mvx-ink) / .88) !important; }
html[data-mvx] .mvx-root button.border-input { border-color: hsl(var(--mvx-line-2)) !important; color: hsl(var(--mvx-ink)) !important; }
html[data-mvx] .mvx-root button.border-input:hover { background: hsl(var(--mvx-hover)) !important; }

/* Inputs */
html[data-mvx] .mvx-root input,
html[data-mvx] .mvx-root textarea {
  border: 1px solid hsl(var(--mvx-line-2)) !important;
  box-shadow: none !important;
  color: hsl(var(--mvx-ink)) !important;
  font-size: 13px !important;
}
html[data-mvx] .mvx-root input::placeholder,
html[data-mvx] .mvx-root textarea::placeholder { color: hsl(var(--mvx-sec-2)) !important; }
html[data-mvx] .mvx-root input:focus-visible,
html[data-mvx] .mvx-root textarea:focus-visible { border-color: hsl(var(--mvx-eg-h, 215 50% 55%)) !important; }

/* ==========================================================================
   CHIPS (status = soft tinted, labelled; severity = dot + label)
   ========================================================================== */
html[data-mvx] .mvx-root .mvx-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  height: 22px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
  border: 1px solid transparent !important;
  vertical-align: middle;
  max-width: 100%;
}
html[data-mvx] .mvx-root .mvx-chip svg { width: 12px !important; height: 12px !important; flex: none; }
html[data-mvx] .mvx-root .mvx-chip[data-mvx-tone="draft"],
html[data-mvx] .mvx-root .mvx-chip[data-mvx-tone="neutral"] { background: #f1f5f9 !important; color: #334155 !important; border-color: #e2e8f0 !important; }
html[data-mvx] .mvx-root .mvx-chip[data-mvx-tone="pending"]  { background: #fdf6e3 !important; color: #855400 !important; border-color: #efdcae !important; }
html[data-mvx] .mvx-root .mvx-chip[data-mvx-tone="progress"] { background: #eef3fb !important; color: #2c5191 !important; border-color: #d3dff2 !important; }
html[data-mvx] .mvx-root .mvx-chip[data-mvx-tone="review"]   { background: #f2f1fb !important; color: #46458f !important; border-color: #dcdaf1 !important; }
html[data-mvx] .mvx-root .mvx-chip[data-mvx-tone="overdue"]  { background: #fbf0f0 !important; color: #9c3434 !important; border-color: #f0d2d2 !important; }
html[data-mvx] .mvx-root .mvx-chip[data-mvx-tone="done"]     { background: #edf6f1 !important; color: #23613f !important; border-color: #cde5d8 !important; }
html[data-mvx] .mvx-root .mvx-chip[data-mvx-tone="meta"] {
  height: 18px !important; padding: 0 6px !important; font-size: 11px !important; font-weight: 500 !important;
  background: #f1f5f9 !important; color: #475569 !important; border-color: #e2e8f0 !important;
}
html.dark[data-mvx] .mvx-root .mvx-chip[data-mvx-tone] { background: hsl(var(--mvx-soft)) !important; border-color: hsl(var(--mvx-line)) !important; color: hsl(var(--mvx-ink-2)) !important; }

/* severity: dot + label (like Smart Audit D&I / OE columns) */
html[data-mvx] .mvx-root .mvx-chip[data-mvx-sev] {
  background: transparent !important; border: 0 !important; padding: 0 !important;
  color: hsl(var(--mvx-ink-2)) !important; font-size: 13px !important; font-weight: 400 !important; gap: 7px !important;
}
html[data-mvx] .mvx-root .mvx-chip[data-mvx-sev]::before {
  content: ""; width: 8px; height: 8px; border-radius: 9999px; flex: none; background: var(--mvx-ns);
}
html[data-mvx] .mvx-root .mvx-chip[data-mvx-sev="medium"]::before { background: var(--mvx-pr); }
html[data-mvx] .mvx-root .mvx-chip[data-mvx-sev="high"]::before { background: var(--mvx-hi); }
html[data-mvx] .mvx-root .mvx-chip[data-mvx-sev="critical"]::before { background: var(--mvx-cr); }
html[data-mvx] .mvx-root .mvx-chip[data-mvx-sev="low"]::before,
html[data-mvx] .mvx-root .mvx-chip[data-mvx-sev="info"]::before { background: var(--mvx-ns); }

/* ==========================================================================
   LIST PAGES
   ========================================================================== */
/* page header */
html[data-mvx][data-mvx-mode="list"] .mvx-root .px-8.py-6.border-b {
  box-shadow: none !important;
  border-bottom: 1px solid hsl(var(--mvx-line)) !important;
  padding: 20px 28px !important;
}
html[data-mvx][data-mvx-mode="list"] .mvx-root .px-8.py-6 h1 {
  font-size: 20px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; color: hsl(var(--mvx-ink)) !important;
}
html[data-mvx][data-mvx-mode="list"] .mvx-root .px-8.py-6 h1 + p { font-size: 13px !important; color: hsl(var(--mvx-sec)) !important; margin-top: 3px !important; }

/* content area */
html[data-mvx][data-mvx-mode="list"] .mvx-root .mvx-content {
  padding: 18px 28px 40px !important;
  background: transparent !important;
}
html[data-mvx][data-mvx-mode="list"] .mvx-root .mvx-content > * + * { margin-top: 18px !important; }

/* metric strip — label over value, hairline separators, ink values (no loud digits) */
html[data-mvx] .mvx-root .mvx-metrics {
  display: flex !important; flex-wrap: nowrap !important; gap: 0 !important; align-items: stretch !important;
  padding: 2px 0 !important;
}
html[data-mvx] .mvx-root .mvx-metric {
  flex: 0 0 auto !important; min-width: 0 !important;
  border: 0 !important; border-left: 1px solid hsl(var(--mvx-line)) !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
  padding: 2px 28px !important;
}
html[data-mvx] .mvx-root .mvx-metric:first-child { border-left: 0 !important; padding-left: 0 !important; }
html[data-mvx] .mvx-root .mvx-metric svg { display: none !important; }
html[data-mvx] .mvx-root .mvx-metric > div:first-child { gap: 6px !important; }
html[data-mvx] .mvx-root .mvx-metric[data-mvx-tone] > div:first-child::before {
  content: ""; width: 7px; height: 7px; border-radius: 9999px; flex: none; background: var(--mvx-ns);
}
html[data-mvx] .mvx-root .mvx-metric[data-mvx-tone="pending"] > div:first-child::before { background: var(--mvx-pr); }
html[data-mvx] .mvx-root .mvx-metric[data-mvx-tone="progress"] > div:first-child::before { background: var(--mvx-eg); }
html[data-mvx] .mvx-root .mvx-metric[data-mvx-tone="review"] > div:first-child::before { background: var(--mvx-ai); }
html[data-mvx] .mvx-root .mvx-metric[data-mvx-tone="overdue"] > div:first-child::before { background: var(--mvx-ex); }
html[data-mvx] .mvx-root .mvx-metric[data-mvx-tone="done"] > div:first-child::before { background: var(--mvx-ok); }
html[data-mvx] .mvx-root .mvx-metric p:first-of-type,
html[data-mvx] .mvx-root .mvx-metric > div:first-child p {
  font-size: 11px !important; font-weight: 500 !important; letter-spacing: .05em !important;
  color: hsl(var(--mvx-sec)) !important; overflow: visible !important; white-space: nowrap !important;
}
html[data-mvx] .mvx-root .mvx-metric > p.tabular-nums {
  font-size: 20px !important; font-weight: 600 !important; line-height: 1.25 !important; margin-top: 3px !important;
  color: hsl(var(--mvx-ink)) !important;
}

/* table block = ONE surface (toolbar + table), single 1px frame */
html[data-mvx] .mvx-root .mvx-tableblock {
  border: 1px solid hsl(var(--mvx-line)) !important;
  border-radius: var(--mvx-r) !important;
  background: hsl(var(--background)) !important;
  overflow: clip !important;
}
html[data-mvx] .mvx-root .mvx-toolbar {
  border: 0 !important; border-bottom: 1px solid hsl(var(--mvx-line)) !important; border-radius: 0 !important;
  padding: 10px 12px 10px 14px !important; background: transparent !important;
}
html[data-mvx] .mvx-root .mvx-toolbar input { height: 34px !important; }
html[data-mvx] .mvx-root .mvx-toolbar .h-6.w-px { background: hsl(var(--mvx-line)) !important; }

/* filter tabs double as the status legend: dot + label + tooltip.
   HOTFIX ui-findings tabs 2026-10-06: ONE style on FM and RM (the calm RM look):
   plain dot + label, no border on inactive tabs, the active tab is a subtle
   filled 6px pill. Matched structurally as well as by .mvx-filter, the active
   pill follows React's own .bg-secondary, and transitions are off, so a React
   re-render can no longer flash the base bordered chip (seen on FM). */
html[data-mvx] .mvx-root .mvx-filter,
html[data-mvx] .mvx-root .flex.flex-wrap.items-center.gap-2 > .flex.items-center.gap-1.flex-wrap > button.h-8.px-3.text-xs {
  height: 30px !important; padding: 0 10px !important; gap: 7px !important;
  font-size: 12.5px !important; font-weight: 500 !important;
  color: hsl(var(--mvx-ink-2)) !important; background: transparent !important; border: 1px solid transparent !important;
  border-radius: var(--mvx-r) !important; box-shadow: none !important; transform: none !important; transition: none !important;
}
html[data-mvx] .mvx-root .mvx-filter:hover,
html[data-mvx] .mvx-root .flex.flex-wrap.items-center.gap-2 > .flex.items-center.gap-1.flex-wrap > button.h-8.px-3.text-xs:hover { background: hsl(var(--mvx-hover)) !important; color: hsl(var(--mvx-ink)) !important; }
html[data-mvx] .mvx-root .mvx-filter.bg-secondary,
html[data-mvx] .mvx-root .flex.flex-wrap.items-center.gap-2 > .flex.items-center.gap-1.flex-wrap > button.h-8.px-3.text-xs.bg-secondary {
  background: hsl(var(--mvx-soft)) !important; border-color: hsl(var(--mvx-line)) !important; color: hsl(var(--mvx-ink)) !important;
}
html[data-mvx] .mvx-root button[data-mvx-tone]::before {
  content: ""; width: 7px; height: 7px; border-radius: 9999px; flex: none; background: var(--mvx-ns);
}
html[data-mvx] .mvx-root button[data-mvx-tone="pending"]::before { background: var(--mvx-pr); }
html[data-mvx] .mvx-root button[data-mvx-tone="progress"]::before { background: var(--mvx-eg); }
html[data-mvx] .mvx-root button[data-mvx-tone="review"]::before { background: var(--mvx-ai); }
html[data-mvx] .mvx-root button[data-mvx-tone="overdue"]::before { background: var(--mvx-ex); }
html[data-mvx] .mvx-root button[data-mvx-tone="done"]::before { background: var(--mvx-ok); }

/* frame wrappers: no second border; let the header stick to the page scroller */
html[data-mvx] .mvx-root .mvx-tframe {
  border: 0 !important; border-radius: 0 !important; overflow: clip !important; background: transparent !important;
}
html[data-mvx] .mvx-root .mvx-tscroll { overflow: visible !important; }

/* ---------- the tables ---------- */
html[data-mvx] .mvx-root table[data-mvx-table] {
  table-layout: fixed !important; width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important;
  font-size: 13px !important;
}
html[data-mvx] .mvx-root table[data-mvx-table] thead tr { background: transparent !important; border: 0 !important; }
html[data-mvx] .mvx-root table[data-mvx-table] thead th {
  position: sticky !important; top: -18px !important; z-index: 3 !important; /* = content padding-top: sticks flush */
  height: 38px !important; padding: 0 10px !important;
  background: hsl(var(--mvx-soft)) !important;
  border-bottom: 1px solid hsl(var(--mvx-line)) !important;
  font-size: 11px !important; font-weight: 500 !important; letter-spacing: .05em !important; text-transform: uppercase !important;
  color: hsl(var(--mvx-sec)) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important;
  vertical-align: middle !important;
}
html[data-mvx] .mvx-root table[data-mvx-table] tbody tr { border: 0 !important; }
html[data-mvx] .mvx-root table[data-mvx-table] tbody tr:hover > td { background: hsl(var(--mvx-hover)) !important; }
html[data-mvx] .mvx-root table[data-mvx-table] tbody td {
  height: 48px !important; padding: 0 10px !important; vertical-align: middle !important;
  border-bottom: 1px solid hsl(var(--mvx-line)) !important;
  font-size: 13px !important; color: hsl(var(--mvx-ink-2)) !important;
  max-width: none !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important;
}
html[data-mvx] .mvx-root table[data-mvx-table] tbody tr:last-child > td { border-bottom: 0 !important; }
html[data-mvx] .mvx-root table[data-mvx-table] th:first-child,
html[data-mvx] .mvx-root table[data-mvx-table] td:first-child { padding-left: 18px !important; }
html[data-mvx] .mvx-root table[data-mvx-table] th:last-child,
html[data-mvx] .mvx-root table[data-mvx-table] td:last-child { padding-right: 18px !important; }
/* ID column */
html[data-mvx] .mvx-root table[data-mvx-table] td:first-child { font-weight: 500 !important; color: hsl(var(--mvx-ink)) !important; }
/* Title: weight 500, single line + ellipsis (tooltip via title attr) */
html[data-mvx] .mvx-root table[data-mvx-table] td:nth-child(2) p {
  font-size: 13.5px !important; font-weight: 500 !important; color: hsl(var(--mvx-ink)) !important;
  white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 100% !important; margin: 0 !important;
}
html[data-mvx] .mvx-root table[data-mvx-table] td span.truncate { display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html[data-mvx] .mvx-root table[data-mvx-table] td .mv-fm-ctrl-link { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; font-size: 13px !important; }
/* the two date columns: right-aligned, tabular, consistent */
html[data-mvx] .mvx-root table[data-mvx-table] th:nth-last-child(-n+2),
html[data-mvx] .mvx-root table[data-mvx-table] td:nth-last-child(-n+2) {
  text-align: right !important; font-variant-numeric: tabular-nums;
}
html[data-mvx] .mvx-root table[data-mvx-table] td:nth-last-child(2) { color: hsl(var(--mvx-ink-2)) !important; }
html[data-mvx] .mvx-root table[data-mvx-table] td:last-child { color: hsl(var(--mvx-sec)) !important; font-size: 13px !important; }

/* FM widths: ID | Title | Severity | Status | Owner | Control | Due | Updated */
html[data-mvx] .mvx-root table[data-mvx-table="fm"] th:nth-child(1) { width: 56px !important; }
html[data-mvx] .mvx-root table[data-mvx-table="fm"] th:nth-child(3) { width: 84px !important; }
html[data-mvx] .mvx-root table[data-mvx-table="fm"] th:nth-child(4) { width: 126px !important; }
html[data-mvx] .mvx-root table[data-mvx-table="fm"] th:nth-child(5) { width: 112px !important; }
html[data-mvx] .mvx-root table[data-mvx-table="fm"] th:nth-child(6) { width: 210px !important; }
html[data-mvx] .mvx-root table[data-mvx-table="fm"] th:nth-child(7) { width: 108px !important; }
html[data-mvx] .mvx-root table[data-mvx-table="fm"] th:nth-child(8) { width: 116px !important; }
html[data-mvx] .mvx-root table[data-mvx-table="fm"] td:nth-child(6) { color: hsl(var(--mvx-sec)) !important; }
/* RM widths: ID | Title | Status | Finding | Remediator | Due | Updated */
html[data-mvx] .mvx-root table[data-mvx-table="rm"] th:nth-child(1) { width: 92px !important; }
html[data-mvx] .mvx-root table[data-mvx-table="rm"] th:nth-child(3) { width: 142px !important; }
html[data-mvx] .mvx-root table[data-mvx-table="rm"] th:nth-child(4) { width: 76px !important; }
html[data-mvx] .mvx-root table[data-mvx-table="rm"] th:nth-child(5) { width: 240px !important; }
html[data-mvx] .mvx-root table[data-mvx-table="rm"] th:nth-child(6) { width: 108px !important; }
html[data-mvx] .mvx-root table[data-mvx-table="rm"] th:nth-child(7) { width: 116px !important; }
html[data-mvx] .mvx-root table[data-mvx-table="rm"] td:nth-child(4) { font-variant-numeric: tabular-nums; color: hsl(var(--mvx-ink-2)) !important; }
html[data-mvx] .mvx-root table[data-mvx-table="rm"] td:nth-child(5) span { color: hsl(var(--mvx-sec-2)) !important; font-size: 12.5px !important; }

/* ==========================================================================
   DETAIL PAGES (finding detail + remediation plan detail)
   Calm document column; every section and field kept, nothing hidden/merged.
   ========================================================================== */
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead {
  box-shadow: none !important;
  border-bottom: 1px solid hsl(var(--mvx-line)) !important;
  padding: 16px 32px 18px !important;
  background: hsl(var(--background)) !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead.mvx-dhead > div,
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead > * {
  max-width: var(--mvx-col) !important; margin-left: auto !important; margin-right: auto !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead > button:first-child {
  display: flex !important; margin-left: calc((100% - min(100%, var(--mvx-col))) / 2) !important; margin-right: 0 !important;
  padding-left: 0 !important; font-size: 12.5px !important;
  color: hsl(var(--mvx-sec)) !important; background: transparent !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead > button:first-child:hover { color: hsl(var(--mvx-ink)) !important; }
/* decorative icon tile beside the id (not a field) — same as the bridge's readable mode */
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead div.h-10.w-10.rounded-lg { display: none !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead .mvx-did {
  font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0 !important;
  color: hsl(var(--mvx-sec)) !important; font-variant-numeric: tabular-nums;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead .mvx-did + .mvx-chip { margin-left: 2px; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead .mvx-dtitle {
  font-size: 18px !important; line-height: 1.4 !important; font-weight: 500 !important; letter-spacing: -0.01em !important;
  color: hsl(var(--mvx-ink)) !important; margin-top: 6px !important;
  display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important;
  white-space: normal !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead .mvx-dtitle + p,
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead p.text-xs {
  font-size: 12.5px !important; color: hsl(var(--mvx-sec)) !important; margin-top: 4px !important; line-height: 1.5 !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead .mv-fm-header-link { font-size: 12.5px !important; color: hsl(var(--mvx-sec)) !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead .mv-fm-header-eng { color: hsl(var(--mvx-sec)) !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead .mv-sa-open,
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead .mv-sa-open-header { font-size: 12.5px !important; color: hsl(var(--mvx-ink)) !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead .min-w-0 { min-width: 0 !important; flex: 1 1 auto; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-dhead .flex.items-start.gap-3.min-w-0 { flex: 1 1 0 !important; }

/* body column */
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-content {
  background: hsl(var(--background)) !important;
  padding: 4px 32px 56px !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-content > .max-w-6xl {
  max-width: var(--mvx-col) !important; margin: 0 auto !important;
  display: flex !important; flex-direction: column !important; gap: 0 !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-content > .max-w-6xl > * { margin: 0 !important; }
/* stack paired grids into the column (fields stay, order stays) */
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-content .max-w-6xl .grid {
  display: flex !important; flex-direction: column !important; gap: 0 !important; grid-template-columns: none !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-content .max-w-6xl .grid > .space-y-4 > * + * { margin-top: 0 !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-content .max-w-6xl .mvx-sec .grid { gap: 18px !important; }

/* sections: no box, one visible hairline between them */
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec {
  border: 0 !important; border-top: 1px solid hsl(var(--mvx-line)) !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important; backdrop-filter: none !important;
  padding: 22px 0 18px !important; margin: 0 !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-content > .max-w-6xl > .mvx-sec:first-child { border-top: 0 !important; padding-top: 20px !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec > .border-b {
  border: 0 !important; padding: 0 0 14px !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec > .p-6:not(.border-b) { padding: 0 !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec h3 {
  font-size: 15px !important; font-weight: 500 !important; letter-spacing: -0.005em !important;
  color: hsl(var(--mvx-ink)) !important; text-transform: none !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec h3 svg { display: none !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec h3 + p {
  font-size: 12.5px !important; color: hsl(var(--mvx-sec-2)) !important; margin-top: 2px !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec h3 + p span.text-foreground {
  color: hsl(var(--mvx-ink-2)) !important; font-weight: 500 !important;
  max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* field labels + values */
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec p.uppercase,
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec p[class*="uppercase"] {
  font-size: 11px !important; font-weight: 500 !important; letter-spacing: .05em !important;
  color: hsl(var(--mvx-sec-2)) !important; margin-bottom: 4px !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec .leading-relaxed,
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec .leading-relaxed p,
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec p.whitespace-pre-wrap {
  font-size: 14px !important; line-height: 1.65 !important; color: hsl(var(--mvx-ink-2)) !important; max-width: 72ch;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec .leading-relaxed strong { font-weight: 600 !important; color: hsl(var(--mvx-ink)) !important; }
/* empty values ("—") readable, not ghosted */
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec p[class*="text-muted-foreground/60"] { color: hsl(var(--mvx-sec-2)) !important; }

/* nested items (control links, evidence, RPs): hairline list rows, no boxes */
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-content .max-w-6xl .mvx-sec .mvx-item.mvx-item {
  border: 0 !important; border-top: 1px solid hsl(var(--mvx-line)) !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
  padding: 10px 6px !important; margin: 0 !important; max-width: none !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-content .max-w-6xl .mvx-sec .mvx-item.mvx-item:hover { background: hsl(var(--mvx-soft)) !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-content .max-w-6xl .mvx-sec .space-y-2 > .mvx-item + .mvx-item { margin-top: 0 !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec .mvx-item * { max-width: none; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec .mvx-item .font-medium { font-weight: 500 !important; color: hsl(var(--mvx-ink)) !important; font-size: 14px !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec .mvx-item .text-xs { font-size: 12.5px !important; color: hsl(var(--mvx-sec)) !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec .mvx-item.mvx-item.text-sm,
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec .mvx-item > span.truncate:not(.text-xs) { font-size: 14px !important; color: hsl(var(--mvx-ink-2)) !important; }
/* bridge "Open in Smart Audit" inside sections: quiet link-button */
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec .mv-sa-open { display: inline-flex !important; margin-top: 10px !important; font-size: 12.5px !important; font-weight: 500 !important; color: hsl(var(--mvx-ink)) !important; }

/* conversation bubbles */
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-bubble {
  border: 1px solid hsl(var(--mvx-line)) !important; border-radius: var(--mvx-r) !important;
  background: hsl(var(--mvx-soft)) !important; color: hsl(var(--mvx-ink-2)) !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-bubble[data-mvx-side="me"] { background: #f1f5fb !important; border-color: #d9e2ef !important; }
html.dark[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-bubble[data-mvx-side="me"] { background: hsl(var(--mvx-hover)) !important; border-color: hsl(var(--mvx-line)) !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-bubble .font-medium { font-weight: 500 !important; color: hsl(var(--mvx-ink)) !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-bubble p { font-size: 13.5px !important; color: hsl(var(--mvx-ink-2)) !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec .border-t { border-color: hsl(var(--mvx-line)) !important; padding-top: 12px !important; }

/* audit trail */
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec ol.border-l { border-color: hsl(var(--mvx-line)) !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec ol li > p.font-medium { font-size: 13.5px !important; font-weight: 500 !important; color: hsl(var(--mvx-ink)) !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec ol li > p.text-xs { font-size: 12px !important; color: hsl(var(--mvx-sec)) !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec ol li > p:last-child:not(.text-xs):not(.font-medium) { font-size: 13.5px !important; color: hsl(var(--mvx-ink-2)) !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec ol li > span.rounded-full { background: hsl(var(--mvx-sec-2)) !important; }

/* empty states: calm left-aligned text (icon disc is decorative) */
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec .flex.flex-col.items-center.justify-center.text-center {
  align-items: flex-start !important; text-align: left !important; padding: 2px 0 4px !important;
}
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec .flex.flex-col.items-center.justify-center.text-center > .rounded-full { display: none !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec .flex.flex-col.items-center.justify-center.text-center > p.font-medium { font-size: 13.5px !important; font-weight: 500 !important; color: hsl(var(--mvx-ink-2)) !important; }
html[data-mvx][data-mvx-mode="detail"] .mvx-root .mvx-sec p[class*="uppercase"] svg { display: none !important; }