/* Wallpaper controls only. Application layout and bottom navigation geometry stay native v8.2. */
html,body{min-height:100%}
html[data-custom-wallpaper="on"] body{
  position:relative;
  isolation:isolate;
  background-color:var(--bg)!important;
  background-image:none!important;
}
#lezgchal-wallpaper-layer{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:0;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  transform:translate3d(0,0,0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
html[data-custom-wallpaper="on"] #lezgchal-wallpaper-layer{opacity:1}
html[data-custom-wallpaper="on"] .shell{position:relative;z-index:1;background:transparent!important}

.wallpaper-admin{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.wallpaper-admin h3{margin:0 0 4px}.wallpaper-admin .source{display:block;margin:0 0 10px}
.wallpaper-native-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.wallpaper-picker{width:100%;margin-top:7px}
.wallpaper-picker-trigger{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border:1px solid var(--line);border-radius:16px;color:var(--text);font:inherit;background:var(--surface)}
.wallpaper-picker-chevron{font-size:24px;line-height:1;opacity:.78}
.wallpaper-picker-popover{position:fixed;z-index:1200;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:8px;border:1px solid color-mix(in srgb,#fff 26%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.25);backdrop-filter:blur(24px) saturate(1.25);box-shadow:0 22px 60px #0006;scrollbar-width:none}
.wallpaper-picker-popover::-webkit-scrollbar{display:none}
.wallpaper-pick-row{display:flex;align-items:center;min-height:58px;border-radius:15px;overflow:hidden}
.wallpaper-pick-row+.wallpaper-pick-row{margin-top:3px}
.wallpaper-pick-row.selected{background:color-mix(in srgb,var(--accent) 14%,transparent)}
.wallpaper-pick-main{min-width:0;flex:1;display:flex;align-items:center;gap:10px;min-height:58px;padding:7px 10px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left}
.wallpaper-pick-main img{width:38px;height:46px;border-radius:9px;object-fit:cover;flex:0 0 auto;box-shadow:0 4px 12px #0004}
.wallpaper-check{width:18px;flex:0 0 18px;font-weight:900;color:var(--accent)}
.wallpaper-pick-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wallpaper-row-action{width:42px;height:42px;flex:0 0 42px;margin-right:4px;border:1px solid color-mix(in srgb,#fff 18%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--text);font-size:23px;line-height:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.wallpaper-row-action.dangerish{font-size:25px}
.wallpaper-row-action:active{transform:scale(.94)}
.wallpaper-empty{padding:18px;color:var(--muted);text-align:center}

html[data-liquid-glass="on"] .wallpaper-picker-trigger{
  background:linear-gradient(125deg,var(--lg-specular-strong),transparent 34%,var(--lg-edge-soft)),color-mix(in srgb,var(--surface) var(--lg-control-fill),transparent)!important;
  border-color:var(--lg-edge-soft)!important;
  -webkit-backdrop-filter:blur(var(--lg-control-blur)) saturate(var(--lg-saturate))!important;
  backdrop-filter:blur(var(--lg-control-blur)) saturate(var(--lg-saturate))!important;
  box-shadow:inset 0 1px 0 var(--lg-edge),inset 0 -1px 0 rgba(255,255,255,.10)!important
}
html[data-liquid-glass="on"] .wallpaper-picker-popover{
  background:linear-gradient(135deg,var(--lg-specular-strong),transparent 35%,var(--lg-edge-soft)),color-mix(in srgb,var(--surface) 12%,transparent)!important;
  border-color:var(--lg-edge)!important;
  -webkit-backdrop-filter:blur(calc(var(--lg-blur) + 2px)) saturate(var(--lg-saturate))!important;
  backdrop-filter:blur(calc(var(--lg-blur) + 2px)) saturate(var(--lg-saturate))!important;
  box-shadow:inset 0 1px 0 var(--lg-edge),0 22px 60px var(--lg-drop)!important
}
html[data-liquid-glass="on"] .wallpaper-row-action{background:color-mix(in srgb,var(--surface) var(--lg-control-fill),transparent)!important;border-color:var(--lg-edge-soft)!important}