/* Messenger (basic) */
.scc-messenger-grid{
  display:grid;
  grid-template-columns: 1fr 2fr;
  gap: var(--sc-gap, 16px);
  align-items:start;
}
@media (max-width: 960px){
  .scc-messenger-grid{ grid-template-columns: 1fr; }
}
.scc-messenger-threads .scc-thread-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius: 14px;
  cursor:pointer;
}
.scc-messenger-threads .scc-thread-item:hover{ background: rgba(255,255,255,0.04); }
.scc-messenger-threads .scc-thread-item.is-active{ background: rgba(0,255,255,0.06); }
.scc-messenger-threads .scc-thread-name{ font-weight:600; }
.scc-messenger-threads .scc-thread-snippet{ opacity:.8; font-size: 13px; margin-top:2px; }
.scc-messenger-thread .scc-messages{ display:flex; flex-direction:column; gap:10px; }
.scc-messenger-thread .scc-msg{
  max-width: 78%;
  padding:10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,0.05);
}
.scc-messenger-thread .scc-msg.is-me{ margin-left:auto; background: rgba(0,255,255,0.08); }
.scc-messenger-thread .scc-msg-meta{ opacity:.7; font-size: 12px; margin-top:6px; }
.scc-messenger-thread form.scc-send{
  display:flex;
  gap:10px;
  margin-top:12px;
}
.scc-messenger-thread form.scc-send input[type="text"]{
  flex:1;
  min-height: 44px;
  border-radius: 14px;
  padding: 10px 12px;
}


/* Unread marker */
.scc-thread-item.is-unread .scc-thread-name{font-weight:600}
.scc-unread-badge{display:inline-block;margin-left:8px;font-size:16px;line-height:1;color:currentColor;opacity:.8}


/* User picker */
.scc-msg-userpicker{position:relative}
.scc-msg-userresults{
  position:absolute;
  left:0; right:0;
  top: calc(100% + 6px);
  z-index: 5;
  border-radius: 12px;
  overflow:hidden;
  background: rgba(8,12,20,0.85);
  border: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(8px);
  max-height: 260px;
  overflow-y:auto;
}
.scc-msg-userresult{display:flex;gap:10px;padding:10px 12px;cursor:pointer;align-items:center}
.scc-msg-userresult:hover{background: rgba(255,255,255,0.05)}
.scc-msg-userresult.is-notice{cursor:default;opacity:.8}
.scc-msg-useravatar{width:32px;height:32px;border-radius:999px;object-fit:cover}
.scc-msg-useravatar-fallback{
  width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  background: rgba(34,211,238,0.12);
  border:1px solid rgba(34,211,238,0.18);
  font-weight:700;
}
.scc-msg-usertext{display:flex;flex-direction:column}
.scc-msg-userhandle{font-size:12px;opacity:.7}



/* Readability lift (Messenger only) */
.scc-messenger-grid,
.scc-messenger-threads,
.scc-messenger-thread,
#scc-messenger-dock .scc-app[data-scc="messenger"]{
  color: rgba(255,255,255,0.88);
}
.scc-messenger-threads .scc-thread-name{ color: rgba(255,255,255,0.92); }
.scc-messenger-threads .scc-thread-snippet{ opacity: 1; color: rgba(255,255,255,0.70); }
.scc-messenger-thread .scc-msg{ color: rgba(255,255,255,0.90); }
.scc-messenger-thread .scc-msg-meta{ opacity: 1; color: rgba(255,255,255,0.62); }
.scc-muted{ color: rgba(255,255,255,0.62) !important; }
.scc-messenger-thread form.scc-send input[type="text"]::placeholder{ color: rgba(255,255,255,0.50); }

/* Reference: messenger glass card */
.shiftcontrol-app[data-sc-page="messenger"] .scc-messenger,
.shiftcontrol-app[data-sc-page="messenger"] .sc-messenger{
  border-radius: var(--sc-radius);
  background: rgba(255,255,255,0.50);
  border: 1px solid var(--sc-border);
  box-shadow: var(--sc-shadow);
  backdrop-filter: blur(14px);
  overflow: hidden;
}
.shiftcontrol-app[data-sc-page="messenger"] .scc-messenger-header{
  display:flex; align-items:center; justify-content:space-between;
  padding: 14px 16px;
  background: rgba(255,255,255,0.35);
  border-bottom: 1px solid var(--sc-border);
}
.shiftcontrol-app[data-sc-page="messenger"] .scc-messenger-compose{
  padding: 12px 12px;
  background: rgba(255,255,255,0.35);
  border-top: 1px solid var(--sc-border);
}
.shiftcontrol-app[data-sc-page="messenger"] .scc-messenger-compose input[type="text"],
.shiftcontrol-app[data-sc-page="messenger"] .scc-messenger-compose textarea{
  width: 100%;
  border-radius: var(--sc-pill);
  border: 1px solid var(--sc-border);
  background: rgba(255,255,255,0.60);
  padding: 10px 14px;
}

/* Reference: messenger as centered overlay over stream */
body.sc-messenger-open .shiftcontrol-app[data-sc-page="stream"]{
  filter: blur(2px) saturate(0.92);
  transform: translateZ(0);
}
body.sc-messenger-open:before{
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(11,16,32,0.35);
  backdrop-filter: blur(6px);
  z-index: 9990;
}
body.sc-messenger-open .scc-messenger,
body.sc-messenger-open #scc-messenger,
body.sc-messenger-open [data-scc-messenger],
body.sc-messenger-open .scc-messenger-modal,
body.sc-messenger-open .scc-modal-messenger{
  position: fixed !important;
  z-index: 9999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(980px, calc(100vw - 32px));
  height: min(720px, calc(100vh - 120px));
  display: flex;
  flex-direction: column;
}
body.sc-messenger-open .scc-messenger-body,
body.sc-messenger-open .scc-messenger-messages{
  flex: 1 1 auto;
  overflow: auto;
}
body.sc-messenger-open .scc-messenger,
body.sc-messenger-open .scc-messenger-modal,
body.sc-messenger-open .scc-modal-messenger{
  border: 1px solid rgba(255,255,255,0.22);
  box-shadow: 0 30px 90px rgba(0,0,0,0.28);
}