/*
 * Admin console (/admin) additions to the shared back-office stylesheet (docs/design/backoffice/polish/SPEC-polish.md
 * §4.4, owner polish-admin). Plain CSS registered in AdminPanelProvider::configure() and published by
 * `php artisan filament:assets` (no build step); it loads on /admin only. Tokens come from rymotel-backoffice.css and
 * Filament's colour variables. Selectors are listed in docs/design/CHANGES.md (Back-office polish, Admin).
 */

/* Raw JSON (« Données brutes », RawData::pre(), ChannelsFinanceUi::pre(), the channel journal payload): a keyboard
   scrollable box (tabindex="0") at most 24 rem (384 px) tall, monospace 13 px, gray-900 on gray-50 (17.04:1), left to
   right (`dir="ltr"` + .rym-ltr isolate), long tokens wrapped rather than widening the page at 390 px. */
.fi-body pre.rym-ltr {
    margin: 0;
    font-family: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    font-size: .8125rem;
    line-height: 1.55;
    font-variant-ligatures: none;
    background-color: var(--gray-50);
    color: var(--gray-900);
    padding-block: .75rem;
    padding-inline: 1rem;
    border-radius: var(--radius-lg);
    max-block-size: 24rem;
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    text-align: start;
}

/* The shared coral focus (3 px; SPEC-polish §3.14): the box is focusable so that it scrolls by keyboard. Drawn inward, as
   §3.14 does inside containers that clip: the entry's text item (Filament 5.9 `.fi-in-text-item`, app.css
   `display: -webkit-box; overflow: hidden`) would cut a 2 px outside offset. */
.fi-body pre.rym-ltr:focus-visible {
    outline: var(--rym-bo-focus-width) solid var(--rym-bo-focus);
    outline-offset: calc(-1 * var(--rym-bo-focus-width));
}