/* app/static/css/app.css */
/* ==========================================================================
   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 directory:
     - tokens/: root tokens and theme overrides
     - base/: reset, layout, typography, utilities
     - components/: shared primitives
     - features/: page/feature-scoped CSS
   ========================================================================== */

/* Entrypoint only. Preserve import order unless intentionally changing cascade behavior. */
@import url("./components/core.css");
@import url("./features/connections.css");
@import url("./components/feedback.css");
@import url("./base/layout.css");
@import url("./base/reset.css");
@import url("./components/tables.css");
@import url("./tokens/index.css");
@import url("./components/scrollbars.css");
@import url("./base/typography.css");
@import url("./base/utilities.css");

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

html.theme-preload *,
html.theme-preload *::before,
html.theme-preload *::after {
    transition: none !important;
}