.sc-conversation-list{min-height:0;flex:1 1 auto;overflow-y:auto}

.sc-conversation-item{
  width:100%;min-height:78px;display:flex;align-items:flex-start;gap:11px;
  padding:13px 14px;border:0;border-bottom:1px solid var(--sc-border);
  background:#fff;color:var(--sc-text);text-align:left;transition:.16s ease
}
.sc-conversation-item:hover{background:var(--sc-panel-hover)}
.sc-conversation-item.is-active{background:var(--sc-primary-soft)}
.sc-conversation-copy{min-width:0;flex:1 1 auto}
.sc-conversation-line{display:flex;align-items:center;gap:8px;min-width:0}
.sc-conversation-name{
  flex:1 1 auto;min-width:0;font-size:13px;font-weight:800;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.sc-conversation-time{flex:0 0 auto;font-size:10px;color:var(--sc-subtle)}
.sc-conversation-preview{
  flex:1 1 auto;min-width:0;margin-top:5px;font-size:11px;color:var(--sc-muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.sc-unread{
  min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;background:var(--sc-primary);color:#fff;font-size:10px;font-weight:900
}

.sc-message{display:flex;margin:6px 0}
.sc-message.is-outbound{justify-content:flex-end}
.sc-message.is-inbound{justify-content:flex-start}
.sc-bubble{
  max-width:min(72%,680px);padding:9px 11px 7px;border:1px solid var(--sc-border);
  border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04)
}
.sc-message.is-outbound .sc-bubble{
  background:var(--sc-primary);border-color:var(--sc-primary);color:#fff;border-bottom-right-radius:4px
}
.sc-message.is-inbound .sc-bubble{border-bottom-left-radius:4px}
.sc-message-body{font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.sc-message-meta{
  margin-top:5px;display:flex;justify-content:flex-end;gap:6px;font-size:9px;color:var(--sc-subtle)
}
.sc-message.is-outbound .sc-message-meta{color:rgba(255,255,255,.74)}

.sc-message-attachment{
  margin-top:8px;padding:8px 9px;display:flex;align-items:center;gap:9px;
  border-radius:9px;background:rgba(15,23,42,.05)
}
.sc-message.is-outbound .sc-message-attachment{background:rgba(255,255,255,.14)}
.sc-attachment-icon{
  width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;
  border-radius:8px;background:rgba(255,255,255,.8);color:var(--sc-primary);font-weight:900
}
.sc-attachment-copy{min-width:0;flex:1 1 auto}
.sc-attachment-name{display:block;font-size:11px;font-weight:800}
.sc-attachment-size{display:block;margin-top:2px;font-size:9px;opacity:.74}

.sc-composer{padding:12px 14px;border-top:1px solid var(--sc-border);background:#fff}
.sc-composer-row{display:flex;align-items:flex-end;gap:9px}
.sc-composer textarea{
  min-height:42px;max-height:140px;flex:1 1 auto;padding:10px 12px;resize:none;
  border:1px solid var(--sc-border);border-radius:12px;outline:none;line-height:1.4
}
.sc-composer textarea:focus{
  border-color:#65b9b1;box-shadow:0 0 0 3px rgba(15,118,110,.10)
}
.sc-composer-send{
  width:42px;height:42px;flex:0 0 42px;border:0;border-radius:12px;
  background:var(--sc-primary);color:#fff;display:grid;place-items:center;font-weight:900
}
.sc-composer-send:hover{background:var(--sc-primary-hover)}
.sc-composer-send:disabled{opacity:.5;cursor:not-allowed}

.sc-composer-file{width:42px;height:42px;position:relative;flex:0 0 42px}
.sc-composer-file input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.sc-composer-file label{
  width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--sc-border);
  border-radius:12px;background:#fff;cursor:pointer;font-size:20px
}
.sc-composer-file label:hover{background:var(--sc-panel-hover)}

.sc-file-preview{
  margin:0 0 9px 51px;padding:8px 10px;display:flex;align-items:center;gap:8px;
  border:1px solid var(--sc-border);border-radius:10px;background:var(--sc-panel-soft);
  font-size:11px;color:var(--sc-muted)
}
.sc-file-preview button{
  margin-left:auto;border:0;background:transparent;color:var(--sc-danger);font-weight:700
}

.sc-chat-placeholder{
  height:100%;min-height:320px;padding:30px;display:grid;place-items:center;
  color:var(--sc-muted);text-align:center
}
.sc-chat-placeholder-inner{max-width:360px}
.sc-chat-placeholder strong{display:block;margin-bottom:7px;color:var(--sc-text);font-size:16px}
.sc-detail-placeholder{padding:32px 20px;text-align:center;color:var(--sc-muted);font-size:12px}