/* =========================================================
   SCS CHAT
========================================================= */

.scs-chat{
  max-width:1200px;
  margin:0 auto;
}

.scs-chat-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:16px;
}

.scs-chat-sub{
  font-size:13px;
  color:var(--text-muted);
  margin:2px 0 0;
}

.scs-chat-info{
  display:flex;
  align-items:center;
  gap:16px;
  background:#e9f4fb;
  border-left:5px solid var(--primary-color);
  padding:12px 16px;
  margin-bottom:20px;
  font-size:13px;
}

.scs-chat-info .scs-btn-create{
  width:100px;
  margin-left:auto;
}
.scs-chat-table{
  border:1px solid var(--border-color);
  border-radius:6px;
  overflow:hidden;
}

.scs-chat-row{
  display:grid;
  grid-template-columns: 1.6fr 8fr 1.6fr .1fr .1fr;
  align-items:center;
  padding:12px 14px;
  font-size:13px;
  background:#fff;
}

.scs-chat-row.alt{
  background:#f6f9fc;
}

.scs-chat-head{
  background:#0b5a74;
  color:#fff;
  font-weight:600;
}

.scs-chat-room{
  display:flex;
  align-items:center;
  gap:8px;
}

.scs-chat-room-icon{
  width:16px;
  height:16px;
  flex-shrink:0;
}

.scs-chat-users{
  font-weight:700;
  color:var(--primary-color);
}

/* TAGS */

.scs-tag{
  background:#eef2f7;
  padding:3px 7px;
  border-radius:4px;
  font-size:11px;
  font-weight:600;
}

.scs-tag-blue{
  background:#e0f0ff;
  color:#1d6fb8;
}

/* BUTTONS */

.scs-btn-small{
  padding:6px 10px;
  font-size:12px;
}