/* Package paint only. Geometry, artwork, selected checks, discount authority and tactile zoom stay unchanged. */
html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack:not([hidden]) {
  background:linear-gradient(145deg,#142d42,#0d2234)!important;
  border-color:#3c596f!important;color:#e8f3fc!important;
}
html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack > b {color:#eaf5fd!important;}
html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack:not(.has-discount-preview) > strong {color:#eed29a!important;}
html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack > small {color:#b2cbdc!important;}
html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack > .pack-ribbon {
  background:#1b354b!important;border-color:#3e6076!important;color:#c3dfef!important;
}
html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack.weekly-guide-pack > .pack-ribbon {
  background:#523140!important;border-color:#916377!important;color:#ffe0e9!important;
}
/* The verified discount remains green and underlined; its existing corner chip keeps its exact layout. */
html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack > .pack-discount-badge {
  background:#a12f49!important;border-color:#e594a8!important;color:#fff3f7!important;
}
html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not([hidden]) {
  background:linear-gradient(145deg,#19465d,#112f46)!important;border-color:#85d8ef!important;outline-color:#85d8ef!important;
}
html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not([hidden])::after {background:#85d8ef!important;color:#062b3c!important;border-color:#b9efff!important;}
html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack:focus-visible:not([hidden]) {border-color:#9ae2f6!important;outline-color:#b5efff!important;}
html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack:disabled:not([hidden]) {border-color:#40586b!important;color:#a9bece!important;}
html body[data-ui-layout]:has(#package-filters) #packages.packages > .package-section-heading {border-bottom-color:#36576c!important;}
html body[data-ui-layout]:has(#package-filters) #packages.packages .package-section-title {color:#d1e9f6!important;}
html body[data-ui-layout]:has(#package-filters) #packages.packages .package-section-mark {background:#173d52!important;border-color:#4b7c94!important;color:#a0e0f4!important;}
html body[data-ui-layout]:has(#package-filters) #packages.packages .package-section-count {color:#a1bed1!important;}
html body[data-ui-layout]:has(#packages.packages) #package-filters.package-filters > button:not([hidden]) {background:#112e43!important;border-color:#3a5c74!important;color:#bdd7e8!important;}
html body[data-ui-layout]:has(#packages.packages) #package-filters.package-filters > button:is(.active,[aria-pressed="true"]):not([hidden]) {background:#19465b!important;border-color:#72c6e1!important;color:#e9faff!important;}
@media(hover:hover) and (pointer:fine) {
  html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack:not(:disabled):not(.selected):not([aria-pressed="true"]):not([hidden]):hover {
    background:linear-gradient(145deg,#1b3b52,#132d42)!important;border-color:#669fb9!important;
  }
}
@media(forced-colors:active) {
  html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack:not([hidden]),
  html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not([hidden]),
  html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack:not(:disabled):not(.selected):not([aria-pressed="true"]):not([hidden]):hover {
    background:Canvas!important;border-color:ButtonBorder!important;color:CanvasText!important;
  }
  html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack > :is(b,strong,small,.pack-ribbon,.pack-discount-badge),
  html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack:not(.has-discount-preview) > strong,
  html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack.weekly-guide-pack > .pack-ribbon {color:CanvasText!important;}
  html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack > :is(.pack-ribbon,.pack-discount-badge),
  html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack.weekly-guide-pack > .pack-ribbon {background:Canvas!important;border-color:ButtonBorder!important;}
  html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not([hidden]),
  html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack:focus-visible:not([hidden]) {border-color:Highlight!important;outline-color:Highlight!important;}
  html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack:is(.selected,[aria-pressed="true"]):not([hidden])::after {background:Highlight!important;color:HighlightText!important;border-color:Highlight!important;}
  html body[data-ui-layout]:has(#package-filters) #packages.packages > button.pack:disabled:not([hidden]) {border-color:GrayText!important;color:GrayText!important;}
  html body[data-ui-layout]:has(#package-filters) #packages.packages > .package-section-heading {border-bottom-color:ButtonBorder!important;}
  html body[data-ui-layout]:has(#package-filters) #packages.packages :is(.package-section-title,.package-section-count) {color:CanvasText!important;}
  html body[data-ui-layout]:has(#package-filters) #packages.packages .package-section-mark {background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;}
  html body[data-ui-layout]:has(#packages.packages) #package-filters.package-filters > button:not([hidden]),
  html body[data-ui-layout]:has(#packages.packages) #package-filters.package-filters > button:is(.active,[aria-pressed="true"]):not([hidden]) {background:ButtonFace!important;color:ButtonText!important;border-color:ButtonBorder!important;}
  html body[data-ui-layout]:has(#packages.packages) #package-filters.package-filters > button:is(.active,[aria-pressed="true"]):not([hidden]) {border-color:Highlight!important;}
}