#crcc-contact-chat { --cc-purple:#522180; --cc-bubble:#7b2db6; --cc-paper:#f6f6f1; position:fixed; z-index:99990; right:max(12px,env(safe-area-inset-right)); bottom:max(12px,env(safe-area-inset-bottom)); font:14px/1.4 Arial,Helvetica,sans-serif; color:#202020; text-align:left; }
#crcc-contact-chat *, #crcc-contact-chat *::before, #crcc-contact-chat *::after { box-sizing:border-box; }
#crcc-contact-chat [hidden], #crcc-contact-chat[hidden] { display:none !important; }
#crcc-contact-chat button, #crcc-contact-chat input, #crcc-contact-chat textarea { font:inherit; margin:0; letter-spacing:normal; text-transform:none; box-shadow:none; }
#crcc-contact-chat button { cursor:pointer; border:0; min-height:44px; border-radius:6px; padding:8px 12px; transition:none; }
#crcc-contact-chat button:disabled { cursor:wait; opacity:.65; }
#crcc-contact-chat :focus-visible { outline:3px solid #bb9adb; outline-offset:3px; }
#crcc-contact-chat p { margin:0; }
#crcc-contact-chat .crcc-chat-launcher { display:flex; align-items:center; justify-content:center; gap:10px; min-width:160px; padding:14px 20px; color:white; background:#4b1685; border:1px solid #72449d; border-radius:8px 8px 2px 2px; box-shadow:0 4px 20px #0002; font:600 16px/1.2 Georgia,serif; }
#crcc-contact-chat .crcc-chat-launcher:hover { background:#612693; }
#crcc-contact-chat .crcc-chat-panel { display:flex; flex-direction:column; width:340px; height:596px; max-height:calc(var(--crcc-chat-vh,100dvh) - 24px); max-width:calc(100vw - 24px); background:var(--cc-paper); border:1px solid #683493; border-radius:9px 9px 4px 4px; box-shadow:0 8px 32px #0003; overflow:hidden; }
#crcc-contact-chat .crcc-chat-header { flex:none; display:flex; align-items:center; gap:12px; min-height:80px; padding:14px 15px 14px 20px; color:white; background:var(--cc-purple); }
#crcc-contact-chat .crcc-chat-header h2 { margin:0 0 3px; color:white; font:700 18px/1.2 Georgia,serif; }
#crcc-contact-chat .crcc-chat-header p { font:14px/1.3 Georgia,serif; color:white; }
#crcc-contact-chat .crcc-chat-logo { position:relative; display:block; flex:0 0 46px; width:46px; height:46px; border-radius:50%; background:white; }
#crcc-contact-chat .crcc-chat-logo img { display:block; width:46px; height:46px; object-fit:contain; border-radius:50%; }
#crcc-contact-chat .crcc-chat-logo::after { content:''; position:absolute; width:9px; height:9px; right:0; bottom:2px; border:1px solid var(--cc-purple); border-radius:50%; background:#88c449; }
#crcc-contact-chat .crcc-chat-close { margin-left:auto; flex:none; width:36px; min-height:44px; padding:0; color:white; background:transparent; font:28px/1 Arial,sans-serif; }
#crcc-contact-chat .crcc-chat-close:hover { background:#ffffff18; }
#crcc-contact-chat .crcc-chat-conversation { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:20px; background:linear-gradient(155deg,#f0eeee 0%,#ded2eb 64%,#cbb6e1 100%); scrollbar-width:thin; }
#crcc-contact-chat .crcc-chat-transcript { display:flex; flex-direction:column; gap:14px; }
#crcc-contact-chat .crcc-chat-intro { background:var(--cc-paper); border-radius:6px; padding:13px 16px; width:220px; max-width:90%; }
#crcc-contact-chat .crcc-chat-bubble { align-self:flex-end; max-width:90%; padding:12px 15px; color:white; background:var(--cc-bubble); border-radius:9px 9px 2px 9px; white-space:pre-wrap; overflow-wrap:anywhere; }
#crcc-contact-chat .crcc-chat-reply { background:var(--cc-paper); border-radius:6px; padding:13px 16px; width:220px; max-width:90%; line-height:1.2; }
#crcc-contact-chat .crcc-chat-details { width:220px; max-width:100%; display:block; border-radius:6px; margin:6px 0 0; padding:22px 16px 16px; background:var(--cc-paper); }
#crcc-contact-chat .crcc-chat-field { margin:0 0 17px; }
#crcc-contact-chat label { display:block; color:#252525; font-size:14px; margin-bottom:3px; }
#crcc-contact-chat input { display:block; width:100%; min-height:36px; padding:4px 6px; color:#202020; background:transparent; border:0; border-bottom:1px solid #aaa; border-radius:0; }
#crcc-contact-chat .crcc-chat-submit { display:block; width:100%; color:white; background:#000; min-height:40px; font-size:14px; }
#crcc-contact-chat .crcc-chat-submit:hover { background:#242424; }
#crcc-contact-chat .crcc-chat-privacy { font-size:11px; line-height:1.3; color:#555; margin-top:10px; }
#crcc-contact-chat .crcc-chat-status { padding:14px; border-radius:6px; margin-top:12px; background:white; color:#242026; overflow-wrap:anywhere; }
#crcc-contact-chat .crcc-chat-status[data-error=true] { border-left:4px solid #a52233; }
#crcc-contact-chat .crcc-chat-help { padding-top:10px; }
#crcc-contact-chat .crcc-chat-help a { color:#49216f; text-decoration:underline; }
#crcc-contact-chat .crcc-chat-composer { flex:none; display:flex; align-items:center; gap:4px; padding:10px 10px 10px 20px; margin:0; background:white; border-top:1px solid #e4dfeb; }
#crcc-contact-chat textarea { flex:1; resize:none; width:100%; min-width:0; height:44px; max-height:100px; padding:12px 0; border:0; border-radius:0; background:white; color:#202020; line-height:20px; }
#crcc-contact-chat textarea::placeholder { color:#444; opacity:1; }
#crcc-contact-chat .crcc-chat-composer button { flex:none; background:transparent; color:var(--cc-purple); width:44px; height:44px; padding:10px; }
#crcc-contact-chat .crcc-chat-composer button:hover { background:#eee6f5; }
#crcc-contact-chat .crcc-chat-sr, #crcc-contact-chat .crcc-chat-trap { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:480px) { #crcc-contact-chat { right:max(8px,env(safe-area-inset-right)); bottom:max(8px,env(safe-area-inset-bottom)); } #crcc-contact-chat .crcc-chat-panel { width:min(340px,calc(100vw - 16px)); max-width:calc(100vw - 16px); max-height:calc(var(--crcc-chat-vh,100dvh) - 16px); } #crcc-contact-chat input, #crcc-contact-chat textarea { font-size:16px; } #crcc-contact-chat .crcc-chat-header { min-height:72px; padding:10px 12px; } }
@media(prefers-reduced-motion:reduce) { #crcc-contact-chat * { scroll-behavior:auto !important; } }
@media(max-width:480px) {
  #crcc-contact-chat { right:max(16px,env(safe-area-inset-right)); bottom:max(16px,env(safe-area-inset-bottom)); }
  #crcc-contact-chat .crcc-chat-launcher { width:56px; min-width:56px; height:56px; min-height:56px; border-radius:50%; padding:15px; gap:0; }
  #crcc-contact-chat .crcc-chat-launcher span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  #crcc-contact-chat .crcc-chat-panel { width:min(340px,calc(100vw - 32px)); max-width:calc(100vw - 32px); }
}