/* A single brand material for Live View. Geometry, weather, Focus and account
   behavior stay owned by the existing components. Every reflection is inert. */
.mc-app-weather {
  border-color:color-mix(in srgb,var(--mc-line-strong) 62%,var(--mc-glass-highlight));
  background:
    radial-gradient(ellipse at 14% 0%,color-mix(in srgb,var(--mc-glass-highlight) 82%,transparent),transparent 56%),
    linear-gradient(155deg,color-mix(in srgb,var(--mc-glass-highlight) 38%,transparent),transparent 44%),
    color-mix(in srgb,var(--mc-weather-glass) 84%,transparent);
  box-shadow:
    0 14px 32px color-mix(in srgb,var(--mc-deep-blue) 11%,transparent),
    0 2px 7px color-mix(in srgb,var(--mc-deep-blue) 6%,transparent),
    inset 0 1px 0 var(--mc-glass-highlight),
    inset 0 -1px 0 color-mix(in srgb,var(--mc-line) 48%,transparent);
  -webkit-backdrop-filter:saturate(135%) blur(var(--mc-glass-blur-standard));
  backdrop-filter:saturate(135%) blur(var(--mc-glass-blur-standard));
}
.mc-app-weather::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(110deg,transparent 18%,color-mix(in srgb,var(--mc-glass-highlight) 54%,transparent) 38%,transparent 57%),
    radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--mc-accent-primary) 7%,transparent),transparent 52%);
  box-shadow:inset 1px 0 0 color-mix(in srgb,var(--mc-glass-highlight) 70%,transparent),inset -1px 0 0 color-mix(in srgb,var(--mc-line) 40%,transparent);
}
/* The card supplies the blur once. Small controls reuse its frosted finish
   without creating another backdrop sampling layer for each button. */
.mc-app-weather :is(.mc-live-icon,.mc-app-weather__focus,.mc-app-weather__details>summary),
.mc-app-weather .mc-live-ai {
  border:1px solid color-mix(in srgb,var(--mc-line-strong) 52%,var(--mc-glass-highlight));
  background:linear-gradient(155deg,color-mix(in srgb,var(--mc-glass-highlight) 68%,transparent),transparent 56%),color-mix(in srgb,var(--mc-glass-subtle) 88%,transparent);
  box-shadow:inset 0 1px 0 var(--mc-glass-highlight),inset 0 -1px 0 color-mix(in srgb,var(--mc-line) 42%,transparent),0 2px 7px color-mix(in srgb,var(--mc-deep-blue) 6%,transparent);
}
.mc-app-weather .mc-app-weather__details>summary {border-radius:var(--mc-radius-sm);}
.mc-app-weather :is(.mc-live-icon,.mc-app-weather__focus,.mc-app-weather__details>summary):hover {
  background:linear-gradient(155deg,var(--mc-glass-highlight),transparent 56%),var(--mc-glass-standard);
  border-color:var(--mc-line-strong);
}
.mc-app-weather :is(.mc-live-icon,.mc-app-weather__focus,.mc-app-weather__details>summary):active {
  background:var(--mc-glass-strong);
  box-shadow:inset 0 1px 3px color-mix(in srgb,var(--mc-ink) 12%,transparent);
}
.mc-app-weather .mc-live-ai__battery {
  background:color-mix(in srgb,var(--mc-surface) 26%,transparent);
  box-shadow:inset 0 1px 2px color-mix(in srgb,var(--mc-deep-blue) 8%,transparent);
}
.mc-app-weather .mc-live-analog {
  background:radial-gradient(circle at 26% 12%,var(--mc-glass-highlight),transparent 64%),var(--mc-glass-subtle);
  box-shadow:inset 0 1px 0 var(--mc-glass-highlight),inset 0 -1px 0 var(--mc-line),var(--mc-shadow-subtle);
}
/* Display preferences and accessibility outrank decorative material. The
   Privacy Lock's opaque surface and backdrop are deliberately untouched. */
.mc-app-weather:is([data-live-effects=false],[data-live-text=strong]) {
  background:var(--mc-surface-elevated);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:var(--mc-shadow-subtle);
}
.mc-app-weather:is([data-live-effects=false],[data-live-text=strong])::before {display:none;}
.mc-app-weather[data-live-effects=false] :is(.mc-live-icon,.mc-app-weather__focus,.mc-app-weather__details>summary,.mc-live-ai,.mc-live-analog) {
  background:var(--mc-surface);
  box-shadow:none;
}
.mc-app-weather[data-live-text=strong] :is(.mc-live-icon,.mc-app-weather__focus,.mc-app-weather__details>summary,.mc-live-ai,.mc-live-analog) {
  background:var(--mc-surface);
  border-color:var(--mc-ink);
  box-shadow:none;
}
:root[data-reduced-transparency=true] .mc-app-weather {
  background:var(--mc-surface-elevated)!important;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:var(--mc-shadow-subtle);
}
:root[data-reduced-transparency=true] .mc-app-weather::before {display:none;}
:root[data-reduced-transparency=true] .mc-app-weather :is(.mc-live-icon,.mc-app-weather__focus,.mc-app-weather__details>summary,.mc-live-ai,.mc-live-analog) {
  background:var(--mc-surface);
  box-shadow:none;
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  .mc-app-weather {background:var(--mc-surface-elevated)!important;border-color:var(--mc-ink);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;}
  .mc-app-weather::before {display:none;}
  .mc-app-weather :is(.mc-live-icon,.mc-app-weather__focus,.mc-app-weather__details>summary,.mc-live-ai,.mc-live-analog) {background:var(--mc-surface);border-color:var(--mc-ink);box-shadow:none;}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .mc-app-weather {background:var(--mc-surface-elevated);}
  .mc-app-weather::before {display:none;}
}
@media(forced-colors:active) {
  .mc-app-weather {background:Canvas!important;color:CanvasText;border-color:CanvasText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;}
  .mc-app-weather::before {display:none;}
  .mc-app-weather :is(.mc-live-icon,.mc-app-weather__focus,.mc-app-weather__details>summary,.mc-live-ai,.mc-live-analog) {background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;}
  .mc-app-weather .mc-live-ai__battery {background:Canvas;box-shadow:none;}
}