/* ==================== Global Layout ==================== */
html {
  min-height: 100%;
  background: linear-gradient(135deg, #0a0e27 0%, #1a1d3a 50%, #252840 100%);
}

body {
  margin: 0;
  min-height: 100%;
  background: transparent;
  color: #ffffff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont,
                 "Segoe UI", sans-serif !important;
}

html, body {
    overscroll-behavior: none;
}

/* Layout Container - Width controlled by body class */
.pageContainer {
    margin: 0 auto 20px auto;
    padding: 15px 20px 20px 20px;
}

/* Layout Modes */
body.layout-narrow .pageContainer {
    max-width: 1300px;
}

body.layout-wide .pageContainer {
    max-width: 1800px;
}

body.layout-fluid .pageContainer {
    max-width: 100%;
}

.defaultIcon {
    width: 16px;
    height: 16px;
}

.noLinkStyle {
    color: inherit;
    text-decoration: none;
}

@media (max-width: 900px) {
    .pageContainer {
        padding: 10px 15px 40px 15px;
    }
}

@media (max-width: 480px) {
    .pageContainer {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* ==================== GLOBAL SCROLLBAR ==================== */

html::-webkit-scrollbar {
    width: 12px;
}

html::-webkit-scrollbar-track {
    background: #252840;
}

html::-webkit-scrollbar-thumb {
    background: #6b7280;
    border-radius: 10px;
    border: 3px solid transparent;
    background-clip: padding-box;
}

html::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

/* ==================== Bokeh Chart Alignment ==================== */

.bk-root {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ==================== Visually Hidden ====================
   Text that only assistive technology reads. Used where a control's visible
   text is the value it holds rather than what it is — the navbar timezone
   trigger, whose visible label is the offset itself. */

.visuallyHidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}