/* Surface hierarchy shared by both Glassy navigation layouts. Only the photo
   and fills change; text, artwork, video and focus never inherit opacity. */
body[data-skin='glassy'],
body[data-skin='glassy'][data-presentation][data-variant='glassy'] {
  --room-shade:linear-gradient(180deg,#06122480,#061224a3 55%,#040c18e0);
  --surface-light:linear-gradient(125deg,#ffffff0d,#ffffff02),#10213752;
  --surface-content:linear-gradient(125deg,#ddecff10,#ffffff03),#10213770;
  --surface-form:linear-gradient(125deg,#ddecff10,#ffffff03),#10213794;
  --surface-nav:linear-gradient(125deg,#ddecff12,#ffffff03),#0e203580;
  --surface-dialog:linear-gradient(125deg,#ddecff12,#ffffff03),#0d1d32c9;
  --surface-field:#07172b70;
  --surface-blur:18px;
  --surface-edge:#d4e9ff38;
  --surface-shadow:inset 0 1px #ffffff14,0 12px 36px #0003;
  --glassy-panel:var(--surface-content);
  --glassy-menu:var(--surface-dialog);
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-view='profiles'],
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] {
  --room-shade:linear-gradient(180deg,#06122452,#06122470 55%,#040c18ba);
}
body[data-skin='glassy'][data-presentation][data-variant='glassy']:is([data-view='playlists'],[data-view='settings'],[data-view='pairing'],[data-view='management'],[data-view='appearance']) {
  --room-shade:linear-gradient(180deg,#061224a3,#061224b8 55%,#040c18eb);
}
/* Keep the photo and tint identical from first paint through the welcome.
   Startup must not add a second full-screen darkening layer. */
body[data-skin='glassy']:not([data-player-state='ready']),
body[data-skin='glassy'][data-presentation][data-variant='glassy']:not([data-player-state='ready']) {
  --room-shade:linear-gradient(180deg,#06122452,#06122470 55%,#040c18ba);
}
body[data-skin='glassy']::before,
body[data-skin='glassy'][data-presentation][data-variant='glassy']::before,
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-view='profiles']::before,
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome']::before {
  background-image:var(--room-shade),url('./design-assets/glassy-room-background.jpg');
  filter:saturate(.78);
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] :is(.profile-screen,main > .glassy-feature-info,.account-welcome) {
  background:var(--surface-light);border-color:var(--surface-edge);box-shadow:var(--surface-shadow);
  backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-entry='welcome'] .account-welcome {background:var(--surface-light);}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] :is(.sidebar,#mobile-navigation,#glassy-header-search,.glassy-live-card,.glassy-live-now,.glassy-live-teaser,.programme-preview,.source-library-panel,.profile-welcome) {
  background:var(--surface-content);border-color:var(--surface-edge);box-shadow:var(--surface-shadow);
  backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] :is(.sidebar,#mobile-navigation) {
  background:var(--surface-nav);
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-navigation-layout='topbar'] #glassy-navigation-bar {
  background:var(--surface-nav);border-color:var(--surface-edge);box-shadow:var(--surface-shadow);
  backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] :is(.settings-panel:not(.playlist-management),.management-panel:not(.profile-screen > .management-panel),.playlist-link-form,.playlist-imports,.playlist-saved,.epg-import,.management-welcome,button.management-card,.appearance-page .settings-panel) {
  background:var(--surface-form);border-color:var(--surface-edge);box-shadow:var(--surface-shadow);
  backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));
}
/* Nested cards keep one glass backdrop instead of multiplying blur layers. */
body[data-skin='glassy'][data-presentation][data-variant='glassy'] :is(.source-card,.device-list article,.profile-screen .management-panel details) {
  background:linear-gradient(125deg,#e3f0ff0c,#d2e6ff04);border-color:var(--surface-edge);
  box-shadow:inset 0 1px #ffffff0c;backdrop-filter:none;-webkit-backdrop-filter:none;
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] :is(dialog:not(#details),#mobile-menu,.genre-menu,.playlist-picker,.glassy-categories,.glassy-profile-editor,.player-panel,.player-dock,.player-controls,.appearance-actions,.settings-tabs,.epg-toolbar) {
  background:var(--surface-dialog);border-color:var(--surface-edge);box-shadow:var(--surface-shadow);
  backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] dialog:not(#details)::backdrop {
  background:#02091680;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] #details[data-surface='page'],
body[data-skin='glassy'][data-presentation][data-variant='glassy'] #details[data-surface='details'] {
  background:var(--surface-dialog);backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));
}
body[data-skin='glassy'][data-presentation][data-variant='glassy'] :is(input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']):not([type='button']):not([type='submit']):not([type='reset']):not(#glassy-search-input),select,textarea,.glass-select-trigger) {
  background:var(--surface-field);border-color:var(--surface-edge);
}
body[data-skin='glassy'] .player-startup,
body[data-skin='glassy'][data-presentation][data-variant='glassy'] .player-startup {background:transparent;}
body[data-skin='glassy'] .player-startup > .glassy-feature-info {
  background:var(--surface-light,rgba(16,33,55,.4));
}
@media(max-width:960px) {
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] {--surface-blur:12px;}
}
/* Older engines keep stronger fills so photo detail never reduces legibility. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] {
    --surface-light:#102137b8;--surface-content:#102137c9;--surface-form:#102137de;
    --surface-nav:#102137de;--surface-dialog:#0d1d32f0;
  }
}
/* Explicit preferences and system accessibility settings outrank every tier. */
body[data-skin='glassy'][data-presentation][data-variant='glassy'][data-transparency='reduced'] {
  --surface-light:#17283c;--surface-content:#17283c;--surface-form:#17283c;
  --surface-nav:#17283c;--surface-dialog:#142237;--surface-field:#0c1b2d;--surface-blur:0px;
}
body[data-skin='glassy'][data-transparency='reduced'] *,
body[data-skin='glassy'][data-transparency='reduced'] *::backdrop {
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
@media(prefers-reduced-transparency:reduce) {
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] {
    --surface-light:#17283c;--surface-content:#17283c;--surface-form:#17283c;
    --surface-nav:#17283c;--surface-dialog:#142237;--surface-field:#0c1b2d;--surface-blur:0px;
  }
  body[data-skin='glassy'] *,body[data-skin='glassy'] *::backdrop {backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
}
@media(forced-colors:active) {
  body[data-skin='glassy'][data-presentation][data-variant='glassy'] {
    --surface-light:Canvas;--surface-content:Canvas;--surface-form:Canvas;--surface-nav:Canvas;
    --surface-dialog:Canvas;--surface-field:Canvas;--surface-edge:CanvasText;--surface-shadow:none;--surface-blur:0px;
  }
}