/* MSG_SWARM_05 — Messenger settings / profile menus · visual + motion */
html body[data-page="messenger"] .msg-set-scrim{
  position:fixed;inset:0;z-index:2600;
  background:rgba(15,23,42,.34);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .22s ease,visibility 0s linear .22s;
}
html body[data-page="messenger"] .msg-set-scrim.open{
  opacity:1;visibility:visible;pointer-events:auto;
  transition:opacity .22s ease,visibility 0s;
}
html body[data-page="messenger"] .msg-set{
  position:fixed;z-index:2601;
  width:min(360px,calc(100vw - 20px));
  max-height:min(78vh,640px);
  overflow:auto;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(29,78,216,.14);
  border-radius:18px;
  box-shadow:0 28px 64px -28px rgba(15,23,42,.45),0 0 0 1px rgba(255,255,255,.5) inset;
  padding:8px;
  transform:translateY(8px) scale(.98);
  opacity:0;
  transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .18s ease;
}
html body[data-page="messenger"] .msg-set-scrim.open .msg-set{
  transform:none;opacity:1;
}
html body[data-page="messenger"] .msg-set__head{
  display:flex;align-items:center;gap:12px;
  padding:12px 12px 14px;border-radius:14px;
  background:linear-gradient(165deg,rgba(29,78,216,.08),rgba(14,165,233,.05));
  margin-bottom:6px;
}
html body[data-page="messenger"] .msg-set__av{
  width:48px;height:48px;border-radius:50%;flex:none;
  display:grid;place-items:center;color:#fff;font:700 16px/1 Unbounded,Onest,system-ui,sans-serif;
  background:linear-gradient(135deg,#1d4ed8,#0ea5e9);
  box-shadow:0 10px 22px rgba(29,78,216,.28);
}
html body[data-page="messenger"] .msg-set__meta{min-width:0;flex:1;}
html body[data-page="messenger"] .msg-set__name{
  font:700 15px/1.25 Unbounded,Onest,system-ui,sans-serif;
  letter-spacing:-.02em;color:#0f172a;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
html body[data-page="messenger"] .msg-set__sub{
  margin-top:2px;font:500 12.5px/1.35 Onest,system-ui,sans-serif;color:#64748b;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
html body[data-page="messenger"] .msg-set__sep{
  height:1px;background:rgba(15,23,42,.08);margin:6px 8px;
}
html body[data-page="messenger"] .msg-set__item{
  display:flex;align-items:center;gap:12px;
  width:100%;min-height:48px;padding:10px 12px;margin:0;
  border:0;border-radius:12px;background:transparent;cursor:pointer;
  font:600 14px/1.3 Onest,system-ui,sans-serif;color:#0f172a;
  text-decoration:none;text-align:left;
  transition:background .16s ease,transform .16s ease;
}
html body[data-page="messenger"] .msg-set__item:hover{
  background:rgba(29,78,216,.08);
}
html body[data-page="messenger"] .msg-set__item:active{
  transform:scale(.985);
}
html body[data-page="messenger"] .msg-set__item:focus-visible{
  outline:2px solid #1d4ed8;outline-offset:2px;
}
html body[data-page="messenger"] .msg-set__item svg{
  width:20px;height:20px;flex:none;color:#1d4ed8;
}
html body[data-page="messenger"] .msg-set__item .hint{
  margin-left:auto;font:500 12px/1 Onest,system-ui,sans-serif;color:#94a3b8;
}
html body[data-page="messenger"] .msg-set__item.danger{color:#b91c1c;}
html body[data-page="messenger"] .msg-set__item.danger svg{color:#b91c1c;}

/* Settings drawer (full panes) */
html body[data-page="messenger"] .msg-set-drawer{
  position:fixed;z-index:2602;
  top:0;right:0;bottom:0;
  width:min(420px,100vw);
  background:#f7f9fc;
  border-left:1px solid rgba(29,78,216,.12);
  box-shadow:-24px 0 56px -28px rgba(15,23,42,.4);
  display:flex;flex-direction:column;
  transform:translateX(104%);
  transition:transform .28s cubic-bezier(.16,1,.3,1);
}
html body[data-page="messenger"] .msg-set-scrim.open[data-mode="drawer"] .msg-set-drawer{
  transform:none;
}
html body[data-page="messenger"] .msg-set-scrim.open[data-mode="drawer"] .msg-set{
  display:none;
}
html body[data-page="messenger"] .msg-set-drawer__top{
  display:flex;align-items:center;gap:10px;
  padding:14px 14px 10px;
  background:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(15,23,42,.08);
  flex:none;
}
html body[data-page="messenger"] .msg-set-drawer__back,
html body[data-page="messenger"] .msg-set-drawer__close{
  width:44px;height:44px;min-width:44px;min-height:44px;
  border:0;border-radius:12px;background:transparent;color:#475569;
  display:grid;place-items:center;cursor:pointer;
}
html body[data-page="messenger"] .msg-set-drawer__back:hover,
html body[data-page="messenger"] .msg-set-drawer__close:hover{
  background:rgba(29,78,216,.08);color:#1d4ed8;
}
html body[data-page="messenger"] .msg-set-drawer__title{
  flex:1;min-width:0;
  font:700 16px/1.2 Unbounded,Onest,system-ui,sans-serif;
  letter-spacing:-.02em;color:#0f172a;
}
html body[data-page="messenger"] .msg-set-drawer__tabs{
  display:flex;gap:4px;overflow-x:auto;padding:8px 12px;
  background:#fff;border-bottom:1px solid rgba(15,23,42,.06);
  flex:none;scrollbar-width:none;
}
html body[data-page="messenger"] .msg-set-drawer__tabs::-webkit-scrollbar{display:none;}
html body[data-page="messenger"] .msg-set-drawer__tabs button{
  flex:0 0 auto;min-height:40px;padding:0 14px;border:0;border-radius:999px;
  background:transparent;color:#64748b;font:650 13px/1 Onest,system-ui,sans-serif;
  cursor:pointer;
}
html body[data-page="messenger"] .msg-set-drawer__tabs button[aria-selected="true"]{
  background:rgba(29,78,216,.12);color:#1d4ed8;
}
html body[data-page="messenger"] .msg-set-drawer__body{
  flex:1;min-height:0;overflow:auto;padding:14px 14px 28px;
}
html body[data-page="messenger"] .msg-set-pane{display:none;}
html body[data-page="messenger"] .msg-set-pane.on{display:block;animation:msgSetPaneIn .28s cubic-bezier(.16,1,.3,1);}
@keyframes msgSetPaneIn{
  from{opacity:0;transform:translateY(8px);}
  to{opacity:1;transform:none;}
}
html body[data-page="messenger"] .msg-set-card{
  background:#fff;border:1px solid rgba(15,23,42,.08);
  border-radius:16px;padding:4px 14px;margin-bottom:12px;
  box-shadow:0 10px 28px -22px rgba(15,23,42,.35);
}
html body[data-page="messenger"] .msg-set-row{
  display:flex;align-items:center;gap:12px;
  min-height:56px;padding:10px 0;
  border-bottom:1px solid rgba(15,23,42,.06);
}
html body[data-page="messenger"] .msg-set-row:last-child{border-bottom:0;}
html body[data-page="messenger"] .msg-set-row .st{flex:1;min-width:0;}
html body[data-page="messenger"] .msg-set-row .a{
  font:650 14px/1.3 Onest,system-ui,sans-serif;color:#0f172a;
}
html body[data-page="messenger"] .msg-set-row .b{
  margin-top:2px;font:400 12.5px/1.4 Onest,system-ui,sans-serif;color:#64748b;
}
html body[data-page="messenger"] .msg-set-switch{
  position:relative;width:48px;height:28px;flex:none;
}
html body[data-page="messenger"] .msg-set-switch input{
  position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:2;
}
html body[data-page="messenger"] .msg-set-switch span{
  display:block;width:48px;height:28px;border-radius:999px;
  background:#cbd5e1;transition:background .18s ease;
}
html body[data-page="messenger"] .msg-set-switch span::after{
  content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;
  border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.2);
  transition:transform .18s cubic-bezier(.16,1,.3,1);
}
html body[data-page="messenger"] .msg-set-switch input:checked + span{background:#1d4ed8;}
html body[data-page="messenger"] .msg-set-switch input:checked + span::after{transform:translateX(20px);}
html body[data-page="messenger"] .msg-set-switch input:focus-visible + span{
  outline:2px solid #1d4ed8;outline-offset:2px;
}
html body[data-page="messenger"] .msg-set-linkbtn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 14px;border-radius:12px;
  border:1px solid rgba(29,78,216,.2);background:#fff;color:#1d4ed8;
  font:650 13px/1 Onest,system-ui,sans-serif;text-decoration:none;cursor:pointer;
}
html body[data-page="messenger"] .msg-set-linkbtn:hover{background:rgba(29,78,216,.06);}
html body[data-page="messenger"] .vy-msg-account[aria-expanded="true"]{
  border-color:#1d4ed8!important;color:#1d4ed8!important;
  box-shadow:0 0 0 3px rgba(29,78,216,.14);
}

@media (max-width:640px){
  html body[data-page="messenger"] .msg-set{
    left:10px!important;right:10px!important;width:auto;
    bottom:max(12px,env(safe-area-inset-bottom));
    top:auto!important;
  }
  html body[data-page="messenger"] .msg-set-drawer{
    width:100vw;border-left:0;border-radius:18px 18px 0 0;
    top:auto;height:min(88vh,720px);
    transform:translateY(104%);
  }
  html body[data-page="messenger"] .msg-set-scrim.open[data-mode="drawer"] .msg-set-drawer{
    transform:none;
  }
}
@media (prefers-reduced-motion:reduce){
  html body[data-page="messenger"] .msg-set-scrim,
  html body[data-page="messenger"] .msg-set,
  html body[data-page="messenger"] .msg-set-drawer,
  html body[data-page="messenger"] .msg-set-pane.on,
  html body[data-page="messenger"] .msg-set__item{
    transition:none!important;animation:none!important;
  }
}