/* Stage 436 — Pixel-Level UI Polish + Production UX Guardrails */
:root {
  --ql436-safe-x: clamp(12px, 3vw, 44px);
  --ql436-focus: 0 0 0 3px rgba(53, 245, 160, .32), 0 0 0 1px rgba(95, 216, 255, .55) inset;
  --ql436-panel-border: rgba(118, 158, 190, .32);
  --ql436-panel-bg: linear-gradient(180deg, rgba(8, 24, 39, .88), rgba(4, 14, 26, .78));
}

html.qlion-stage436-ui-polish,
html.qlion-stage436-ui-polish body {
  max-width: 100%;
  overflow-x: hidden;
  text-rendering: geometricPrecision;
}

body.qlion-stage436-ui-polish * {
  min-width: 0;
  box-sizing: border-box;
}

body.qlion-stage436-ui-polish img,
body.qlion-stage436-ui-polish svg,
body.qlion-stage436-ui-polish video,
body.qlion-stage436-ui-polish canvas {
  max-width: 100%;
}

body.qlion-stage436-ui-polish a:focus-visible,
body.qlion-stage436-ui-polish button:focus-visible,
body.qlion-stage436-ui-polish input:focus-visible,
body.qlion-stage436-ui-polish select:focus-visible,
body.qlion-stage436-ui-polish textarea:focus-visible,
body.qlion-stage436-ui-polish [tabindex]:focus-visible {
  outline: none !important;
  box-shadow: var(--ql436-focus) !important;
}

body.qlion-stage436-ui-polish a,
body.qlion-stage436-ui-polish button,
body.qlion-stage436-ui-polish [role="button"] {
  touch-action: manipulation;
}

body.qlion-stage436-ui-polish .ql-btn,
body.qlion-stage436-ui-polish .s416-pill,
body.qlion-stage436-ui-polish .tab-btn,
body.qlion-stage436-ui-polish button,
body.qlion-stage436-ui-polish input,
body.qlion-stage436-ui-polish select {
  min-height: 44px;
}

body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-main,
body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-footer {
  width: min(var(--ql-max, 1400px), calc(100vw - (var(--ql436-safe-x) * 2)));
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.qlion-stage436-ui-polish.qlion-stage425-live-landing .landing-header.ql-header {
  padding-left: max(14px, env(safe-area-inset-left, 0px)) !important;
  padding-right: max(14px, env(safe-area-inset-right, 0px)) !important;
}

body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-hero {
  min-height: calc(100dvh - 104px);
  align-items: center;
}

body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-card,
body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-faq-block,
body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-final-cta,
body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-hero-panel {
  border-color: var(--ql436-panel-border) !important;
  box-shadow: 0 22px 64px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-section-title {
  align-items: end;
}

body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-section-title h2,
body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-hero h1 {
  text-wrap: balance;
}

body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-lead,
body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-card p,
body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-section-subtitle {
  text-wrap: pretty;
}

body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-support-strip {
  padding-inline: 16px;
  text-align: center;
  flex-wrap: wrap;
}

body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .shell {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}

body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .sidebar {
  border-right-color: rgba(118, 158, 190, .18) !important;
}

body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .main {
  overflow-x: hidden !important;
}

body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .panel,
body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .card,
body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .design-banner,
body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .chart-wrap {
  border-color: var(--ql436-panel-border) !important;
  box-shadow: 0 18px 46px rgba(2, 6, 23, .24), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .topbar,
body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .tabbar {
  scrollbar-width: thin;
}

body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .chart-wrap,
body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .chart-wrap.chart-workspace-pro {
  min-height: clamp(340px, 52vh, 620px) !important;
}

body.qlion-stage436-ui-polish.qlion-operator-console .s416-shell {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}

body.qlion-stage436-ui-polish.qlion-operator-console .s416-card,
body.qlion-stage436-ui-polish.qlion-operator-console .s416-sidebar,
body.qlion-stage436-ui-polish.qlion-operator-console .s416-topbar {
  border-color: rgba(127, 166, 199, .24) !important;
}

body.qlion-stage436-ui-polish.qlion-operator-console .s416-status,
body.qlion-stage436-ui-polish.qlion-operator-console .s416-nav {
  flex-wrap: wrap;
}

body.qlion-stage436-ui-polish.qlion-operator-console .s416-layout {
  min-width: 0;
}

@media(max-width:1200px) {
  body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-hero {
    min-height: auto;
  }
  body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .shell {
    grid-template-columns: minmax(250px, 320px) minmax(0, 1fr) !important;
  }
}

@media(max-width:760px) {
  body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .shell,
  body.qlion-stage436-ui-polish.qlion-operator-console .s416-layout {
    grid-template-columns: 1fr !important;
  }
  body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .sidebar,
  body.qlion-stage436-ui-polish.qlion-operator-console .s416-sidebar {
    max-height: none !important;
    overflow: visible !important;
  }
  body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .topbar,
  body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .tabbar {
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
  }
}

@media(max-width:560px) {
  body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-main,
  body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-footer {
    width: calc(100vw - 24px);
  }
  body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-actions,
  body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-hero-buttons,
  body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-final-cta .ql-btn {
    width: 100%;
  }
  body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-actions .ql-btn,
  body.qlion-stage436-ui-polish.qlion-stage425-live-landing .ql-hero-buttons .ql-btn {
    width: 100%;
    justify-content: center;
  }
  body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .main,
  body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .sidebar,
  body.qlion-stage436-ui-polish.qlion-operator-console .s416-shell,
  body.qlion-stage436-ui-polish.qlion-operator-console .s416-sidebar,
  body.qlion-stage436-ui-polish.qlion-operator-console .s416-main {
    padding-inline: 12px !important;
  }
  body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .chart-wrap,
  body.qlion-stage436-ui-polish:not(.qlion-stage425-live-landing):not(.qlion-operator-console) .chart-wrap.chart-workspace-pro {
    min-height: 340px !important;
  }
}

@media(prefers-reduced-motion:reduce) {
  html.qlion-stage436-ui-polish,
  body.qlion-stage436-ui-polish,
  body.qlion-stage436-ui-polish *,
  body.qlion-stage436-ui-polish *::before,
  body.qlion-stage436-ui-polish *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}
/* Stage436 static contract literal: overflow-x:hidden */