/* HappyGram V42 — real chat wallpapers + stronger avatar centering */
.messages{position:relative!important;isolation:isolate!important;overflow:auto!important;background-color:#080c17!important;}
.messages::before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;opacity:.92!important;}
.messages::after{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(4,7,18,.16),rgba(4,7,18,.28))!important;}
.messages>*{position:relative!important;z-index:1!important;}
.messages[data-wallpaper="aurora"]::before{background-image:radial-gradient(circle at 18% 22%,rgba(139,92,246,.40),transparent 30%),radial-gradient(circle at 82% 18%,rgba(34,211,238,.28),transparent 27%),radial-gradient(circle at 55% 90%,rgba(236,72,153,.24),transparent 34%),linear-gradient(145deg,#070b18,#0c1022 55%,#08131b)!important;}
.messages[data-wallpaper="midnight"]::before{background-image:radial-gradient(circle at 70% 30%,rgba(70,92,170,.22),transparent 28%),radial-gradient(circle at 20% 80%,rgba(24,39,88,.22),transparent 30%),linear-gradient(160deg,#050812,#0b1020 55%,#070b14)!important;}
.messages[data-wallpaper="violet"]::before{background-image:radial-gradient(circle at 25% 25%,rgba(139,92,246,.42),transparent 30%),radial-gradient(circle at 80% 75%,rgba(217,70,239,.30),transparent 35%),linear-gradient(145deg,#0b0718,#160d2b 55%,#080b18)!important;}
.messages[data-wallpaper="grid"]::before{background-image:linear-gradient(rgba(139,92,246,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.10) 1px,transparent 1px),linear-gradient(145deg,#070b16,#0b1120)!important;background-size:32px 32px,32px 32px,100% 100%!important;}
.messages[data-wallpaper="bubbles"]::before{background-image:radial-gradient(circle at 18% 25%,rgba(139,92,246,.28) 0 8%,transparent 8.5%),radial-gradient(circle at 76% 32%,rgba(34,211,238,.22) 0 10%,transparent 10.5%),radial-gradient(circle at 56% 82%,rgba(236,72,153,.20) 0 7%,transparent 7.5%),linear-gradient(145deg,#070a15,#0d1224)!important;}
.messages[data-wallpaper="plain"]::before{background-image:linear-gradient(145deg,#080c17,#0b1020)!important;}
.messages[data-wallpaper="custom"]::before{background-image:var(--hg-wallpaper-image)!important;}

/* Avatar must stay centered and circular at every breakpoint. */
.chat-item .avatar-wrap,.chat-item .avatar,.chat-item .avatar img,
.conv-header .header-avatar-wrap,.conv-header #peer-avatar,.conv-header #peer-avatar img,
.msg-avatar,.msg-avatar .avatar,.msg-avatar img,.public-profile-avatar,.public-profile-avatar img,
#me-avatar,#me-avatar img,#edit-avatar-preview,#edit-avatar-preview img{
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;
  aspect-ratio:1/1!important;border-radius:50%!important;overflow:hidden!important;object-fit:cover!important;object-position:center center!important;
  margin:0!important;inset:auto!important;transform:none!important;align-self:center!important;justify-self:center!important;
}
.chat-item .avatar-wrap,.conv-header .header-avatar-wrap,.msg-avatar,.public-profile-avatar,#me-avatar,#edit-avatar-preview{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;overflow:hidden!important;}

/* Chat wallpaper button + picker */
.wallpaper-chat-btn{position:relative!important;}
.wallpaper-chat-btn::after{content:"";position:absolute;inset:2px;border-radius:11px;box-shadow:inset 0 0 0 1px rgba(167,139,250,.08);pointer-events:none;}
.wallpaper-chat-panel{width:min(720px,calc(100vw - 28px))!important;max-height:min(88vh,820px)!important;overflow:auto!important;padding:22px!important;border-radius:26px!important;background:linear-gradient(180deg,rgba(16,20,36,.96),rgba(9,12,24,.97))!important;border:1px solid rgba(167,139,250,.20)!important;box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 60px rgba(124,92,255,.08)!important;}
.wallpaper-chat-panel .panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:18px!important;}
.wallpaper-chat-panel .panel-head strong{display:block!important;font-size:18px!important;color:#fff!important;}
.wallpaper-chat-panel .panel-head span{display:block!important;margin-top:5px!important;color:#8f99b2!important;font-size:12px!important;}
.wallpaper-scope{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:5px!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important;margin-bottom:16px!important;}
.wallpaper-scope-btn{min-height:44px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#8f99b2!important;font:700 12px/1 Manrope,system-ui,sans-serif!important;cursor:pointer!important;transition:.18s ease!important;}
.wallpaper-scope-btn:hover{color:#fff!important;background:rgba(255,255,255,.05)!important;}
.wallpaper-scope-btn.is-active{color:#fff!important;background:linear-gradient(135deg,#5b4bea,#a855f7 58%,#ec4899)!important;box-shadow:0 8px 24px rgba(124,92,255,.24)!important;}
.wallpaper-grid-chat{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
.wallpaper-grid-chat .wallpaper-preview{height:116px!important;}
.wallpaper-upload-actions{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;margin-top:14px!important;align-items:stretch!important;}
.wallpaper-upload-main{margin:0!important;min-height:58px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:10px 14px!important;border-style:solid!important;border-color:rgba(167,139,250,.22)!important;background:linear-gradient(135deg,rgba(124,92,255,.12),rgba(236,72,153,.06))!important;}
.wallpaper-upload-main:hover{transform:translateY(-1px)!important;border-color:rgba(167,139,250,.52)!important;box-shadow:0 12px 30px rgba(124,92,255,.12)!important;}
.wallpaper-upload-main b{display:block!important;color:#fff!important;font-size:12px!important;}
.wallpaper-upload-main small{display:block!important;margin-top:3px!important;color:#808ba5!important;font-size:10px!important;}
.wallpaper-upload-icon{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:12px!important;background:linear-gradient(135deg,#7c5cff,#d946ef)!important;color:#fff!important;box-shadow:0 8px 22px rgba(124,92,255,.24)!important;}
.wallpaper-reset-chat{min-height:58px!important;white-space:nowrap!important;}
.wallpaper-chat-note{margin-top:12px!important;color:#747f9a!important;font-size:11px!important;line-height:1.5!important;}
@media(max-width:760px){
  .wallpaper-chat-panel{padding:16px!important;border-radius:22px!important;width:min(100vw - 18px,620px)!important;}
  .wallpaper-grid-chat{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .wallpaper-grid-chat .wallpaper-preview{height:86px!important;}
  .wallpaper-upload-actions{grid-template-columns:1fr!important;}
  .wallpaper-reset-chat{width:100%!important;}
}