/* ==========================================================================
   DB Visualizer — Dark Monochrome UI
   ==========================================================================
   Purpose: low-chrome internal UI. Query page is 3 independent regions:

     [Tree / Schema]   [Editor + Results]
     - HTMX reloads tree independently
     - HTMX swaps results independently
     - Editor stays mounted (CodeMirror)

   This stylesheet is organised by:
     1) Tokens / reset
     2) App shell (topbar, wrap)
     3) Query page layout (3-col)
     4) Shared UI primitives (panel, typography, forms, buttons)
     5) Query subcomponents (tree, editor, results)
     6) Results UI (tabs, toolbar, pager, table)
     7) CodeMirror chrome
   ========================================================================== */

/* base-app.css — entrypoint only */
@import url("./base-tokens.css");
@import url("./base-reset.css");
@import url("./base-layout.css");
@import url("./base-typography.css");
@import url("./base-components.css");
@import url("./base-tables.css");
@import url("./base-utilities.css");

.htmx-indicator { display: none; }
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator { display: inline; }