/* Audit Log drilldown drawer (#23 M7 Bundle C).
   The base offcanvas + backdrop classes come from Bootstrap. The local
   overrides below pin our preferred width and pre-block behaviour. */

.audit-drilldown-drawer {
    /* Slightly wider than the parked-messages drawer because audit rows can
       carry larger JSON bodies and SQL blocks. Clamp to viewport so narrow
       windows still get the close button on screen. */
    width: min(720px, 95vw);
}

.audit-drilldown-drawer .drawer-pre {
    /* Wrap long lines and bound the per-block height so the drawer 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;
}

.audit-drilldown-drawer .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);
}

.audit-drilldown-drawer .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);
}

.audit-drilldown-drawer .drawer-footer {
    background-color: var(--bs-tertiary-bg);
}