/* Findings bridge – flat / hairline, consistent with smartaudit.css v101 de-box.
   Scoped; does not edit smartaudit.css. */

/* ---- Drawer Findings TAB (only; no summary block above tabs) ---- */
.mv-fm-panel {
  display: none;
  padding: 4px 0 12px;
}
.mv-fm-panel[data-state="active"] {
  display: block;
}
.mv-fm-panel-inner {
  /* no card / no box */
  border: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}
.mv-fm-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.mv-fm-empty {
  font-size: 12.5px;
  color: hsl(var(--muted-foreground));
  padding: 10px 0 4px;
  line-height: 1.45;
}
.mv-fm-empty em {
  font-style: normal;
  font-weight: 500;
  color: hsl(var(--foreground));
}
.mv-fm-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid hsl(var(--border) / 0.55);
  border-radius: 0;
  background: transparent;
}
.mv-fm-row:first-child { border-top: 0; padding-top: 4px; }
.mv-fm-row:hover { background: transparent; }
.mv-fm-row-main { min-width: 0; flex: 1; }
.mv-fm-title {
  font-size: 13px;
  font-weight: 500;
  color: hsl(var(--foreground));
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mv-fm-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin-top: 5px;
}
.mv-fm-pill {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: hsl(var(--muted-foreground));
  border: 0;
  border-radius: 0;
  padding: 0;
  line-height: 1.4;
  background: transparent;
}
.mv-fm-pill + .mv-fm-pill::before {
  content: "·";
  margin-right: 10px;
  color: hsl(var(--muted-foreground) / 0.55);
}
.mv-fm-sev-critical, .mv-fm-sev-high { color: hsl(0 40% 42%); }
.mv-fm-sev-medium { color: hsl(32 35% 40%); }
.mv-fm-sev-low { color: hsl(var(--muted-foreground)); }
.dark .mv-fm-sev-critical, .dark .mv-fm-sev-high { color: hsl(0 50% 70%); }
.dark .mv-fm-sev-medium { color: hsl(32 45% 68%); }
.mv-fm-quiet {
  font-size: 11px;
  color: hsl(var(--muted-foreground));
}
.mv-fm-open, .mv-sa-open, .mv-fm-ctrl-link {
  appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  font: inherit;
  color: hsl(var(--muted-foreground));
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: hsl(var(--border));
  padding: 0;
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
}
.mv-fm-open:hover, .mv-sa-open:hover, .mv-fm-ctrl-link:hover {
  color: hsl(var(--foreground));
  text-decoration-color: hsl(var(--foreground) / 0.4);
}
.mv-sa-open { display: inline; margin-top: 6px; }

/* Findings tab button — sit with Radix tabs; badge like Evidence/Interviews */
.mv-fm-tab {
  appearance: none;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  font: inherit;
  font-size: 12.5px !important;
  font-weight: 500;
  color: hsl(var(--muted-foreground));
  height: 48px;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding-left: 8px !important;
  padding-right: 8px !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  text-decoration: none;
  margin: 0;
}
.mv-fm-tab:hover { color: hsl(var(--foreground)); }
.mv-fm-tab.mv-fm-tab-active,
.mv-fm-tab[data-state="active"],
.mv-fm-tab[aria-selected="true"] {
  color: hsl(var(--foreground));
  border-bottom-color: hsl(var(--foreground));
}
.mv-fm-tab-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  margin-left: 2px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  border-radius: 6px;
  background: hsl(var(--muted));
  color: hsl(var(--muted-foreground));
  border: 0;
}

