/* QA fixes for group B (products and platform pages only). Loaded after the shared stylesheets. */

/* Decorative dashboard mock: headings are now div elements (QA-181). Match the former h2/h3 styling. */
.native-dashboard .nd-title .nd-h2{display:block;margin:0;padding:0;font-family:Barlow,"Segoe UI",Arial,sans-serif;font-size:19px;font-weight:600;line-height:1.04;letter-spacing:normal;color:#142b49}
.native-dashboard .nd-posture>.nd-h3{display:block;margin:0 0 5px;padding:0;font-family:Barlow,"Segoe UI",Arial,sans-serif;font-size:13px;font-weight:600;line-height:1.15;letter-spacing:-0.364px;color:#142b49}
.native-dashboard .nd-widget>.nd-h3{display:block;margin:0 0 6px;padding:0 0 5px;border-bottom:1px solid #edf0f5;font-family:Barlow,"Segoe UI",Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-0.392px;color:#142b49;flex-shrink:0}
.nd-widget.is-guided>.nd-h3{animation:nd-title-breathe 3.6s ease-in-out infinite}
@media (max-width:600px){.native-dashboard .nd-title .nd-h2{line-height:1.25}}
@media (prefers-reduced-motion:reduce){.nd-widget.is-guided>.nd-h3{animation:none}}

/* Minimum text size of 12px inside the dashboard mock (QA-330, QA-335 to QA-339) */
.native-dashboard .nd-title>span,
.native-dashboard .nd-open,
.native-dashboard .nd-chart-labels span{font-size:12px!important}

/* Platform deployment tags: no all-capitals text (QA-177) */
.deployment-badge{text-transform:none!important}

/* KnowledgeVare logo at the same visual size as the other product logos (QA-190, QA-194) */
.knowledgevare-callout .knowledgevare-mark--compact{width:auto!important;height:20px!important;flex:0 0 auto!important;max-width:none}
:root body .page-hero img.knowledgevare-hero-mark.tv-product-logo{display:block!important;width:auto!important;height:40px!important;max-width:100%;margin:0 0 18px}

/* Compare the Suite table: stack rows as cards on small screens (QA-189) */
@media (max-width:760px){
  #compare .table-wrap{overflow:visible}
  #compare table,#compare tbody,#compare tr,#compare td{display:block;width:100%!important;min-width:0!important}
  #compare table{border:0}
  #compare thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  #compare tr{margin:0 0 14px;padding:14px 16px;border:1px solid rgba(45,46,95,.14);border-radius:14px;background:#fff}
  #compare td{padding:4px 0!important;border:0!important;white-space:normal!important}
  #compare td:nth-child(2)::before{content:"Discipline";}
  #compare td:nth-child(3)::before{content:"Standards Alignment";}
  #compare td:nth-child(4)::before{content:"Core Capabilities";}
  #compare td:nth-child(n+2)::before{display:block;font-size:12px;font-weight:600;color:#5b5f7a;margin-bottom:2px}
}

/* Platform: How It Works arrows must not cover the step titles (QA-175) */
@media (min-width:901px){.platform-operating-loop .flow-card-grid .flow-card+.flow-card>b{padding-left:24px}}
@media (min-width:651px) and (max-width:900px){.platform-operating-loop .flow-card-grid .flow-card:nth-child(2)>b,.platform-operating-loop .flow-card-grid .flow-card:nth-child(4)>b{padding-left:24px}}

/* AiiVare page: long link and KnowledgeVare callout wrap at narrow widths (QA-172) */
.aivp-note .text-link{white-space:normal!important;overflow-wrap:anywhere}
.aiw-foot .knowledgevare-callout{max-width:100%;min-width:0;box-sizing:border-box;flex-wrap:wrap}
.aiw-foot .knowledgevare-callout>*{min-width:0}

/* AiiVare final CTA band: remove the stray outline artefact and use the standard primary button (QA-324) */
.aivp-cta>.home-section-outline{display:none!important}
.aivp-cta .btn-primary{background:linear-gradient(120deg,#2b5bd7,#4338ca)!important;border-color:transparent!important;color:#fff!important}

/* AiiVare: Coming Soon pill at a readable size (QA-327) */
.knowledgevare-interest .pill,.aivp-new{font-size:12px!important}

/* Full-size dashboard view (QA-179) */
.erm-pad-hero>.qa-dash-open{grid-column:-2/-1;justify-self:center;align-self:start}
.qa-dash-open{display:block;margin:10px auto 0;padding:8px 16px;border:1px solid rgba(45,46,95,.22);border-radius:999px;background:#fff;color:#2d2e5f;font:600 14px/1.2 Barlow,"Segoe UI",Arial,sans-serif;cursor:pointer}
.qa-dash-open:hover,.qa-dash-open:focus-visible{border-color:#4338ca;color:#4338ca}
html.qa-dash-lock,html.qa-dash-lock body{overflow:hidden}
.qa-dash-overlay{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;align-items:stretch;background:#0f1228;padding:16px}
.qa-dash-close{align-self:flex-end;margin:0 0 10px;padding:8px 18px;border:0;border-radius:999px;background:#fff;color:#1e1b4b;font:600 14px/1.2 Barlow,"Segoe UI",Arial,sans-serif;cursor:pointer}
.qa-dash-scroll{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:12px}
.qa-dash-overlay .qa-dash-pad{margin:0 auto;width:max-content;max-width:none;padding:0;border:0;background:none;box-shadow:none;transform:none;aspect-ratio:auto}
.qa-dash-overlay .qa-dash-pad::before,.qa-dash-overlay .qa-dash-pad::after{display:none}
.qa-dash-overlay .erm-pad-display{position:relative;height:auto!important;aspect-ratio:auto;overflow:visible;--erm-pad-scale:1}
.qa-dash-overlay .erm-pad-display .native-dashboard{position:relative;inset:auto;left:auto!important;top:auto!important;transform:none!important;height:auto;width:100%}

/* final pass: minimum readable size on mobile */
@media (max-width:600px){p.nd-data-note{font-size:12px!important}}