/* CompAnnie Assistant widget (v1.4) */

#ecz-compannie-wrap{
  position: fixed;
  z-index: 999999;
  width: 78px;
  height: 78px;
  will-change: transform;
  pointer-events: none;
}

#ecz-compannie-wrap.bottom-right{ right: var(--ecz-ca-offset-x, 18px); bottom: var(--ecz-ca-offset-y, 18px); }
#ecz-compannie-wrap.bottom-left{ left: var(--ecz-ca-offset-x, 18px); bottom: var(--ecz-ca-offset-y, 18px); }

.ecz-compannie-inline-wrap{
  display: flex;
  justify-content: flex-end;
  margin: 12px 0;
}
.ecz-compannie-inline-wrap.align-left{ justify-content: flex-start; }
.ecz-compannie-inline-wrap.align-center{ justify-content: center; }

.ecz-compannie-inline{
  position: relative;
  width: 78px;
  height: 78px;
  pointer-events: none;
}

#ecz-compannie-btn{
  width: 78px;
  height: 78px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  pointer-events: auto;
  background: transparent;
  padding: 0;
}

#ecz-compannie-btn .ecz-compannie-static,
#ecz-compannie-btn .ecz-compannie-lottie{
  width: 78px;
  height: 78px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 24px;
  background: rgba(20,20,20,0.92);
  color: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

#ecz-compannie-btn img.ecz-compannie-gif{
  width: 78px;
  height: 78px;
  border-radius: 999px;
  display: block;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

#ecz-compannie-panel{
  position: absolute;
  bottom: 92px;
  width: 320px;
  max-width: min(340px, calc(100vw - 36px));
  padding: 10px;
  border-radius: 16px;
  background: rgba(20,20,20,0.92);
  box-shadow: 0 14px 40px rgba(0,0,0,0.28);
  pointer-events: auto;
  color: #fff;
}

#ecz-compannie-wrap.bottom-right #ecz-compannie-panel{ right: 0; }
#ecz-compannie-wrap.bottom-left #ecz-compannie-panel{ left: 0; }
.ecz-compannie-inline #ecz-compannie-panel{ left: 0; right: auto; }

#ecz-compannie-panel[aria-hidden="true"]{ display:none; }

.ecz-compannie-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 2px 2px 10px;
}
.ecz-compannie-title{ font-weight: 800; letter-spacing: 0.2px; }
.ecz-compannie-close{
  /* Icon-only control (Font Awesome) */
  border:0;
  background: transparent;
  color:#ff4d4f;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 20px;
  line-height: 1;
  padding: 6px;
  cursor:pointer;
}
.ecz-compannie-close:focus{ outline: 2px solid rgba(255,255,255,0.35); outline-offset: 2px; }
.ecz-compannie-close.is-back{ color:#fff; }
.ecz-compannie-close.is-close{ color:#ff4d4f; }
.ecz-compannie-close:hover{ opacity: 0.85; }
.ecz-compannie-close.is-back{
  color:#fff;
}

.ecz-compannie-actions{ display:grid; gap:8px; }

.ecz-compannie-action,
.ecz-compannie-subitem{
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  border-radius: 12px;
  border: 0;
  cursor: pointer;
  background: rgba(255,255,255,0.10);
  color: #fff;
}
.ecz-compannie-action:hover,
.ecz-compannie-subitem:hover{ background: rgba(255,255,255,0.16); }

.ecz-compannie-sub{ margin-top: 8px; display:grid; gap:8px; }
.ecz-compannie-empty{ font-size: 12px; color: rgba(255,255,255,0.75); }

.ecz-compannie-audio-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top: 10px;
}
.ecz-compannie-stop{
  border:0;
  border-radius: 999px;
  padding: 8px 10px;
  background: rgba(255,255,255,0.10);
  color:#fff;
  cursor:pointer;
}
.ecz-compannie-stop:hover{ background: rgba(255,255,255,0.16); }
.ecz-compannie-status{ font-size: 12px; color: rgba(255,255,255,0.75); }

/* Message form */
.ecz-compannie-form{ display:grid; gap:10px; }
.ecz-compannie-form-row label{ font-size: 12px; color: rgba(255,255,255,0.85); }
.ecz-compannie-input,
.ecz-compannie-textarea{
  width: 100%;
  margin-top: 6px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(0,0,0,0.18);
  color: #fff;
  padding: 10px;
  outline: none;
}
.ecz-compannie-input:focus,
.ecz-compannie-textarea:focus{
  border-color: rgba(255,255,255,0.32);
}
.ecz-compannie-form-actions{
  display:flex;
  gap:8px;
}
.ecz-compannie-subitem.ghost{
  background: rgba(255,255,255,0.06);
}
.ecz-compannie-chips{
  display:flex;
  gap:8px;
}
.ecz-compannie-chip{
  border: 0;
  padding: 8px 10px;
  border-radius: 999px;
  cursor: pointer;
  background: rgba(255,255,255,0.10);
  color: #fff;
}
.ecz-compannie-chip.active{ background: rgba(255,255,255,0.18); }
.ecz-compannie-note{
  font-size: 11px;
  color: rgba(255,255,255,0.65);
}

/* Highlight */
.ecz-compannie-highlight{
  outline: 3px solid rgba(255, 200, 0, 0.95);
  box-shadow: 0 0 0 8px rgba(255, 200, 0, 0.18);
  border-radius: 6px;
}
.ecz-compannie-reading{
  scroll-margin-top: 100px;
}