/* ---- Tab bar: fit 7 tabs @1440; scroll gracefully @1280 (no hard clip) ---- */
html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs,
html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs-7 {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-width: 100% !important;
  gap: 0 !important;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  padding-right: 4px !important;
  /* kill fade mask that clipped Activity */
  mask-image: none !important;
  -webkit-mask-image: none !important;
}
html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs > button,
html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs > [role="tab"],
html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs-7 > button,
html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs-7 > [role="tab"] {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  font-size: 12px !important;
  gap: 4px !important;
}
/* Shrink tab icons so 7 labels fit in a ~720px drawer at 1440 */
html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs > button > svg,
html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs > [role="tab"] > svg,
html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs-7 > button > svg,
html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs-7 > [role="tab"] > svg {
  width: 13px !important;
  height: 13px !important;
  margin-right: 4px !important;
  flex-shrink: 0 !important;
}
/* Badge chips inside tabs a touch tighter */
html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs .ml-2.h-5,
html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs-7 .ml-2.h-5 {
  margin-left: 4px !important;
  height: 18px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  font-size: 10px !important;
}

@media (max-width: 1360px) {
  html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs > button,
  html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs > [role="tab"],
  html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs-7 > button,
  html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs-7 > [role="tab"] {
    padding-left: 7px !important;
    padding-right: 7px !important;
    font-size: 11.5px !important;
  }
  html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs > button > svg,
  html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs > [role="tab"] > svg,
  html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs-7 > button > svg,
  html[data-mv-view^="smart-audit"] [role="dialog"] .mv-drawer-tabs-7 > [role="tab"] > svg {
    width: 12px !important;
    height: 12px !important;
    margin-right: 3px !important;
  }
}

/* ---- Findings Manager: header engagement · control + back link ---- */
.mv-fm-header-link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin-top: 4px;
  margin-bottom: 2px;
  font-size: 12px;
  color: hsl(var(--muted-foreground));
  line-height: 1.4;
  border: 0;
  background: transparent;
  padding: 0;
}
.mv-fm-header-eng {
  color: hsl(var(--muted-foreground));
  font-weight: 450;
}
.mv-fm-header-sep {
  color: hsl(var(--muted-foreground) / 0.45);
}
.mv-sa-open-header {
  font-size: 12px !important;
  margin-top: 0 !important;
}

/* Hide any stray legacy summary block if present */
.mv-fm-drawer:not(.mv-fm-panel) {
  display: none !important;
}

/* ============================================================
   FM finding detail — readable stacked layout (same fields)
   Scoped: html[data-mv-fm-detail="1"] only. No hiding/merging.
   ============================================================ */
html[data-mv-fm-detail="1"] .flex-1.overflow-auto.p-8 {
  background: hsl(var(--background));
}

/* Narrow comfortable column */
html[data-mv-fm-detail="1"] .max-w-6xl.mx-auto {
  max-width: 46rem !important; /* ~70ch */
  margin-left: auto !important;
  margin-right: auto !important;
  space-y: 0;
  display: flex;
  flex-direction: column;
  gap: 0 !important;
}

/* De-box section cards → hairline dividers + air */
html[data-mv-fm-detail="1"] .mv-fm-section,
html[data-mv-fm-detail="1"] .max-w-6xl.mx-auto > .rounded-lg.border,
html[data-mv-fm-detail="1"] .max-w-6xl.mx-auto > .grid > .rounded-lg.border {
  border: 0 !important;
  border-top: 1px solid hsl(var(--border) / 0.55) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  margin: 0 !important;
  padding-top: 1.75rem !important;
  padding-bottom: 0.5rem !important;
}

html[data-mv-fm-detail="1"] .mv-fm-section > .border-b,
html[data-mv-fm-detail="1"] .max-w-6xl.mx-auto .rounded-lg > .border-b {
  border-bottom: 0 !important;
  padding: 0 0 0.75rem 0 !important;
}

html[data-mv-fm-detail="1"] .mv-fm-section > .p-6,
html[data-mv-fm-detail="1"] .max-w-6xl.mx-auto .rounded-lg > .p-6 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.5rem !important;
}

