/* AlCashLabs WhatsApp Team Chat — frontend (v1.0.1, light) */
.alc-wt { position: fixed; right: 22px; bottom: 22px; z-index: 99999; font-family: inherit; }

.alc-wt-fab {
  position: relative;
  width: 62px; height: 62px; border-radius: 50%;
  background: #25d366; border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 10px 30px rgba(37,211,102,.45), 0 4px 12px rgba(0,0,0,.18);
  transition: transform .18s ease;
  padding: 0;
}
.alc-wt-fab:hover { transform: scale(1.08); }
.alc-wt-fab svg { position: relative; z-index: 2; }
.alc-wt-pulse {
  position: absolute; inset: 0; border-radius: 50%;
  background: #25d366; z-index: 1;
  animation: alc-wt-pulse 2s ease-out infinite;
}
@keyframes alc-wt-pulse {
  0% { transform: scale(1); opacity: .55; }
  70% { transform: scale(1.45); opacity: 0; }
  100% { transform: scale(1.45); opacity: 0; }
}

.alc-wt-panel {
  position: absolute; right: 0; bottom: 76px;
  width: 340px; max-width: calc(100vw - 44px);
  background: #fff; border: 1px solid #e7eaf0; border-radius: 20px;
  overflow: hidden; box-shadow: 0 24px 60px rgba(16,21,29,.18);
  transform: translateY(14px) scale(.97); opacity: 0; pointer-events: none;
  transition: transform .22s ease, opacity .22s ease;
}
.alc-wt.open .alc-wt-panel { transform: none; opacity: 1; pointer-events: auto; }

.alc-wt-head {
  background: linear-gradient(135deg, #ffc233 0%, #ff8a1f 55%, #ff6a00 100%);
  color: #1a1000; padding: 18px 18px 16px;
  display: flex; justify-content: space-between; align-items: flex-start; gap: 10px;
}
.alc-wt-head strong { font-size: 17px; display: block; margin-bottom: 4px; }
.alc-wt-head p { margin: 0; font-size: 13px; font-weight: 600; opacity: .85; line-height: 1.5; }
.alc-wt-close {
  background: rgba(0,0,0,.14); border: none; color: #1a1000;
  width: 30px; height: 30px; border-radius: 50%; font-size: 20px; line-height: 1;
  cursor: pointer; flex-shrink: 0;
}
.alc-wt-close:hover { background: rgba(0,0,0,.24); }

.alc-wt-list { padding: 12px; display: flex; flex-direction: column; gap: 10px; max-height: 320px; overflow-y: auto; background: #fff; }
.alc-wt-member {
  display: flex; align-items: center; gap: 12px;
  background: #f8f9fb; border: 1px solid #e7eaf0; border-radius: 14px;
  padding: 10px 12px; transition: border-color .15s ease, box-shadow .15s ease;
}
.alc-wt-member:hover { border-color: #ffc46b; box-shadow: 0 6px 18px rgba(16,21,29,.07); }
.alc-wt-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 2px solid #25d366; }
.alc-wt-avatar-fallback {
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #ffc233, #ff6a00); color: #fff;
  font-weight: 800; font-size: 20px;
}
.alc-wt-info { flex: 1; min-width: 0; }
.alc-wt-info strong { display: block; color: #10151d; font-size: 15px; }
.alc-wt-role {
  display: inline-block; margin-top: 3px; font-size: 11.5px; font-weight: 700;
  letter-spacing: .6px; text-transform: uppercase; color: #b25e00;
  background: #fff3df; border: 1px solid #ffd9a0;
  padding: 2px 10px; border-radius: 999px;
}
.alc-wt-chat {
  background: #25d366; color: #fff !important; font-weight: 800; font-size: 14px;
  padding: 9px 18px; border-radius: 999px; text-decoration: none !important; flex-shrink: 0;
  box-shadow: 0 4px 14px rgba(37,211,102,.35); transition: transform .15s ease;
}
.alc-wt-chat:hover { transform: translateY(-2px); }
.alc-wt-foot {
  text-align: center; font-size: 12px; color: #8a93a3;
  padding: 10px; border-top: 1px solid #eef1f6; background: #fafbfc;
}

@media (max-width: 480px) {
  .alc-wt { right: 14px; bottom: 14px; }
  .alc-wt-panel { bottom: 72px; }
}

/* ---- v1.0.2: stacked fabs (Telegram above WhatsApp) ---- */
.alc-wt-fabs { display: flex; flex-direction: column; gap: 12px; align-items: center; }
a.alc-wt-fab { text-decoration: none; }
.alc-wt-tg { background: #229ED9; box-shadow: 0 10px 30px rgba(34,158,217,.45), 0 4px 12px rgba(0,0,0,.18); }
.alc-wt-tg:hover { transform: scale(1.08); }
.alc-wt-tg .alc-wt-pulse { background: #229ED9; }
/* Two-button stack is 136px tall (62 + 12 + 62): lift the panel above it. */
.alc-wt.has-telegram .alc-wt-panel { bottom: 150px; }