/* Built from current site CSS in unchanged cascade order. */
/* Original source: iron-site-flat-v480.css */
/* IRONScale v483 — flat surfaces without destroying dark controls in light mode. */
body:not(.light) .panel:not(.filters),
body:not(.light) .cv419-product,
body:not(.light) .watt-parts-head-v419,
body:not(.light) .tools-hero,
body:not(.light) .tool-hero {
  background:#171a15 !important;
  background-image:none !important;
}
body.light .panel:not(.filters),
body.light .cv419-product,
body.light .watt-parts-head-v419,
body.light .tools-hero,
body.light .tool-hero {
  background:#ece7d9 !important;
  background-image:none !important;
}
body:not(.light) .hero {background-color:#0b0e0a;background-image:none!important}
body.light .hero {background-color:#eeeadd;background-image:none!important}

/* Database filters are dark in BOTH themes. Do not turn a .panel.filters light while
   its controls and text still use a dark-on-light palette. */
body .panel.filters,
body.light .panel.filters,
html[data-theme="light"] body .panel.filters,
body[data-theme="light"] .panel.filters {
  background:#080b08 !important;
  background-image:none !important;
  color:#f0ead8 !important;
}
body .panel.filters h2,
body .panel.filters label,
body .panel.filters legend,
body .panel.filters .filter-label,
body.light .panel.filters h2,
body.light .panel.filters label,
body.light .panel.filters legend,
body.light .panel.filters .filter-label,
body[data-theme="light"] .panel.filters h2,
body[data-theme="light"] .panel.filters label {
  color:#f0ead8 !important;
  opacity:1 !important;
}
body .panel.filters select,
body.light .panel.filters select,
body[data-theme="light"] .panel.filters select {
  background:#11130f !important;
  color:#f4edda !important;
  border-color:#665126 !important;
  opacity:1 !important;
}
body .panel.filters .more-filter,
body.light .panel.filters .more-filter {color:#d7b65e !important}


/* IRONScale v485 | PSU series watt selector: never shrink variant cards.
   Loaded after the old v407 inline rules; only affects PSU detail pages. */
body[data-page="psu"] .detail-product-copy {
  min-width: 0 !important;
}
body[data-page="psu"] .series-variants-v36 {
  display: grid !important;
  grid-template-columns: 145px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 14px !important;
  row-gap: 8px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
body[data-page="psu"] .series-variants-v36 > .series-variants-label-v36 {
  min-width: 0 !important;
  max-width: 100% !important;
  width: auto !important;
  box-sizing: border-box !important;
}
body[data-page="psu"] .series-variants-v36 > .series-watts-v36 {
  grid-column: 2;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  flex: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: 8px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  box-sizing: border-box !important;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #9d833f transparent;
  scroll-snap-type: x proximity;
  padding: 2px 2px 7px !important;
}
body[data-page="psu"] .series-watts-v36 > .series-watt-v36 {
  flex: 0 0 140px !important;
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  min-height: 64px;
  box-sizing: border-box !important;
  scroll-snap-align: start;
}
/* Keep the entire watt/model/status label readable instead of a 5... / FK... column. */
body[data-page="psu"] .series-watt-v36 > strong,
body[data-page="psu"] .series-watt-v36 > .series-model-name-v380,
body[data-page="psu"] .series-watt-v36 > .series-model-name-v378,
body[data-page="psu"] .series-watt-v36 > .series-model-name-v377,
body[data-page="psu"] .series-watt-v36 > .series-status-v380,
body[data-page="psu"] .series-watt-v36 > span {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  overflow: visible !important;
  text-overflow: clip !important;
}
/* A per-model Tier explanation must not steal width from the watt buttons. */
body[data-page="psu"] .series-variants-v36 > :nth-child(n+3) {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: auto !important;
  box-sizing: border-box !important;
}
body[data-page="psu"] .series-watts-v36::-webkit-scrollbar {
  height: 6px;
}
body[data-page="psu"] .series-watts-v36::-webkit-scrollbar-track {
  background: transparent;
}
body[data-page="psu"] .series-watts-v36::-webkit-scrollbar-thumb {
  background: rgba(172,143,73,.7);
  border-radius: 6px;
}
@media (max-width: 900px) {
  body[data-page="psu"] .series-variants-v36 {
    grid-template-columns: minmax(0,1fr) !important;
    row-gap: 8px !important;
  }
  body[data-page="psu"] .series-variants-v36 > .series-variants-label-v36,
  body[data-page="psu"] .series-variants-v36 > .series-watts-v36 {
    grid-column: 1 !important;
  }
  body[data-page="psu"] .series-watts-v36 > .series-watt-v36 {
    flex-basis: 126px !important;
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
  }
}

/* Original source: iron-tier-help-v483.css */
/* IRONScale v483 Tier popover — isolated from general theme and card styling */
.iron-tier-help-v483{position:fixed;z-index:2147483000;width:min(342px,calc(100vw - 20px));box-sizing:border-box;padding:14px 16px;border:1px solid #a68a41;border-radius:10px;background:#171813;color:#e9e2cf;box-shadow:0 13px 36px rgba(0,0,0,.42);font:13px/1.52 system-ui,-apple-system,Arial,sans-serif;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s;text-align:left;overflow-wrap:break-word}
.iron-tier-help-v483.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .12s ease,transform .12s ease}
.iron-tier-help-v483 .iron-tier-help-title{display:block;font-size:14px;line-height:1.4;color:#e5cb82;font-weight:750;margin:0 0 6px}
.iron-tier-help-v483 p{font:inherit;color:#e7e0cb;margin:0 0 8px}
.iron-tier-help-v483 a{font:700 12px/1.5 system-ui,sans-serif;color:#e3c671;text-decoration:none;border-bottom:1px solid rgba(227,198,113,.6);display:inline-block;padding-bottom:1px}
.iron-tier-help-v483 a:hover,.iron-tier-help-v483 a:focus-visible{color:#fff3c2;border-bottom-color:#fff3c2}
@media(hover:none){.iron-tier-help-v483{font-size:14px}}
@media(prefers-reduced-motion:reduce){.iron-tier-help-v483{transition:none}}