/* Body-specific styles for the shared single-AuditEvent detail
   (#23 M7 Bundle C). Moved here from AuditDrilldownDrawer.razor.css so the
   scoped CSS travels with the markup — these rules apply wherever the
   detail body is hosted (drilldown drawer or execution-tree node modal). */

.drawer-pre {
    /* Wrap long lines and bound the per-block height so the host body stays
       scrollable end-to-end instead of pushing the action buttons below the
       fold. */
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 320px;
    overflow-y: auto;
    margin: 0;
    font-size: 0.8125rem;
}

.drawer-pre.json {
    /* JSON blocks get a faint left rule so they read as quoted material. */
    border-left: 3px solid var(--bs-info-border-subtle);
}

.drawer-pre code.language-sql {
    /* CSS-only highlight cue: SQL stays mono with a hint of bold weight on
       a slightly different background so the SQL block reads distinct from
       generic JSON pretty-prints without loading a syntax-highlighter JS
       library. */
    font-family: var(--bs-font-monospace);
    color: var(--bs-emphasis-color);
}