/* TALNEXQ v4.11.1 — website readability (both themes; build 20261016.tnxq4111).
   The light theme (quantum-light-v3.4.css) turns most website sections light but left a number of labels with the pale
   colours they were designed with for the dark theme; a few light-designed blocks kept white backgrounds under the dark
   theme's light text. Each rule below gives text a colour that reads on the background it actually sits on. */

/* ---------- Inner pages (Solutions, Platform, Company, Contact, FAQ, QI Intelligence) — light theme ---------- */
:root[data-theme="light"] .q-inner .announce{color:#2c4c69!important}
:root[data-theme="light"] .q-inner .announce a{color:#075c9a!important}
:root[data-theme="light"] .q-inner :is(.dark-hero,.contact-band) .eyebrow.light{color:#0b6577}
:root[data-theme="light"] .q-inner :is(.section,.cta-strip) .eyebrow:not(.light){color:#066b73}
:root[data-theme="light"] .q-inner .hero-labels span{color:#2c5674;border-color:#b7d3e6}
:root[data-theme="light"] .q-inner .gradient-light{background:linear-gradient(120deg,#09608f,#225bc4,#6240a2);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
:root[data-theme="light"] .q-inner .insight-visual{background:rgba(255,255,255,.72);border-color:#c7dcec}
:root[data-theme="light"] .q-inner .insight-node{background:#ffffff;border-color:#cfe0ee}
:root[data-theme="light"] .q-inner .insight-node small{color:#4d667f}
:root[data-theme="light"] .q-inner .insight-join{color:#0b8a83}
:root[data-theme="light"] .q-inner .insight-node.highlight{color:#ffffff;background:linear-gradient(140deg,#14477c,#0b6b72);border-color:#45e2d8}
:root[data-theme="light"] .q-inner .insight-node.highlight :is(strong,b){color:#ffffff}
:root[data-theme="light"] .q-inner .insight-node.highlight small{color:#d6eaf6}
:root[data-theme="light"] .q-inner .quote-panel :is(h2,h3){color:#ffffff}
:root[data-theme="light"] body.q-inner .section .quote-panel p{color:#bcd6e8}
:root[data-theme="light"] .q-inner .solution-card a{color:#08707a}
:root[data-theme="light"] .q-inner .tag-line{color:#4a6f7c}
:root[data-theme="light"] .q-inner .step-card .number{color:#08737a}
:root[data-theme="light"] .q-inner .process-item b{color:#0b7480}
:root[data-theme="light"] .q-inner .contact-detail{color:#1e4566}
:root[data-theme="light"] .q-inner .contact-detail span{color:#4d667f}
:root[data-theme="light"] .q-inner .contact-detail span[style*="color"]{color:#4d667f!important}
:root[data-theme="light"] .q-inner .contact-card .form-top .kicker{color:#0a6a8a}
:root[data-theme="light"] .q-inner .footer-logo{color:#143354}
:root[data-theme="light"] .q-inner .footer-logo span{color:#0a7d77}
:root[data-theme="light"] .q-inner :is(.footer-brand-line,.footer h3){color:#0b6577}
:root[data-theme="light"] .q-inner .footer-caption{color:#4d667f}
:root[data-theme="light"] .q-inner .footer-contact{color:#355979!important}
:root[data-theme="light"] .q-inner .footer-bottom,:root[data-theme="light"] .q-inner .footer-bottom span{color:#4d667f}
:root[data-theme="light"] .q-inner .footer-bottom a{color:#2a5a80}

/* ---------- Inner pages — dark theme (the default) ---------- */
:root:not([data-theme="light"]) .q-inner .section .eyebrow:not(.light){color:#3fc9cf}
:root:not([data-theme="light"]) .q-inner .cta-strip{color:#133455}
:root:not([data-theme="light"]) .q-inner .cta-strip :is(h2,h3){color:#133455}
:root:not([data-theme="light"]) .q-inner .cta-strip .eyebrow{color:#066b73}
:root:not([data-theme="light"]) .q-inner .process-grid{background:#1f3d63;border-color:#1f3d63}
:root:not([data-theme="light"]) .q-inner .process-item{background:#0b2342;border-color:#1f3d63}
:root:not([data-theme="light"]) .q-inner .process-item b{color:#5fd6e0}
:root:not([data-theme="light"]) .q-inner .note{background:#0d2f3a;border-color:#1f5866;color:#cfe6f2}
:root:not([data-theme="light"]) .q-inner .note :is(strong,b){color:#ffffff}
:root:not([data-theme="light"]) .q-inner .btn-outline{background:transparent;color:#e8f4ff;border-color:rgba(232,244,255,.55)}
:root:not([data-theme="light"]) .q-inner .form-field span{color:#b6c8dc}
:root:not([data-theme="light"]) .q-inner .definition{color:#a9bed6}
:root:not([data-theme="light"]) .q-inner .definition strong{color:#e6f2ff}
:root:not([data-theme="light"]) .q-inner .insight-node.highlight small{color:#d6eaf6}
:root:not([data-theme="light"]) .q-inner :is(.header-cta,.btn-primary){background:linear-gradient(120deg,#0d6fae,#2456cf)!important;color:#ffffff!important}

/* ---------- Showcase pages (Home, Products, Resources, Sign-in, QI features / releases / trust / SaaS) — light theme ---------- */
:root[data-theme="light"] .q-showcase :is(.inline-link,.showcase-note a,.resource-grid span,.login-other a,.back-link){color:#0a6a8a}
:root[data-theme="light"] .q-showcase .workspace-top>span:first-child{color:#c9dcef}
:root[data-theme="light"] .q-showcase .preview-heading h3 span{color:#0a7a96}
:root[data-theme="light"] .q-showcase .demo-label{color:#2b6c9e}
:root[data-theme="light"] .q-showcase .assistant-search{color:#4f6680}
:root[data-theme="light"] .q-showcase .btn-aqua{color:#9ff3ea}
:root[data-theme="light"] .q-showcase .qi41-role-context{color:#3d5570}
:root[data-theme="light"] .q-showcase .qi41-role-context strong{color:#0f2a44}
:root[data-theme="light"] .q-showcase .q44-hero .kicker{color:#8fdcff}
:root[data-theme="light"] .q-showcase .section-dark :is(h1,h2,h3) em{color:#0b7a70}
:root[data-theme="light"] .q-showcase .q44-heading>p{color:#4d667f}
:root[data-theme="light"] .q-showcase .q44-small{color:#4f6d82}
:root[data-theme="light"] .q-showcase .q44-statement>p:not(.kicker){color:#3f5a72}
:root[data-theme="light"] .q-showcase .q44-release{color:#e6f2ff}
:root[data-theme="light"] .q-showcase .q44-release h2{color:#f0faff}
/* staging-release badges sit on the dark catalogue cards in both themes */
:root[data-theme="light"] .q-showcase .q44-feature-group .q44-state{color:#ffc777}

/* ---------- Website header on laptop widths ----------
   The full menu needed about 1,500px; between 900px and 1,500px it pushed "Let's connect" and Login off-screen. Tighter
   spacing first, then an icon-only theme switch, then the existing compact menu button. */
@media (max-width:1500px) and (min-width:901px){
  .q-inner .header .nav{gap:16px}
  .q-inner .header-inner{gap:14px}
  .q-inner .header-cta,.q-inner .header-signin{padding-left:12px;padding-right:12px}
}
@media (max-width:1400px) and (min-width:901px){
  .q-inner .header [data-tnx-theme-label]{display:none}
}
@media (max-width:1260px) and (min-width:901px){
  .q-inner .header .nav{display:none}
  .q-inner .header .menu-btn{display:flex;margin-left:auto}
}

/* ---------- Home page illustrative preview (dark theme) ---------- */
:root:not([data-theme="light"]) .q-showcase .side-link.current{background:linear-gradient(90deg,#0f7fd0,#2261d6)}
:root:not([data-theme="light"]) .q-showcase .assistant-search{color:#566b82}

/* TALNEXQ client SaaS entry */
.head-actions .client-nav-link{display:inline-flex;align-items:center;color:#58bce3;font-weight:700;text-decoration:none;font-size:13px;margin-right:14px;white-space:nowrap}.head-actions .client-nav-link:hover{text-decoration:underline}@media(max-width:750px){.head-actions .client-nav-link{display:none}}