/* Plain section headings */
html[data-mv-fm-detail="1"] .mv-fm-section h3,
html[data-mv-fm-detail="1"] .max-w-6xl.mx-auto .rounded-lg h3 {
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: hsl(var(--foreground)) !important;
  text-transform: none !important;
}
html[data-mv-fm-detail="1"] .mv-fm-section h3 svg,
html[data-mv-fm-detail="1"] .max-w-6xl.mx-auto .rounded-lg h3 svg {
  display: none !important; /* quieter headings, no icon clutter */
}
html[data-mv-fm-detail="1"] .mv-fm-section h3 + p,
html[data-mv-fm-detail="1"] .max-w-6xl.mx-auto .rounded-lg h3 + p {
  font-size: 12px !important;
  color: hsl(var(--muted-foreground)) !important;
  margin-top: 2px !important;
}

/* Details / link grids → single column stack */
html[data-mv-fm-detail="1"] .mv-fm-details-stack,
html[data-mv-fm-detail="1"] .mv-fm-link-stack,
html[data-mv-fm-detail="1"] .max-w-6xl.mx-auto .grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.35rem !important;
  grid-template-columns: none !important;
}

/* Field labels: calm, sentence case feel via weight not shouty tracking */
html[data-mv-fm-detail="1"] .mv-fm-details-stack > div > p:first-child,
html[data-mv-fm-detail="1"] .max-w-6xl.mx-auto .grid > div > p.text-\[11px\],
html[data-mv-fm-detail="1"] .max-w-6xl.mx-auto .grid > div > p[class*="uppercase"] {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: hsl(var(--muted-foreground)) !important;
  margin-bottom: 6px !important;
}

/* Body copy readable */
html[data-mv-fm-detail="1"] .max-w-6xl.mx-auto .text-sm,
html[data-mv-fm-detail="1"] .max-w-6xl.mx-auto .leading-relaxed,
html[data-mv-fm-detail="1"] .max-w-6xl.mx-auto .leading-relaxed p {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  max-width: 70ch;
  color: hsl(var(--foreground));
}

/* Nested item chips inside linked sections — hairline, not cards */
html[data-mv-fm-detail="1"] .max-w-6xl.mx-auto .rounded-lg.border.p-3 {
  border: 0 !important;
  border-top: 1px solid hsl(var(--border) / 0.4) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-shadow: none !important;
}

/* ---- Header: one clean block, no icon tile ---- */
html[data-mv-fm-detail="1"] .flex-1.overflow-auto.p-8 > div:first-child,
html[data-mv-fm-detail="1"] .flex-1.overflow-auto > div:first-child {
  max-width: 46rem;
  margin-left: auto;
  margin-right: auto;
}

/* Header bar: calm, no shadow box */
html[data-mv-fm-detail="1"] .px-8.py-5.bg-background.border-b {
  box-shadow: none !important;
  border-bottom: 1px solid hsl(var(--border) / 0.55) !important;
  max-width: none;
}
html[data-mv-fm-detail="1"] .px-8.py-5.bg-background.border-b > div {
  max-width: 46rem;
  margin-left: auto;
  margin-right: auto;
}
/* Hide boxed flag icon tile beside display id */
html[data-mv-fm-detail="1"] div.h-10.w-10.rounded-lg,
html[data-mv-fm-detail="1"] div.h-10.w-10.rounded-lg.bg-primary\/10 {
  display: none !important;
}

/* Quiet Edit button */
html[data-mv-fm-detail="1"] .mv-fm-edit-quiet {
  background: transparent !important;
  border: 1px solid hsl(var(--border) / 0.7) !important;
  box-shadow: none !important;
  color: hsl(var(--muted-foreground)) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}
html[data-mv-fm-detail="1"] .mv-fm-edit-quiet:hover {
  color: hsl(var(--foreground)) !important;
  border-color: hsl(var(--border)) !important;
  background: hsl(var(--muted) / 0.35) !important;
}

/* Header meta + engagement link spacing */
html[data-mv-fm-detail="1"] .mv-fm-header-link {
  margin-top: 8px !important;
  margin-bottom: 4px !important;
  max-width: 70ch;
}