/* ClockPoint site — chat widget, night/gold brand */

.cpc-launcher{
  position:fixed;z-index:80;right:clamp(.8rem,2vw,1.6rem);bottom:clamp(3.4rem,6vh,4.6rem);
  display:flex;align-items:center;gap:.6em;cursor:pointer;
  background:var(--gold);color:var(--night);border:none;border-radius:999px;
  font-family:var(--body);font-weight:600;font-size:.92rem;padding:.8em 1.4em;
  box-shadow:0 10px 34px rgba(232,163,61,.45);
  transition:transform .2s,box-shadow .2s;
}
.cpc-launcher:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(232,163,61,.55)}
.cpc-launcher svg{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cpc-launcher .cpc-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--ok);animation:cpcpulse 2s infinite}
@keyframes cpcpulse{0%,100%{opacity:.6}50%{opacity:1}}
html[dir="rtl"] .cpc-launcher{right:auto;left:clamp(.8rem,2vw,1.6rem)}

.cpc-panel{
  position:fixed;z-index:85;right:clamp(.8rem,2vw,1.6rem);bottom:clamp(.8rem,2vh,1.4rem);
  width:min(25rem,calc(100vw - 2rem));height:min(35rem,calc(100vh - 6rem));
  display:flex;flex-direction:column;overflow:hidden;
  background:#0D1322;border:1px solid rgba(232,163,61,.35);border-radius:20px;
  box-shadow:0 30px 80px rgba(0,0,0,.6);
  opacity:0;transform:translateY(16px) scale(.98);pointer-events:none;
  transition:opacity .25s,transform .25s;
}
.cpc-panel.is-open{opacity:1;transform:none;pointer-events:auto}
html[dir="rtl"] .cpc-panel{right:auto;left:clamp(.8rem,2vw,1.6rem)}

.cpc-head{
  display:flex;align-items:center;gap:.7rem;padding:.9rem 1.1rem;
  background:linear-gradient(180deg,#111A33,#0D1322);border-bottom:1px solid rgba(255,255,255,.08);
}
.cpc-head .cpc-logo{width:2.1rem;height:2.1rem;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.cpc-head .cpc-logo img{width:74%;object-fit:contain}
.cpc-head b{color:#fff;font-size:.92rem;font-family:var(--body)}
.cpc-head .cpc-status{display:flex;align-items:center;gap:.4em;font-size:.68rem;color:var(--ok);margin-top:.1rem}
.cpc-head .cpc-status i{width:.5rem;height:.5rem;border-radius:50%;background:var(--ok);display:block}
.cpc-close{
  margin-inline-start:auto;background:none;border:none;color:#8B94AC;cursor:pointer;
  font-size:1.3rem;line-height:1;padding:.3rem;
}
.cpc-close:hover{color:#fff}

.cpc-body{
  flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem;
  background:
    radial-gradient(30rem 16rem at 80% -10%, rgba(232,163,61,.08), transparent 60%),
    #0A0F1E;
}
.cpc-msg{
  max-width:85%;padding:.65em 1em;border-radius:14px;font-size:.86rem;line-height:1.55;
  font-family:var(--body);white-space:pre-wrap;word-wrap:break-word;
}
.cpc-msg--ai{align-self:flex-start;background:#161F38;color:#E9EDF6;border-bottom-left-radius:4px}
html[dir="rtl"] .cpc-msg--ai{border-bottom-left-radius:14px;border-bottom-right-radius:4px}
.cpc-msg--team{align-self:flex-start;background:#1B2C22;color:#D9F2E3;border:1px solid rgba(46,158,91,.4);border-bottom-left-radius:4px}
.cpc-msg--user{align-self:flex-end;background:var(--gold);color:var(--night);font-weight:500;border-bottom-right-radius:4px}
html[dir="rtl"] .cpc-msg--user{border-bottom-right-radius:14px;border-bottom-left-radius:4px}
.cpc-msg--sys{align-self:center;background:none;color:#8B94AC;font-size:.72rem}

.cpc-typing{display:flex;gap:.3em;padding:.9em 1em}
.cpc-typing i{width:.4rem;height:.4rem;border-radius:50%;background:#8B94AC;animation:cpcdot 1s infinite}
.cpc-typing i:nth-child(2){animation-delay:.15s}
.cpc-typing i:nth-child(3){animation-delay:.3s}
@keyframes cpcdot{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}

.cpc-form{
  display:flex;gap:.5rem;padding:.8rem;border-top:1px solid rgba(255,255,255,.08);background:#0D1322;
}
.cpc-form input{
  flex:1;background:#161F38;border:1px solid rgba(255,255,255,.1);border-radius:999px;
  color:#E9EDF6;font-family:var(--body);font-size:.88rem;padding:.65em 1.1em;outline:none;
}
.cpc-form input:focus{border-color:var(--gold)}
.cpc-form input::placeholder{color:#5A6480}
.cpc-form button{
  background:var(--gold);border:none;border-radius:999px;width:2.7rem;height:2.7rem;
  display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;
  transition:transform .15s;
}
.cpc-form button:hover{transform:scale(1.06)}
.cpc-form button svg{width:1.15rem;height:1.15rem;stroke:var(--night);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
html[dir="rtl"] .cpc-form button svg{transform:scaleX(-1)}

/* keep the ON SITE timer chip clear of the launcher */
.timer-chip{z-index:70}