/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

@font-face {
  font-family: "SwiDlLuSsCJtc";
  src: url("/fonts/SwiDlLuSsCJtc-DiLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Shared vertical and horizontal scrollbars for pages, tables, and panels. */
:root {
  --scrollbar-track: #e8eef5;
  --scrollbar-thumb: #94a3b8;
  --scrollbar-thumb-hover: #64748b;
  --scrollbar-thumb-active: #475569;
}

:root.dark {
  --scrollbar-track: #172033;
  --scrollbar-thumb: #64748b;
  --scrollbar-thumb-hover: #94a3b8;
  --scrollbar-thumb-active: #cbd5e1;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

html { scrollbar-gutter: stable; }

/* Chromium and Safari support rounded thumbs and interactive colors. */
@supports selector(::-webkit-scrollbar) {
  * { scrollbar-width: auto; scrollbar-color: auto; }
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-track { background: var(--scrollbar-track); border-radius: 999px; }
  ::-webkit-scrollbar-thumb {
    min-height: 32px;
    min-width: 32px;
    border: 2px solid var(--scrollbar-track);
    border-radius: 999px;
    background: var(--scrollbar-thumb);
  }
  ::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); }
  ::-webkit-scrollbar-thumb:active { background: var(--scrollbar-thumb-active); }
  ::-webkit-scrollbar-corner { background: var(--scrollbar-track); }
}

@media (forced-colors: active) {
  * { scrollbar-color: auto; scrollbar-width: auto; }
  ::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background: Canvas; }
  ::-webkit-scrollbar-thumb { background: ButtonText; border-color: Canvas; }
  ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active { background: Highlight; }
}