/* ===== FRONT WIDGET ===== */
.lasla-chat{ position: fixed; right: 18px; bottom: 18px; z-index: 99999; }
.lc-fab{
  display:flex; align-items:center; gap:10px;
  border:1px solid rgba(0,0,0,.15);
  border-radius: 999px;
  padding: 12px 14px;
  background: #fff;
  box-shadow: 0 14px 35px rgba(0,0,0,.14);
  cursor:pointer;
  margin-bottom: 60px;
}
.lc-fab-ico{ font-size: 18px; }
.lc-fab-txt{ font-weight: 900; font-size: 13px; }

.lc-overlay{ position: fixed; inset:0; background: rgba(0,0,0,.35); opacity:0; pointer-events:none; transition:opacity .18s ease; }

.lc-panel{
  position: fixed; right: 18px; bottom: 78px;
  width: min(380px, calc(100vw - 24px));
  height: min(640px, calc(100vh - 120px));
  background:#fff;
  border-radius: 18px;
  border:1px solid rgba(0,0,0,.12);
  box-shadow: 0 22px 55px rgba(0,0,0,.18);
  overflow:hidden;

  opacity:0; pointer-events:none;
  transform: translateY(10px) scale(.98);
  transition: all .18s ease;
  display:flex; flex-direction: column;
}
.lasla-chat.is-open .lc-panel{ opacity:1; pointer-events:auto; transform:translateY(0) scale(1); }
.lasla-chat.is-open .lc-overlay{ opacity:1; pointer-events:auto; }

.lc-head{
  padding: 12px 14px;
  display:flex; justify-content:space-between; align-items:center;
  border-bottom: 1px solid rgba(0,0,0,.08);
  background: linear-gradient(180deg, rgba(255,214,90,.92), rgba(255,190,40,.88));
}
.lc-head strong{ display:block; font-size: 14px; }
.lc-head small{ display:block; font-size: 11px; opacity:.85; }
.lc-close{ border:0; background: rgba(255,255,255,.65); width:34px; height:34px; border-radius:12px; cursor:pointer; }

.lc-body{
  padding: 14px;
  overflow:auto;
  flex: 1 1 auto;
  -webkit-overflow-scrolling: touch;
}
.lc-bubble{ max-width: 90%; padding:10px 12px; border-radius:14px; margin:0 0 10px; font-size:13px; line-height:1.35; }
.lc-bot{ background: rgba(0,0,0,.06); border-top-left-radius: 6px; }
.lc-user{ margin-left:auto; background: rgba(255,190,40,.25); border-top-right-radius: 6px; }

.lc-quick{ display:flex; gap:8px; flex-wrap:wrap; padding: 0 14px 10px; }
.lc-q{ border: 1px solid rgba(0,0,0,.12); background: #373333; border-radius:999px; cursor:pointer; font-size:12px; font-weight:800; }

.lc-form{ padding: 12px 14px; border-top:1px solid rgba(0,0,0,.08); }
.lc-input,.lc-textarea{ width:100%; border:1px solid rgba(0,0,0,.12); border-radius:12px; padding:10px; font-size:13px; outline:none; margin:0 0 8px; }
.lc-textarea{ min-height: 86px; resize: vertical; }
.lc-primary{ width:100%; border-radius:12px; padding:10px 12px; cursor:pointer; font-weight:900; border:1px solid rgba(0,0,0,.12); background: rgba(255,190,40,.95); }

/* ===== ADMIN INBOX ===== */
.lc-admin{ display:grid; grid-template-columns: 340px 1fr; gap:14px; margin-top: 12px; }
.lc-admin-list{ background:#fff; border:1px solid rgba(0,0,0,.12); border-radius:14px; overflow:hidden; }
.lc-admin-search{ padding:10px; border-bottom:1px solid rgba(0,0,0,.08); }
.lc-admin-search input{ width:100%; padding:10px; border-radius:12px; border:1px solid rgba(0,0,0,.12); }
.lc-conv{ padding:10px; border-bottom:1px solid rgba(0,0,0,.06); cursor:pointer; }
.lc-conv:hover{ background: rgba(0,0,0,.03); }
.lc-conv strong{ display:block; }
.lc-conv small{ opacity:.7; }

.lc-admin-chat{ background:#fff; border:1px solid rgba(0,0,0,.12); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; }
.lc-admin-chat-head{ padding:10px 12px; border-bottom:1px solid rgba(0,0,0,.08); background: rgba(0,0,0,.02); }

button#lcOpen {
  color: #000;
}