/* PRIVATE App 3.6.62 styling candidate, based on frozen App 3.6.61.
   Blue paint only: no geometry, typography, content, behavior or asset edits.
   The approved full-box header and Music/Notifications remain unchanged.
   Existing raster wave compositions already share the supplied blue palette;
   keep those image bytes, placements and gold accents exactly as they are. */

/* The outer blue shell and plain sidebar use the supplied navy/cobalt family.
   Match the adaptive-owner selector so its older muted gradient cannot win. */
html body,
html body.adaptive-owner {
  background:linear-gradient(135deg,#0043a1,#021945 76%) !important;
}
html body.adaptive-owner #adaptiveNav {
  background:linear-gradient(135deg,#0043a1 0%,#073982 42%,#021945 100%) !important;
}

/* This is the visible Home product carousel, not the hidden legacy tile.
   Retain its original radial layout/stops and its separate gold ellipse. */
html body #home .account-product-rail .browse-product-card {
  background:radial-gradient(ellipse at 40% 0%,#0043a1 0%,#073982 40%,#021945 85%);
}

/* Existing native blue actions inherit a new paint only. Keep header/utility controls,
   Music settings and Notifications screens on their exact original styling.
   Existing selected, danger, disabled and focus rules continue to own states. */
html body .screen:not(.public):not(#notifications):not(#notificationSettings):not(#experienceSettings)
  :is(button,a,input[type="button"],input[type="submit"]):not(.home-utilities *):not(.topbar *) {
  --moments-control-gradient:linear-gradient(135deg,#0043a1,#073982 48%,#021945);
  --moments-control-hover:linear-gradient(135deg,#0958b8,#0946a0 48%,#052a63);
}

/* Preserve both the curved CSS wave's dimensions and gold stroke; only its
   translucent blue shadow changes. The raster wave below remains byte-exact. */
html body .screen:not(.public) :is(.product-head,.plan-card)::before {
  box-shadow:0 7px 0 #07398266,0 8px 0 #a67e324d;
}

@media (forced-colors:active) {
  html body.adaptive-owner #adaptiveNav,
  html body #home .account-product-rail .browse-product-card {
    background:Canvas !important;
    color:CanvasText;
  }
}

/* App 3.6.63: only the Plan & storage card gets quiet, native blue waves.
   No shared artwork, geometry, text, controls or behavior is changed. */
html body #planStorage #runtimePlanCard {
  background:
    radial-gradient(ellipse at 105% 125%,transparent 0 54%,#397ac31a 54.5% 65%,transparent 65.5%),
    radial-gradient(ellipse at 110% 135%,transparent 0 67%,#73a7dc0d 67.5% 77%,transparent 77.5%),
    linear-gradient(135deg,#0043a1 0%,#073982 42%,#021945 100%) !important;
}
html body #planStorage #runtimePlanCard::before {
  display:none;
}
@media (forced-colors:active) {
  html body #planStorage #runtimePlanCard {
    background:Canvas !important;
    color:CanvasText;
  }
}
