/* Product workspace only. Package cards, selection, payment authority and dialog lifecycle stay with their controllers. */
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account,
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--payment {
  border-color:#36566e!important;background:linear-gradient(145deg,#132c40,#0e2235)!important;box-shadow:0 5px 16px #020b1426!important;
}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account > .title,
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--payment > .title {
  border-color:#365b73!important;background:#15354a!important;color:#e7f3fc!important;
}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account > .title :is(h2,p),
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--payment > .title h2 {color:#e7f3fc!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account {
  border-color:#34566e!important;background:#10293c!important;box-shadow:none!important;
}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account label {min-width:0;}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account-field-label {color:#bfd5e5!important;font-size:12px!important;line-height:1.5!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account input:not([type="checkbox"]) {
  min-height:44px!important;box-sizing:border-box!important;border:1px solid #49677c!important;border-radius:12px!important;background:#0a2032!important;color:#eaf6ff!important;font-size:16px!important;box-shadow:inset 0 1px 2px #020d1926!important;
}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account input::placeholder {color:#9cb6ca!important;opacity:1!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account input[aria-invalid="true"] {border-color:#e5a0ad!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account > button {
  min-height:44px!important;border:1px solid #68b4d1!important;border-radius:12px!important;background:linear-gradient(110deg,#12637f,#225183)!important;color:#f4fbff!important;font-size:14px!important;font-weight:700!important;box-shadow:inset 0 1px 0 #d9f8ff1c!important;
}
html body[data-ui-layout]:has(#packages):has(#package-filters) #account-result:not(:empty) {line-height:1.65!important;font-size:13px!important;overflow-wrap:anywhere;}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-panel {
  border-color:#34566e!important;background:#10293c!important;box-shadow:none!important;
}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option {
  border-color:#3b5d74!important;border-radius:13px!important;background:#142f44!important;box-shadow:none!important;color:#d9e9f4!important;
}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option b {color:#dcebf5!important;font-size:14px!important;line-height:1.5!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option small {color:#a9c2d4!important;font-size:12px!important;line-height:1.55!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-card-icon {background:#193c51!important;border-color:#426d83!important;color:#b9dcea!important;box-shadow:none!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--payment .terms {color:#acc5d8!important;font-size:12px!important;line-height:1.5!important;}
/* Paint only: the existing Total positioning, dimensions, summary and disabled Pay are unchanged. */
html body[data-ui-layout]:has(#packages):has(#package-filters) .total {border-color:#466a80!important;background:linear-gradient(120deg,#153b50,#102a3f)!important;color:#e4f2fb!important;box-shadow:0 6px 18px #020b1433!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) .total > div small {color:#b7d1e2!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) #summary-package {color:#e2f0fa!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) #summary-price {background:#0a2032!important;border-color:#3d6178!important;color:#f2d59b!important;box-shadow:none!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) .total > button:disabled {background:#203b50!important;border-color:#4a6479!important;color:#acc2d2!important;box-shadow:none!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account > button:disabled {background:#223e52!important;border-color:#49667a!important;color:#acc2d2!important;box-shadow:none!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input,button):focus-visible {outline:2px solid #9fe4f6!important;outline-offset:2px!important;border-color:#85d8ef!important;}
/* A natural-height scrolling dialog: no forced illustration aspect ratio or empty fixed-height body. */
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog {
  box-sizing:border-box!important;width:min(500px,calc(100vw - 24px))!important;min-width:0!important;height:fit-content!important;min-height:0!important;max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;padding:18px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;border:1px solid #54758c!important;border-radius:20px!important;background:#112b40!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#dcecf7!important;box-shadow:0 18px 52px #02091480!important;scroll-padding:16px!important;
}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog:not([open]),
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog[hidden] {display:none!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog::backdrop {background:#020d20b8!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog .dialog-header {
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-width:0!important;margin:0 0 14px!important;padding:0 0 12px!important;border-bottom:1px solid #37586f!important;background:#112b40!important;
}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog .dialog-header h2 {min-width:0!important;margin:0!important;color:#eef8ff!important;font-size:17px!important;line-height:1.55!important;font-weight:750!important;overflow-wrap:anywhere!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog .dialog-close-form {flex:0 0 auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog .dialog-close {
  box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid #4b6c83!important;border-radius:12px!important;background:#1b3a50!important;color:#dff4ff!important;font:24px/1 system-ui,sans-serif!important;box-shadow:none!important;
}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog > :is(p,ol,ul) {font-size:13px!important;line-height:1.8!important;color:#c8deed!important;overflow-wrap:anywhere!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog > :is(ol,ul) {padding-inline-start:22px!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog li + li {margin-top:7px!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog a {color:#91d9ef!important;text-decoration:underline!important;text-underline-offset:3px!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog .bonus-actions {margin-top:16px!important;padding-top:12px!important;border-top:1px solid #37586f!important;background:transparent!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog .bonus-understood {width:100%!important;min-height:44px!important;padding:10px 14px!important;border:1px solid #70b9d1!important;border-radius:12px!important;background:linear-gradient(110deg,#12637f,#225183)!important;color:#f2fbff!important;font-size:13px!important;line-height:1.6!important;font-weight:700!important;box-shadow:none!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog :is(button,a):focus-visible {outline:2px solid #a7e8f7!important;outline-offset:3px!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog .bonus-guide {border-color:#436d85!important;background:#0e2438!important;box-shadow:none!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide::before {background:none!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-scene {aspect-ratio:auto!important;min-height:0!important;border-color:#3b617a!important;background:#0c2235!important;box-shadow:none!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-product {border-bottom-color:#355b73!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-metric {border-color:#416b85!important;background:#14354c!important;box-shadow:none!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-metric small {color:#bdd9e9!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-metric strong {color:#eaf8ff!important;text-shadow:none!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog .weekly-guide-metric-full strong {color:#f4dba6!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog :is(.weekly-guide-daily,.weekly-guide-summary,.weekly-guide figcaption) {color:#bad5e5!important;}
html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog [hidden] {display:none!important;}
@media(max-width:360px) {
  html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog {padding:13px!important;border-radius:16px!important;}
  html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog .dialog-header h2 {font-size:16px!important;}
}
@media(forced-colors:active) {
  html body[data-ui-layout]:has(#packages):has(#package-filters) :is(.checkout-panel--account,.checkout-panel--payment,.total),
  html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account :is(.title,.account,input),
  html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account input:not([type="checkbox"]),
  html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--payment :is(.title,.payment-panel,.payment-option,.payment-card-icon),
  html body[data-ui-layout]:has(#packages):has(#package-filters) #summary-price,
  html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog[open],
  html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog[open] .bonus-guide,
  html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog[open] .dialog-header,
  html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog[open] :is(.weekly-guide-scene,.weekly-guide-metric) {background:Canvas!important;color:CanvasText!important;border-color:ButtonBorder!important;box-shadow:none!important;}
  html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account > .title :is(h2,p),
  html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--payment > .title h2,
  html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--payment .payment-option :is(b,small),
  html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--payment .terms,
  html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account-field-label,
  html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account input::placeholder,
  html body[data-ui-layout]:has(#packages):has(#package-filters) .total > div :is(small,b),
  html body[data-ui-layout]:has(#packages):has(#package-filters) #summary-package,
  html body[data-ui-layout]:has(#packages):has(#package-filters) #summary-price,
  html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog[open] :is(h2,p,ol,ul,a),
  html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog.weekly-dialog[open] :is(.weekly-guide-metric small,.weekly-guide-metric strong,.weekly-guide-metric-full strong,.weekly-guide-daily,.weekly-guide-summary,.weekly-guide figcaption) {color:CanvasText!important;text-shadow:none!important;}
  html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account > button,
  html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog[open] :is(.dialog-close,.bonus-understood) {background:ButtonFace!important;color:ButtonText!important;border-color:ButtonBorder!important;box-shadow:none!important;}
  html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account > button:disabled,
  html body[data-ui-layout]:has(#packages):has(#package-filters) .total > button:disabled {background:ButtonFace!important;color:GrayText!important;border-color:GrayText!important;}
  html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account input[aria-invalid="true"] {border-color:Mark!important;}
  html body[data-ui-layout]:has(#packages):has(#package-filters) .checkout-panel--account .account :is(input,button):focus-visible,
  html body[data-ui-layout]:has(#packages):has(#package-filters) dialog.store-dialog :is(button,a):focus-visible {outline-color:Highlight!important;border-color:Highlight!important;}
}