.scc-wrap,
.scc-wrap * { box-sizing: border-box; }

.scc-wrap {
  --scc-bg: #f7f7fb;
  --scc-card: #ffffff;
  --scc-header-bg: #5b3df5;
  --scc-text: #171b34;
  --scc-muted: #778098;
  --scc-border: #e7e9f2;
  --scc-primary: #5b3df5;
  --scc-primary-dark: #4228d8;
  --scc-launcher-bg: #5b3df5;
  --scc-launcher-text: #ffffff;
  --scc-mine: #5b3df5;
  --scc-mine-text: #ffffff;
  --scc-other: #f1f2f7;
  --scc-other-text: #171b34;
  --scc-success: #31d981;
  --scc-danger: #ef4444;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--scc-text);
  direction: ltr;
}

.scc-auth-wrap {
  width: 100%; min-height: 560px; display: flex; align-items: center; justify-content: center;
  padding: 28px 16px; background: radial-gradient(circle at top left, rgba(91,61,245,.12), transparent 35%), var(--scc-bg); border-radius: 28px;
}
.scc-auth-card { width: min(100%,470px); background: var(--scc-card); border: 1px solid var(--scc-border); border-radius: 26px; padding: 28px; box-shadow: 0 24px 70px rgba(23,27,52,.14); }
.scc-brand-badge { display: inline-flex; align-items:center; padding: 8px 14px; border-radius: 999px; background: rgba(91,61,245,.10); color: var(--scc-primary); font-weight: 900; margin-bottom: 14px; }
.scc-auth-card h2 { margin: 0 0 10px; font-size: clamp(28px,4vw,38px); line-height: 1.04; letter-spacing: -.04em; }
.scc-muted { color: var(--scc-muted); margin: 0 0 22px; line-height: 1.55; }
.scc-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 6px; background: #f0f1f7; border-radius: 18px; margin-bottom: 20px; }
.scc-tab { border:0; border-radius: 14px; background: transparent; color: var(--scc-muted); padding: 12px 14px; font-weight: 900; cursor: pointer; }
.scc-tab.is-active { background:#fff; color:var(--scc-text); box-shadow: 0 8px 22px rgba(23,27,52,.08); }
.scc-form { display:none; gap:14px; }
.scc-form.is-active { display:grid; }
.scc-form label { display:grid; gap:8px; font-weight:700; font-size:14px; }
.scc-form input { width:100%; min-height:48px; border:1px solid var(--scc-border); border-radius:14px; padding:0 14px; font:inherit; color:var(--scc-text); background:#fff; }
.scc-form input:focus,.scc-composer textarea:focus { outline:none; border-color:var(--scc-primary); box-shadow:0 0 0 4px rgba(91,61,245,.12); }
.scc-primary-btn,.scc-send-btn { border:0; border-radius:999px; background:var(--scc-primary); color:#fff; min-height:48px; padding:0 20px; font-weight:900; cursor:pointer; transition:.16s ease; }
.scc-primary-btn:hover,.scc-send-btn:hover { background:var(--scc-primary-dark); transform:translateY(-1px); }
.scc-primary-btn:disabled,.scc-send-btn:disabled { opacity:.65; cursor:not-allowed; transform:none; }
.scc-notice { min-height: 22px; margin-top: 12px; color: var(--scc-muted); font-size:14px; }
.scc-notice.is-error { color: var(--scc-danger); }
.scc-notice.is-success { color: var(--scc-success); }

.scc-chat-wrap { width:100%; padding:18px; background: var(--scc-bg); border-radius:28px; }
.scc-chat-shell {
  height:min(78vh,820px); min-height:620px; display:grid; grid-template-rows:auto 1fr auto auto;
  background:var(--scc-card); border:1px solid var(--scc-border); border-radius:28px; overflow:hidden;
  box-shadow:0 30px 90px rgba(23,27,52,.18);
}

.scc-chat-header {
  min-height:98px; display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:20px 24px; border-bottom:0; background:linear-gradient(135deg, var(--scc-header-bg), var(--scc-primary)); color:#fff;
}
.scc-chat-header > div:first-child { min-width:0; display:grid; grid-template-columns:54px minmax(0,1fr); column-gap:14px; row-gap:2px; align-items:center; }
.scc-chat-header > div:first-child::before {
  content:""; grid-row:1 / span 2; width:54px; height:54px; border-radius:50%;
  background:rgba(255,255,255,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 10h.01M12 10h.01M16 10h.01'/%3E%3C/svg%3E") center/30px no-repeat;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 12px 24px rgba(0,0,0,.10);
}
.scc-chat-header strong { grid-column:2; display:flex; align-items:center; font-size:18px; line-height:1.15; font-weight:900; color:#fff; min-width:0; }
.scc-chat-header small { grid-column:2; display:block; margin-top:3px; color:rgba(255,255,255,.84); font-size:13px; line-height:1.35; min-width:0; }
.scc-status-dot { width:10px; height:10px; background:var(--scc-success); display:inline-block; border-radius:50%; margin-right:9px; flex:0 0 auto; box-shadow:0 0 0 5px rgba(49,217,129,.22); }

.scc-user-tools { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.scc-avatar-picker,.scc-logout { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:6px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.16); color:#fff; text-decoration:none; font-size:12px; font-weight:900; cursor:pointer; transition:.16s ease; white-space:nowrap; }
.scc-avatar-picker:hover,.scc-logout:hover { transform:translateY(-1px); background:rgba(255,255,255,.24); color:#fff; }
.scc-avatar-picker img { width:40px; height:40px; border-radius:50%; object-fit:cover; border:2px solid rgba(255,255,255,.72); box-shadow:0 10px 22px rgba(0,0,0,.15); }

.scc-messages { overflow-y:auto; padding:26px 24px 18px; background:#fff; background-image:radial-gradient(circle at 100% 0, rgba(91,61,245,.06), transparent 28%),linear-gradient(180deg,#fff 0%,#fbfbfe 100%); }
.scc-messages::-webkit-scrollbar { width:8px; }
.scc-messages::-webkit-scrollbar-track { background:transparent; }
.scc-messages::-webkit-scrollbar-thumb { background:#d8dbe7; border-radius:999px; }
.scc-loading { text-align:center; color:var(--scc-muted); padding:28px 0; }
.scc-message { display:flex; align-items:flex-end; justify-content:flex-start; gap:12px; margin:0 0 18px; transition:opacity .2s ease, transform .2s ease; }
.scc-message.is-deleted { opacity:0; transform:translateY(5px); }
.scc-message.is-mine { flex-direction:row-reverse; }
.scc-avatar { width:42px; height:42px; border-radius:50%; object-fit:cover; flex:0 0 42px; border:2px solid #fff; box-shadow:0 8px 18px rgba(23,27,52,.12); }
.scc-bubble-wrap { max-width:min(78%,560px); }
.scc-meta { display:flex; align-items:center; gap:8px; margin:0 0 7px; padding:0 4px; color:var(--scc-muted); font-size:12px; line-height:1.2; }
.scc-message.is-mine .scc-meta { justify-content:flex-end; }
.scc-meta span:first-child { font-weight:900; color:var(--scc-primary); }
.scc-delete { width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:rgba(239,68,68,.10); color:var(--scc-danger); cursor:pointer; transition:.16s ease; }
.scc-delete:hover { background:rgba(239,68,68,.18); transform:translateY(-1px); }
.scc-delete svg { width:15px; height:15px; fill:currentColor; }
.scc-bubble { padding:13px 16px; border-radius:22px; background:var(--scc-other); color:var(--scc-other-text); box-shadow:0 10px 22px rgba(23,27,52,.05); }
.scc-message:not(.is-mine) .scc-bubble { border-bottom-left-radius:8px; }
.scc-message.is-mine .scc-bubble { background:linear-gradient(135deg,var(--scc-mine),var(--scc-primary-dark)); color:var(--scc-mine-text); border-bottom-right-radius:8px; box-shadow:0 14px 26px rgba(91,61,245,.22); }
.scc-text { white-space:pre-wrap; word-break:break-word; line-height:1.48; }
.scc-media { margin-top:10px; }
.scc-media img,.scc-media video { max-width:min(100%,320px); display:block; border-radius:16px; }
.scc-media audio { width:min(100%,320px); display:block; }
.scc-file-link { display:inline-flex; align-items:center; gap:8px; color:inherit; text-decoration:none; font-weight:800; }

.scc-composer { position:relative; display:grid; grid-template-columns:48px 48px minmax(0,1fr) 60px; align-items:center; gap:10px; padding:18px 22px; border-top:1px solid var(--scc-border); background:#fff; }
.scc-file-input { display:none; }
.scc-icon-btn { width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--scc-border); border-radius:50%; background:#fbfbff; color:var(--scc-primary); font-size:19px; cursor:pointer; transition:.16s ease; box-shadow:0 8px 18px rgba(23,27,52,.05); }
.scc-icon-btn:hover,.scc-icon-btn.is-recording { border-color:rgba(91,61,245,.35); transform:translateY(-1px); }
.scc-icon-btn.is-recording { color:var(--scc-danger); background:rgba(239,68,68,.08); }
.scc-composer textarea { width:100%; height:48px !important; min-height:48px; max-height:96px; resize:none; overflow-y:auto; border:1px solid var(--scc-border); border-radius:999px; padding:13px 18px; font:inherit; line-height:1.35; color:var(--scc-text); background:#fff; }
.scc-send-btn { width:56px; min-width:56px; height:56px; min-height:56px; padding:0; border-radius:50%; font-size:0; position:relative; box-shadow:0 14px 26px rgba(91,61,245,.26); }
.scc-send-btn::before { content:""; width:24px; height:24px; background:#fff; display:block; margin:auto; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2 11.2 21 3.2 16.9 21 11.6 13.4 2 11.2Z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M2 11.2 21 3.2 16.9 21 11.6 13.4 2 11.2Z'/%3E%3C/svg%3E") center/contain no-repeat; }
.scc-file-chip { grid-column:1 / -1; padding:9px 12px; border-radius:14px; background:#fbfbff; border:1px dashed var(--scc-border); color:var(--scc-muted); font-size:13px; }
.scc-chat-notice { margin:0; padding:0 22px 14px; background:#fff; }

.scc-floating { position:fixed; right:24px; bottom:24px; z-index:99999; pointer-events:none; }
.scc-floating-launcher { pointer-events:auto; position:fixed; right:24px; bottom:24px; width:72px; height:72px; min-width:72px; padding:0; display:flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:linear-gradient(135deg,var(--scc-launcher-bg),var(--scc-primary-dark)); color:var(--scc-launcher-text); cursor:pointer; box-shadow:0 22px 45px rgba(91,61,245,.38),0 0 0 10px rgba(91,61,245,.10); transition:transform .18s ease, box-shadow .18s ease; }
.scc-floating-launcher:hover { transform:translateY(-2px) scale(1.04); box-shadow:0 26px 52px rgba(91,61,245,.45),0 0 0 12px rgba(91,61,245,.12); }
.scc-floating-label { display:none; }
.scc-floating-icon { width:34px; height:34px; display:block; background:var(--scc-launcher-text); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H9l-5 4v-4H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm4 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm4 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm4 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H9l-5 4v-4H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm4 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm4 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm4 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E") center/contain no-repeat; }
.scc-floating.is-open .scc-floating-icon { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18.3 5.7 12 12l6.3 6.3-1.9 1.9L10.1 13.9 3.8 20.2 1.9 18.3 8.2 12 1.9 5.7l1.9-1.9 6.3 6.3 6.3-6.3 1.9 1.9Z'/%3E%3C/svg%3E") center/26px no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18.3 5.7 12 12l6.3 6.3-1.9 1.9L10.1 13.9 3.8 20.2 1.9 18.3 8.2 12 1.9 5.7l1.9-1.9 6.3 6.3 6.3-6.3 1.9 1.9Z'/%3E%3C/svg%3E") center/26px no-repeat; }
.scc-floating-panel { pointer-events:auto; position:fixed; right:24px; bottom:112px; width:min(430px,calc(100vw - 48px)); height:min(720px,calc(100vh - 150px)); max-height:720px; display:none; border-radius:28px; overflow:hidden; background:#fff; border:1px solid rgba(231,233,242,.98); box-shadow:0 32px 100px rgba(23,27,52,.26); opacity:0; transform:translateY(16px) scale(.985); transform-origin:right bottom; }
.scc-floating.is-open .scc-floating-panel { display:block; animation:sccFloatingIn .18s ease forwards; }
@keyframes sccFloatingIn { to { opacity:1; transform:translateY(0) scale(1); } }
.scc-floating-panel .scc-wrap { height:100%; }
.scc-floating-panel .scc-chat-wrap { height:100%; padding:0; background:transparent; border-radius:0; }
.scc-floating-panel .scc-chat-shell { height:100%; min-height:0; border:0; border-radius:0; box-shadow:none; }
.scc-floating-panel .scc-chat-header { min-height:128px; padding:24px 22px; }
.scc-floating-panel .scc-chat-header > div:first-child { grid-template-columns:54px minmax(0,1fr); }
.scc-floating-panel .scc-avatar-picker { width:52px; height:52px; padding:5px; }
.scc-floating-panel .scc-avatar-picker span { display:none; }
.scc-floating-panel .scc-logout { min-height:44px; padding:6px 14px; }
.scc-floating-panel .scc-messages { padding:24px 24px 18px; }
.scc-floating-panel .scc-bubble-wrap { max-width:calc(100% - 58px); }
.scc-floating-panel .scc-composer { padding:18px 18px; grid-template-columns:48px 48px minmax(0,1fr) 56px; gap:10px; }
.scc-floating-panel .scc-auth-wrap { min-height:100%; height:100%; padding:16px; border-radius:0; background:var(--scc-bg); }
.scc-floating-panel .scc-auth-card { width:100%; height:100%; overflow-y:auto; border-radius:24px; box-shadow:none; }

@media (max-width: 640px) {
  .scc-floating { right:16px; bottom:16px; }
  .scc-floating-launcher { right:18px; bottom:18px; width:64px; height:64px; min-width:64px; }
  .scc-floating-panel { inset:12px 12px 96px 12px; width:auto; height:auto; max-height:none; border-radius:26px; transform-origin:center bottom; }
  .scc-floating-panel .scc-chat-header { min-height:116px; padding:20px 16px; }
  .scc-floating-panel .scc-chat-header > div:first-child { grid-template-columns:46px minmax(0,1fr); column-gap:12px; }
  .scc-floating-panel .scc-chat-header > div:first-child::before { width:46px; height:46px; background-size:25px; }
  .scc-floating-panel .scc-avatar-picker { width:46px; height:46px; }
  .scc-floating-panel .scc-logout { padding:6px 11px; font-size:12px; }
  .scc-floating-panel .scc-messages { padding:20px 16px 14px; }
  .scc-floating-panel .scc-composer { grid-template-columns:44px 44px minmax(0,1fr) 52px; gap:8px; padding:12px; }
  .scc-icon-btn { width:44px; height:44px; }
  .scc-composer textarea { height:46px !important; min-height:46px; padding:12px 15px; }
  .scc-send-btn { width:52px; min-width:52px; height:52px; min-height:52px; }
  .scc-avatar { width:36px; height:36px; flex-basis:36px; }
  .scc-bubble { padding:12px 14px; }
  .scc-bubble-wrap { max-width:calc(100% - 48px); }
}

/* v1.2.2 hard layout fixes: clean chatbot composer and stable floating panel */
.scc-floating-panel {
  width: min(430px, calc(100vw - 48px)) !important;
  height: min(690px, calc(100vh - 145px)) !important;
  border-radius: 28px !important;
  overflow: hidden !important;
}

.scc-floating-panel .scc-chat-shell {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
}

.scc-floating-panel .scc-chat-header {
  flex: 0 0 auto !important;
  min-height: 112px !important;
  padding: 22px 20px !important;
}

.scc-floating-panel .scc-messages {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 22px 22px 16px !important;
  background: #fff !important;
}

.scc-floating-panel .scc-composer,
.scc-composer {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 16px 18px !important;
  border-top: 1px solid var(--scc-border) !important;
  background: #fff !important;
}

.scc-floating-panel .scc-icon-btn,
.scc-icon-btn {
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid #e6e8f2 !important;
  background: #fbfbff !important;
  box-shadow: 0 8px 18px rgba(23,27,52,.05) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

.scc-floating-panel .scc-composer textarea,
.scc-composer textarea {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  resize: none !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  border: 1px solid #dfe3ef !important;
  padding: 0 18px !important;
  margin: 0 !important;
  line-height: 52px !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.65) !important;
}

.scc-floating-panel .scc-send-btn,
.scc-send-btn {
  flex: 0 0 54px !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.scc-floating-panel .scc-file-chip,
.scc-file-chip {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 82px !important;
  z-index: 3 !important;
  grid-column: auto !important;
  margin: 0 !important;
}

.scc-floating-panel .scc-chat-notice,
.scc-chat-notice {
  flex: 0 0 auto !important;
  padding: 0 18px 10px !important;
  min-height: 0 !important;
}

@media (max-width: 640px) {
  .scc-floating-panel {
    inset: 12px 12px 92px 12px !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 26px !important;
  }
  .scc-floating-panel .scc-chat-header {
    min-height: 104px !important;
    padding: 18px 14px !important;
  }
  .scc-floating-panel .scc-composer,
  .scc-composer {
    gap: 8px !important;
    padding: 12px !important;
  }
  .scc-floating-panel .scc-icon-btn,
  .scc-icon-btn {
    flex-basis: 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }
  .scc-floating-panel .scc-composer textarea,
  .scc-composer textarea {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    line-height: 48px !important;
    padding: 0 15px !important;
  }
  .scc-floating-panel .scc-send-btn,
  .scc-send-btn {
    flex-basis: 50px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
  }
}


/* v1.2.3 final visual fixes: real round launcher, clean composer, visible icons */
.scc-floating,
.scc-floating * { box-sizing: border-box !important; }

.scc-floating-launcher {
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  min-height: 74px !important;
  max-width: 74px !important;
  max-height: 74px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 0 !important;
  outline: 0 !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, var(--scc-primary), var(--scc-primary-dark)) !important;
  color: #fff !important;
  box-shadow: 0 22px 48px rgba(91,61,245,.42), 0 0 0 10px rgba(91,61,245,.12) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.scc-floating.is-open .scc-floating-launcher {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--scc-primary), var(--scc-primary-dark)) !important;
}

.scc-floating-icon {
  width: 34px !important;
  height: 34px !important;
  display: block !important;
  background: #fff !important;
  color: #fff !important;
}

.scc-floating-panel {
  right: 24px !important;
  bottom: 116px !important;
  width: min(430px, calc(100vw - 48px)) !important;
  height: min(680px, calc(100vh - 160px)) !important;
  border-radius: 28px !important;
}

.scc-floating-panel .scc-composer,
.scc-composer {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 16px 18px !important;
  background: #fff !important;
  border-top: 1px solid #e7e9f2 !important;
  min-height: 86px !important;
  width: 100% !important;
}

.scc-floating-panel .scc-icon-btn,
.scc-icon-btn {
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  max-width: 46px !important;
  max-height: 46px !important;
  border-radius: 999px !important;
  border: 1px solid #e2e6f1 !important;
  background: #fff !important;
  color: #15192d !important;
  box-shadow: 0 8px 20px rgba(23,27,52,.06) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

.scc-floating-panel .scc-composer textarea,
.scc-composer textarea {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  resize: none !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  border: 1px solid #dfe3ef !important;
  background: #fff !important;
  color: var(--scc-text) !important;
  font-size: 14px !important;
  line-height: 50px !important;
  box-shadow: none !important;
}

.scc-floating-panel .scc-send-btn,
.scc-send-btn {
  flex: 0 0 56px !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  border-radius: 999px !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: linear-gradient(135deg, var(--scc-primary), var(--scc-primary-dark)) !important;
  color: #fff !important;
  font-size: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 14px 30px rgba(91,61,245,.32) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  opacity: 1 !important;
}

.scc-send-btn::before { display: none !important; content: none !important; }
.scc-send-btn svg,
.scc-send-icon {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  fill: currentColor !important;
  color: #fff !important;
  transform: translateX(1px) !important;
}
.scc-send-btn:disabled { opacity: .72 !important; cursor: wait !important; }

.scc-delete {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  margin: 0 0 0 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #a3a8b8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  opacity: .9 !important;
}
.scc-delete:hover {
  background: rgba(239,68,68,.10) !important;
  color: var(--scc-danger) !important;
  transform: none !important;
}
.scc-delete svg,
.scc-trash-icon {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  fill: currentColor !important;
}

@media (max-width: 640px) {
  .scc-floating-launcher {
    right: 18px !important;
    bottom: 18px !important;
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    max-width: 66px !important;
    max-height: 66px !important;
  }
  .scc-floating-panel {
    inset: 12px 12px 96px 12px !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
  }
  .scc-floating-panel .scc-composer,
  .scc-composer {
    gap: 8px !important;
    padding: 12px !important;
    min-height: 76px !important;
  }
  .scc-floating-panel .scc-icon-btn,
  .scc-icon-btn {
    flex-basis: 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }
  .scc-floating-panel .scc-composer textarea,
  .scc-composer textarea {
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    line-height: 46px !important;
    padding: 0 14px !important;
  }
  .scc-floating-panel .scc-send-btn,
  .scc-send-btn {
    flex-basis: 50px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
  }
}

/* v1.3.0 fixes: dynamic bubble width, edit/delete controls, blocked users */
.scc-message .scc-bubble-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: auto !important;
  max-width: min(82%, 560px) !important;
  min-width: 0 !important;
}
.scc-message.is-mine .scc-bubble-wrap {
  align-items: flex-end !important;
}
.scc-floating-panel .scc-message .scc-bubble-wrap {
  max-width: calc(100% - 72px) !important;
}
.scc-bubble {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
}
.scc-text {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
.scc-meta {
  width: auto !important;
  max-width: 100% !important;
}
.scc-edit,
.scc-delete {
  width: 24px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #9aa3b2 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  opacity: .9 !important;
}
.scc-edit:hover { color: var(--scc-primary) !important; background: rgba(91,61,245,.09) !important; }
.scc-delete:hover { color: var(--scc-danger) !important; background: rgba(239,68,68,.10) !important; }
.scc-edit svg,
.scc-delete svg {
  width: 15px !important;
  height: 15px !important;
  fill: currentColor !important;
  display: block !important;
}
.scc-blocked-box {
  min-height: 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 36px 28px;
  background: #fff;
  color: var(--scc-text);
}
.scc-blocked-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  background: rgba(239,68,68,.10);
  color: var(--scc-danger);
  font-weight: 900;
  font-size: 28px;
}
.scc-blocked-box strong {
  display: block;
  font-size: 20px;
  margin-bottom: 8px;
}
.scc-blocked-box p {
  max-width: 320px;
  margin: 0;
  color: var(--scc-muted);
  line-height: 1.55;
}
@media (max-width: 640px) {
  .scc-message .scc-bubble-wrap,
  .scc-floating-panel .scc-message .scc-bubble-wrap {
    max-width: calc(100% - 58px) !important;
  }
}


/* v1.3.1: hide author/time/actions until the user clicks the message bubble */
.scc-message .scc-meta {
  display: none !important;
  order: 2 !important;
  margin: 6px 0 0 !important;
  padding: 0 6px !important;
  gap: 8px !important;
  align-items: center !important;
  color: var(--scc-muted) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  opacity: .92 !important;
}
.scc-message.is-details-open .scc-meta {
  display: flex !important;
}
.scc-message.is-mine .scc-meta {
  justify-content: flex-end !important;
}
.scc-message:not(.is-mine) .scc-meta {
  justify-content: flex-start !important;
}
.scc-message .scc-meta span:first-child {
  font-weight: 800 !important;
  color: var(--scc-primary) !important;
}
.scc-message .scc-bubble {
  cursor: pointer !important;
  order: 1 !important;
}
.scc-message .scc-bubble:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--scc-primary) 22%, transparent) !important;
  outline-offset: 3px !important;
}

/* v1.3.2: clear blocked state with faded disabled chat behind it */
.scc-blocked-state {
  position: relative !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  overflow: hidden !important;
}

.scc-blocked-faded {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  opacity: .22 !important;
  filter: grayscale(.25) blur(.2px) !important;
  pointer-events: none !important;
  user-select: none !important;
}

.scc-blocked-state .scc-messages-disabled {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  background: #fff !important;
  padding: 28px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

.scc-disabled-bubble {
  width: 58% !important;
  height: 46px !important;
  border-radius: 22px !important;
  background: #eef0f7 !important;
  box-shadow: 0 12px 24px rgba(23,27,52,.05) !important;
}

.scc-disabled-bubble-right {
  align-self: flex-end !important;
  background: linear-gradient(135deg, var(--scc-mine), var(--scc-primary-dark)) !important;
}

.scc-disabled-bubble-left {
  align-self: flex-start !important;
}

.scc-disabled-bubble.is-small {
  width: 38% !important;
}

.scc-blocked-box {
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  min-height: auto !important;
  z-index: 4 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 26px 22px !important;
  background: rgba(255, 255, 255, .96) !important;
  color: var(--scc-text) !important;
  border: 1px solid rgba(239, 68, 68, .18) !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 70px rgba(23,27,52,.16) !important;
  backdrop-filter: blur(12px) !important;
}

.scc-blocked-icon {
  width: 62px !important;
  height: 62px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 14px !important;
  background: rgba(239,68,68,.10) !important;
  color: var(--scc-danger) !important;
  font-size: 28px !important;
  line-height: 1 !important;
  box-shadow: 0 0 0 8px rgba(239,68,68,.06) !important;
}

.scc-blocked-box strong {
  display: block !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  margin: 0 0 8px !important;
  color: var(--scc-text) !important;
}

.scc-blocked-box p {
  max-width: 330px !important;
  margin: 0 !important;
  color: var(--scc-muted) !important;
  line-height: 1.55 !important;
  font-size: 14px !important;
}

.scc-composer-disabled textarea,
.scc-composer-disabled button {
  cursor: not-allowed !important;
}

@media (max-width: 640px) {
  .scc-blocked-box {
    left: 16px !important;
    right: 16px !important;
    padding: 22px 18px !important;
    border-radius: 22px !important;
  }

  .scc-blocked-icon {
    width: 56px !important;
    height: 56px !important;
    font-size: 25px !important;
  }

  .scc-blocked-box strong {
    font-size: 18px !important;
  }

  .scc-blocked-box p {
    font-size: 13px !important;
  }
}


/* v1.3.5: always show nickname above bubble, keep timestamp/actions hidden until click */
.scc-message .scc-author-label {
  display: block !important;
  order: 0 !important;
  margin: 0 0 6px !important;
  padding: 0 6px !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  color: var(--scc-primary) !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.scc-message.is-mine .scc-author-label {
  text-align: right !important;
}
.scc-message:not(.is-mine) .scc-author-label {
  text-align: left !important;
}
.scc-message .scc-meta span:first-child {
  color: var(--scc-muted) !important;
  font-weight: 500 !important;
}
.scc-message .scc-meta time {
  color: var(--scc-muted) !important;
  font-weight: 500 !important;
}


/* v1.3.6: compact header, single-line logged-in text */
.scc-floating-panel .scc-chat-header,
.scc-chat-header {
  min-height: 92px !important;
  padding: 16px 18px !important;
  gap: 10px !important;
  align-items: center !important;
}

.scc-chat-header > div:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  row-gap: 2px !important;
  align-items: center !important;
}

.scc-chat-header > div:first-child::before,
.scc-floating-panel .scc-chat-header > div:first-child::before {
  width: 48px !important;
  height: 48px !important;
  background-size: 27px !important;
}

.scc-chat-header strong {
  grid-column: 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: block !important;
  font-size: 17px !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.scc-chat-header small {
  grid-column: 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: block !important;
  margin-top: 2px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.scc-status-dot {
  width: 9px !important;
  height: 9px !important;
  margin-right: 7px !important;
  box-shadow: 0 0 0 5px rgba(34,197,94,.16) !important;
}

.scc-user-tools {
  flex: 0 0 auto !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.scc-floating-panel .scc-avatar-picker,
.scc-avatar-picker {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  padding: 4px !important;
}

.scc-avatar-picker img,
.scc-floating-panel .scc-avatar-picker img {
  width: 38px !important;
  height: 38px !important;
}

.scc-floating-panel .scc-logout,
.scc-logout {
  min-height: 40px !important;
  height: 40px !important;
  padding: 6px 13px !important;
  font-size: 12px !important;
}

@media (max-width: 640px) {
  .scc-floating-panel .scc-chat-header,
  .scc-chat-header {
    min-height: 86px !important;
    padding: 14px 14px !important;
    gap: 8px !important;
  }
  .scc-chat-header > div:first-child {
    grid-template-columns: 42px minmax(0,1fr) !important;
    column-gap: 10px !important;
  }
  .scc-chat-header > div:first-child::before,
  .scc-floating-panel .scc-chat-header > div:first-child::before {
    width: 42px !important;
    height: 42px !important;
    background-size: 24px !important;
  }
  .scc-chat-header strong {
    font-size: 16px !important;
  }
  .scc-chat-header small {
    font-size: 11px !important;
  }
  .scc-floating-panel .scc-avatar-picker,
  .scc-avatar-picker {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }
  .scc-avatar-picker img,
  .scc-floating-panel .scc-avatar-picker img {
    width: 33px !important;
    height: 33px !important;
  }
  .scc-floating-panel .scc-logout,
  .scc-logout {
    height: 38px !important;
    min-height: 38px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
  }
}

/* v1.3.8: load older history batches inside the configured history window */
.scc-load-older {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 auto 18px !important;
  padding: 9px 16px !important;
  border: 1px solid rgba(91,61,245,.18) !important;
  border-radius: 999px !important;
  background: rgba(91,61,245,.08) !important;
  color: var(--scc-primary) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 10px 22px rgba(91,61,245,.08) !important;
  transition: transform .16s ease, background .16s ease, opacity .16s ease !important;
}
.scc-load-older:hover {
  background: rgba(91,61,245,.12) !important;
  transform: translateY(-1px) !important;
}
.scc-load-older:disabled {
  opacity: .65 !important;
  cursor: wait !important;
  transform: none !important;
}

[data-scc-record]{display:none!important;}
.scc-composer{grid-template-columns:auto 1fr auto!important;}

/* Guest read-only preview */
.scc-guest-stage,
.scc-guest-stage > .scc-wrap,
.scc-guest-stage > .scc-guest-auth {
  height: 100%;
}

.scc-guest-chat[hidden],
.scc-guest-auth[hidden] {
  display: none !important;
}

.scc-guest-header .scc-user-tools {
  display: none !important;
}

.scc-guest-cta {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  border-top: 1px solid var(--scc-border);
  background: rgba(255,255,255,.98);
  box-shadow: 0 -14px 34px rgba(23,27,52,.06);
}

.scc-guest-cta-icon {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--scc-primary) 12%, white);
  font-size: 21px;
}

.scc-guest-cta-copy {
  min-width: 0;
}

.scc-guest-cta-copy strong,
.scc-guest-cta-copy span {
  display: block;
}

.scc-guest-cta-copy strong {
  margin-bottom: 3px;
  color: var(--scc-text);
  font-size: 14px;
}

.scc-guest-cta-copy span {
  color: var(--scc-muted);
  font-size: 12px;
  line-height: 1.35;
}

.scc-register-now {
  min-height: 42px;
  padding: 0 16px;
  white-space: nowrap;
}

.scc-guest-login-link {
  grid-column: 2 / -1;
  justify-self: start;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--scc-primary);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.scc-guest-auth {
  position: relative;
  height: 100%;
  background: var(--scc-bg);
}

.scc-guest-auth .scc-auth-wrap {
  height: 100%;
  min-height: 0;
}

.scc-back-to-preview {
  position: absolute;
  top: 14px;
  left: 18px;
  z-index: 5;
  border: 0;
  background: transparent;
  color: var(--scc-primary);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

/* Composer after voice-message removal */
.scc-composer,
.scc-floating-panel .scc-composer {
  grid-template-columns: 48px minmax(0,1fr) 60px !important;
}

.scc-composer-disabled {
  grid-template-columns: 48px minmax(0,1fr) 60px !important;
}

@media (max-width: 640px) {
  .scc-guest-cta {
    grid-template-columns: 42px minmax(0, 1fr);
    padding: 13px 14px;
  }

  .scc-guest-cta-icon {
    width: 42px;
    height: 42px;
  }

  .scc-register-now {
    grid-column: 1 / -1;
    width: 100%;
  }

  .scc-guest-login-link {
    grid-column: 1 / -1;
    justify-self: center;
  }

  .scc-composer,
  .scc-floating-panel .scc-composer {
    grid-template-columns: 44px minmax(0,1fr) 52px !important;
  }
}


/* v1.4.1: dedicated full-page shortcode layout */
.scc-shortcode-view {
  width: 100%;
  max-width: 920px;
  margin: 28px auto;
  padding: 0 16px;
  clear: both;
}

.scc-shortcode-view .scc-chat-wrap,
.scc-shortcode-view .scc-guest-stage,
.scc-shortcode-view .scc-guest-auth {
  width: 100%;
  max-width: 100%;
}

.scc-shortcode-view .scc-chat-wrap {
  padding: 0;
  border-radius: 28px;
  background: transparent;
}

.scc-shortcode-view .scc-chat-shell {
  width: 100%;
  height: min(78vh, 760px);
  min-height: 600px;
  border-radius: 28px;
  overflow: hidden;
}

.scc-shortcode-view .scc-chat-header {
  width: 100%;
  min-height: 96px !important;
  padding: 16px 22px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 18px !important;
}

.scc-shortcode-view .scc-chat-header > div:first-child {
  width: 100%;
  min-width: 0;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 12px !important;
  row-gap: 3px !important;
  align-items: center !important;
}

.scc-shortcode-view .scc-chat-header > div:first-child::before {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
}

.scc-shortcode-view .scc-chat-header strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.scc-shortcode-view .scc-chat-header small {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: block !important;
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.scc-shortcode-view .scc-status-dot {
  position: absolute;
  margin-left: 41px !important;
  margin-top: -35px !important;
}

.scc-shortcode-view .scc-user-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.scc-shortcode-view .scc-avatar-picker {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 4px !important;
  flex: 0 0 48px !important;
}

.scc-shortcode-view .scc-avatar-picker span {
  display: none !important;
}

.scc-shortcode-view .scc-avatar-picker img {
  width: 38px !important;
  height: 38px !important;
}

.scc-shortcode-view .scc-logout {
  min-width: auto !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  flex: 0 0 auto !important;
}

.scc-shortcode-view .scc-messages {
  min-width: 0;
}

.scc-shortcode-view .scc-composer {
  width: 100%;
  grid-template-columns: 48px minmax(0, 1fr) 56px !important;
}

@media (max-width: 640px) {
  .scc-shortcode-view {
    margin: 12px auto;
    padding: 0 8px;
  }

  .scc-shortcode-view .scc-chat-shell {
    height: calc(100dvh - 24px);
    min-height: 560px;
    border-radius: 22px;
  }

  .scc-shortcode-view .scc-chat-header {
    min-height: 88px !important;
    padding: 13px 14px !important;
    column-gap: 10px !important;
  }

  .scc-shortcode-view .scc-chat-header > div:first-child {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }

  .scc-shortcode-view .scc-chat-header > div:first-child::before {
    width: 42px !important;
    height: 42px !important;
    background-size: 24px !important;
  }

  .scc-shortcode-view .scc-status-dot {
    margin-left: 35px !important;
    margin-top: -31px !important;
  }

  .scc-shortcode-view .scc-user-tools {
    gap: 7px !important;
  }

  .scc-shortcode-view .scc-avatar-picker {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    flex-basis: 42px !important;
  }

  .scc-shortcode-view .scc-avatar-picker img {
    width: 34px !important;
    height: 34px !important;
  }

  .scc-shortcode-view .scc-logout {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 11px !important;
    font-size: 11px !important;
  }

  .scc-shortcode-view .scc-composer {
    grid-template-columns: 44px minmax(0, 1fr) 52px !important;
    gap: 8px !important;
    padding: 12px !important;
  }
}