/* ══════════════════════════════════════════
   HRC Global — Chat Widget Styles
   chatwidget.css
══════════════════════════════════════════ */

#hrc-chat-fab{
  position:fixed;bottom:28px;right:28px;z-index:9999;
  width:60px;height:60px;border-radius:50%;border:none;
  background:linear-gradient(135deg,#C8A24D,#b8913d);
  color:#fff;cursor:pointer;
  box-shadow:0 4px 20px rgba(200,162,77,0.45);
  display:flex;align-items:center;justify-content:center;
  transition:transform .2s,box-shadow .2s;
}
#hrc-chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(200,162,77,0.55)}
#hrc-chat-fab svg{width:28px;height:28px}

/* ── Panel ── */
#hrc-chat-panel{
  position:fixed;bottom:100px;right:28px;z-index:9998;
  width:380px;max-height:560px;
  background:#1F2933;color:#F7F4EC;
  border-radius:16px;overflow:hidden;
  box-shadow:0 12px 48px rgba(0,0,0,0.35);
  display:none;flex-direction:column;
  font-family:'Inter','Manrope',sans-serif;font-size:14px;line-height:1.5;
}
#hrc-chat-panel.open{display:flex}

/* ── Header ── */
.hrc-chat-header{
  background:linear-gradient(135deg,#C8A24D,#b8913d);
  padding:16px 18px;display:flex;align-items:center;justify-content:space-between;
}
.hrc-chat-header-left{display:flex;align-items:center;gap:10px}
.hrc-chat-header-icon{width:32px;height:32px;flex-shrink:0}
.hrc-chat-header-title{font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;color:#fff}
.hrc-chat-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;line-height:1;opacity:0.8}
.hrc-chat-close:hover{opacity:1}

/* ── AI disclosure badge ── */
.hrc-chat-ai-badge{
  background:rgba(0,0,0,0.25);padding:5px 18px;
  font-size:10.5px;color:rgba(247,244,236,0.45);
  text-align:center;letter-spacing:0.3px;
  border-bottom:1px solid rgba(255,255,255,0.06);
}

/* ── Chat links ── */
.hrc-chat-link{
  color:#C8A24D;text-decoration:underline;
  text-underline-offset:2px;font-weight:600;
}
.hrc-chat-link:hover{color:#e0bb5e}

/* ── Consent screen ── */
.hrc-chat-consent{
  padding:24px 20px;flex:1;overflow-y:auto;text-align:center;
}
.hrc-consent-icon{font-size:28px;margin-bottom:10px}
.hrc-chat-consent h4{
  font-family:'Manrope',sans-serif;font-size:15px;font-weight:700;
  margin-bottom:10px;color:#F7F4EC;
}
.hrc-chat-consent p{
  font-size:13px;color:rgba(247,244,236,0.75);line-height:1.6;margin-bottom:20px;
}
.hrc-consent-btns{display:flex;flex-direction:column;gap:8px}
.hrc-consent-accept{
  background:linear-gradient(135deg,#C8A24D,#b8913d);border:none;
  border-radius:10px;padding:12px;color:#fff;font-weight:700;
  font-size:14px;cursor:pointer;transition:opacity .15s;
}
.hrc-consent-accept:hover{opacity:0.88}
.hrc-consent-decline{
  background:transparent;border:1px solid rgba(255,255,255,0.15);
  border-radius:10px;padding:10px;color:rgba(247,244,236,0.5);
  font-size:13px;cursor:pointer;transition:border-color .15s,color .15s;
}
.hrc-consent-decline:hover{border-color:rgba(255,255,255,0.3);color:rgba(247,244,236,0.75)}

/* ── Onboarding (language + role) ── */
.hrc-chat-onboard{
  padding:20px 18px;flex:1;overflow-y:auto;
}
.hrc-chat-onboard h4{
  font-family:'Manrope',sans-serif;font-size:15px;font-weight:700;
  margin-bottom:14px;color:#F7F4EC;
}
.hrc-chat-lang-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px;
}
.hrc-chat-lang-btn,.hrc-chat-role-btn{
  background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);
  border-radius:10px;padding:10px 12px;color:#F7F4EC;
  cursor:pointer;font-size:13px;text-align:left;
  transition:background .15s,border-color .15s;
}
.hrc-chat-lang-btn:hover,.hrc-chat-role-btn:hover{
  background:rgba(200,162,77,0.15);border-color:rgba(200,162,77,0.4);
}
.hrc-chat-role-grid{display:flex;flex-direction:column;gap:8px}
.hrc-chat-role-btn{padding:14px 14px;font-size:14px}
.hrc-chat-role-btn .role-label{font-weight:600;display:block;margin-bottom:2px}
.hrc-chat-role-btn .role-desc{font-size:12px;color:rgba(247,244,236,0.6)}

/* ── Messages area ── */
.hrc-chat-messages{
  flex:1;overflow-y:auto;padding:16px 14px;
  display:flex;flex-direction:column;gap:10px;
  min-height:200px;max-height:360px;
}
.hrc-chat-msg{
  max-width:85%;padding:10px 14px;border-radius:12px;
  font-size:13.5px;line-height:1.5;word-wrap:break-word;
  white-space:pre-wrap;
}
.hrc-chat-msg.bot{
  background:rgba(255,255,255,0.08);align-self:flex-start;
  border-bottom-left-radius:4px;color:#F7F4EC;
}
.hrc-chat-msg.user{
  background:linear-gradient(135deg,#C8A24D,#b8913d);align-self:flex-end;
  border-bottom-right-radius:4px;color:#fff;
}
.hrc-chat-msg.typing{font-style:italic;color:rgba(247,244,236,0.5)}

/* ── Input bar ── */
.hrc-chat-input-bar{
  display:flex;gap:8px;padding:12px 14px;
  border-top:1px solid rgba(255,255,255,0.08);
  background:rgba(0,0,0,0.15);
}
.hrc-chat-input{
  flex:1;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);
  border-radius:10px;padding:10px 14px;color:#F7F4EC;
  font-size:13.5px;font-family:'Inter',sans-serif;outline:none;resize:none;
}
.hrc-chat-input::placeholder{color:rgba(247,244,236,0.35)}
.hrc-chat-input:focus{border-color:rgba(200,162,77,0.5)}
.hrc-chat-send{
  background:linear-gradient(135deg,#C8A24D,#b8913d);border:none;
  border-radius:10px;width:42px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:opacity .15s;
}
.hrc-chat-send:disabled{opacity:0.4;cursor:default}
.hrc-chat-send svg{width:18px;height:18px;fill:#fff}

/* ── Mobile ── */
@media(max-width:480px){
  #hrc-chat-panel{
    width:calc(100vw - 20px);right:10px;bottom:80px;
    max-height:calc(100vh - 120px);
  }
  #hrc-chat-fab{bottom:16px;right:16px;width:54px;height:54px}
}