/* 44-scenario-266.css: BugHerd #266 (CV-3045) /buffer-scenario-analyzer/ parity fixes.
   Scoped under .blending-tool so no other page is touched.
   Targets are measured reference values (www.vestfin.com, 1512x982).
   Specificity: an in-body <style> (the page-51 mount_html blob plus the inline
   style in vue-widget-mount.php) loads after this head sheet, so rules that must
   win either add `html` (beats the blob's class rules) or use !important (only
   way to beat the #SPY id-selector rule without editing the PHP). */

/* Item 1: filter-by-asset radios. Restore native 13x13 + UA margins
   (appearance auto, margin 3px 3px 0 5px, 3px gap to label): Tailwind preflight
   zeroes them and the theme inline style sizes SPY to 14x14 / margin-right 8px. */
html .blending-tool .reference-filter__option input[type="radio"] {
  margin: 3px 3px 0 5px;
}
.blending-tool .scenario-analyzer__assets-filter input#SPY[type="radio"] {
  /* neutralize the pre-JS "checked" hack in vue-widget-mount.php's inline style */
  appearance: auto !important;
  -webkit-appearance: auto !important;
  width: 13px !important;
  height: 13px !important;
  margin: 3px 3px 0 5px !important;
  border: 0 !important;
  background: none !important;
  border-radius: 0 !important;
}

/* Item 2: filter-by-month checkboxes. Ref gap to label 8px (margin 3px 8px 3px 4px).
   The blob-embedded style forces 3px on the right; the html prefix outguns it. */
html .blending-tool .filter__option input[type="checkbox"] {
  margin: 3px 8px 3px 4px;
}

/* Item 1/2 box padding: ref tool container is padding: 24px; the gutter override
   forces 24px 30px, squeezing the tool 12px narrower (1198 vs 1210).
   gutter-system.css pins `.container{padding-inline:var(--vf-gutter)!important}`,
   so this needs !important too (the 4-part selector wins among importants).
   Scoped to >=851px so the mobile card keeps the sitewide gutter. */
@media only screen and (min-width: 851px) {
  html .blending-tool .container.blending-tool__body__tool {
    padding: 24px !important;
  }
}

/* Item 3: As-of / Download row. Restore the UA button padding Tailwind preflight
   strips (1px 6px, button height 26 vs 24). */
html .blending-tool .scenario-analyzer__actions .btn.__download {
  padding: 1px 6px;
}

/* Safety net for the stray literal "< !---->" text node that sits as a direct
   child of .scenario-analyzer__container (top-of-card on mobile, junk text under
   the desktop table). JS removes it (44-bsa-hover.js); this hides the pre-JS
   flash. Text nodes can't be targeted, so collapse container-level text and
   restore sizes on the element children. */
.blending-tool .scenario-analyzer__container {
  font-size: 0.0001px;
}
.blending-tool .scenario-analyzer__container > * {
  font-size: 16px; /* matches .blending-tool base font-size (Tailwind text-base) */
}