/* Styles identical to v1.2 with admin tools; kept here for completeness */
.scr-wrap,
.scr-wrap * { box-sizing: border-box; }

.scr-wrap{
  display:flex;
  gap:16px;
  padding:12px;
  border-radius:12px;
  max-width:100%;
  align-items:stretch;
}

.scr-bg-card{ background:#fff; border:1px solid #e3e3e3; }
.scr-bg-theme{ background:transparent; border:0; }

.scr-sidebar-right{ flex-direction: row; }
.scr-sidebar-left{ flex-direction: row-reverse; }

.scr-main{ flex:1 1 auto; display:flex; flex-direction:column; min-width:0; }
.scr-messages{ border:1px solid #eee; border-radius:10px; padding:10px; height:var(--scr-height, 420px); overflow:auto; background:#fafafa; }
.scr-msg{ display:flex; gap:10px; margin-bottom:8px; }
.scr-msg--sys .scr-meta, .scr-msg--sys .scr-text{ color:red; font-weight:bold; }
.scr-msg--sys .scr-ava{ opacity:0.4; }

.scr-ava{ width:36px;height:36px;border-radius:50%;object-fit:cover;background:#ddd;flex:0 0 36px; }
.scr-ava--placeholder{ background:#ccc; }
.scr-msg-main{ flex:1 1 auto; min-width:0; }
.scr-meta{ font-size:12px;color:#666;margin-bottom:2px; }
.scr-text{ font-size:14px; word-wrap:break-word; color:black; }

.scr-input{ margin-top:10px; display:flex; gap:8px; }
.scr-input input.scr-text{ flex:1 1 auto; padding:10px; border-radius:8px; border:1px solid #ddd; }
.scr-input button.scr-send{ padding:10px 14px; border-radius:8px; border:1px solid #ddd; cursor:pointer; background:#f5f5f5; }

.scr-users{ width:260px; flex:0 0 260px; border-left:1px dashed #e5e5e5; padding-left:12px; }
.scr-sidebar-left .scr-users{ border-left:0; border-right:1px dashed #e5e5e5; padding-left:0; padding-right:12px; }
.scr-users-head{ font-weight:600; margin-bottom:8px; }
.scr-users-list{ list-style:none; padding:0; margin:0; max-height: calc(var(--scr-height, 420px) + 40px); overflow:auto; }
.scr-user{ display:flex; align-items:center; gap:8px; padding:6px 0; border-bottom:1px dashed #f0f0f0; }
.scr-user-ava{ width:28px;height:28px;border-radius:50%;object-fit:cover;background:#ddd; }
.scr-user-ava--placeholder{ width:28px;height:28px;border-radius:50%; background:#ccc; display:inline-block; }
.scr-user-name{ font-size:14px; color:#333; text-decoration:none; }

.scr-admin-tools{ margin-left:auto; display:flex; gap:4px; }
.scr-btn{ font-size:12px; padding:4px 8px; border-radius:6px; border:1px solid #ddd; background:#f7f7f7; cursor:pointer; }
.scr-btn:hover{ background:#efefef; }

.scr-bg-theme .scr-messages{ background: rgba(127,127,127,0.06); }
body.dark .scr-text, .scr-bg-theme .scr-text{ color: inherit; }


/* Force user chat text to black, override any theme */
.scr-msg .scr-text {
  color: black !important;
  background: transparent !important;
}


/* Theme-aware message text colors */
.scr-msg:not(.scr-msg--sys) .scr-text {
  color: #111 !important; /* readable on light */
}
body.dark .scr-msg:not(.scr-msg--sys) .scr-text,
.scr-bg-theme.dark .scr-msg:not(.scr-msg--sys) .scr-text {
  color: #fff !important; /* readable on dark */
}