.hp-hayden-section{background:linear-gradient(180deg,#F5EFE3 0%,#FAFAF5 100%);padding:96px 24px;font-family:Poppins,sans-serif}
.hp-hayden-inner{max-width:820px;margin:0 auto}
.hp-hayden-header{text-align:center;margin:0 0 36px}
.hp-hayden-eyebrow{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#C69100;text-transform:uppercase;letter-spacing:2px;margin:0 0 14px}
.hp-hayden-name{font-family:Poppins,sans-serif;font-weight:600;font-size:32px;line-height:1.2;color:#212221;margin:0 0 14px}
.hp-hayden-disclosure{font-family:Poppins,sans-serif;font-weight:400;font-size:15px;line-height:1.65;color:#3C3C3C;max-width:620px;margin:0 auto}
.hp-hayden-frame{background:#FFFFFF;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,0.10),0 2px 8px rgba(0,0,0,0.04);min-height:540px;display:flex;flex-direction:column;overflow:hidden;position:relative}
.hp-hayden-status{padding:12px 20px;background:#F5EFE3;color:#5A5A5A;font-size:13px;border-bottom:1px solid #E0E0E0;font-family:Poppins,sans-serif}
.hp-hayden-history{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-height:380px}
.hp-hayden-msg{padding:10px 14px;border-radius:10px;max-width:80%;font-size:15px;line-height:1.5;word-wrap:break-word;font-family:Poppins,sans-serif}
.hp-hayden-msg-user{background:#EEB211;color:#212221;align-self:flex-end}
.hp-hayden-msg-agent{background:#F4F4F4;color:#212221;align-self:flex-start}
.hp-hayden-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:380px;padding:40px;text-align:center;gap:18px}
.hp-hayden-idle p{margin:0;color:#5A5A5A;font-size:15px;line-height:1.55;max-width:360px;font-family:Poppins,sans-serif}
.hp-hayden-start-btn{background:#EEB211;color:#212221;border:0;border-radius:10px;padding:14px 32px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:0.2px;transition:background 0.15s,transform 0.15s,opacity 0.15s}
.hp-hayden-start-btn:hover,.hp-hayden-start-btn:focus-visible{background:#D89F0F;transform:translateY(-1px);outline:none;color:#212221}
.hp-hayden-start-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}
.hp-hayden-composer{display:flex;gap:8px;padding:14px;border-top:1px solid #E0E0E0;align-items:center;background:#FFFFFF}
.hp-hayden-mic-btn{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid #B2B3B2;background:#FFFFFF;cursor:pointer;color:#5A5A5A;display:flex;align-items:center;justify-content:center;transition:all 0.15s;padding:0}
.hp-hayden-mic-btn:disabled{opacity:0.4;cursor:not-allowed}
.hp-hayden-mic-btn.is-active{background:#EEB211;border-color:#EEB211;color:#212221}
.hp-hayden-text-input{flex:1;padding:12px 16px;border:1px solid #B2B3B2;border-radius:10px;font-family:Poppins,sans-serif;font-size:14px;color:#212221;outline:none;min-width:0;background:#FFFFFF}
.hp-hayden-text-input:focus{border-color:#EEB211}
.hp-hayden-text-input:disabled{background:#F4F4F4;opacity:0.6;cursor:not-allowed}
.hp-hayden-send-btn{flex:0 0 auto;background:#EEB211;color:#212221;border:0;border-radius:10px;padding:12px 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background 0.15s,opacity 0.15s}
.hp-hayden-send-btn:hover{background:#D89F0F}
.hp-hayden-send-btn:disabled{opacity:0.4;cursor:not-allowed}
.hp-hayden-msg-typing{display:inline-flex;align-items:center;gap:5px;padding:14px 16px;align-self:flex-start}
.hp-hayden-typing-dot{display:inline-block;width:7px;height:7px;background:#B2B3B2;border-radius:50%;animation:hp-hayden-blink 1.4s infinite both}
.hp-hayden-typing-dot:nth-child(2){animation-delay:0.2s}
.hp-hayden-typing-dot:nth-child(3){animation-delay:0.4s}
@keyframes hp-hayden-blink{0%,80%,100%{opacity:0.3}40%{opacity:1}}
.hp-hayden-msg-agent p{margin:0 0 8px}.hp-hayden-msg-agent p:last-child{margin-bottom:0}
.hp-hayden-msg-agent ul,.hp-hayden-msg-agent ol{margin:4px 0 8px;padding-left:20px}
.hp-hayden-msg-agent li{margin:2px 0}
.hp-hayden-msg-agent a{color:#C69100;text-decoration:underline}
.hp-hayden-msg-agent a:hover{color:#9B7100}
.hp-hayden-msg-agent strong,.hp-hayden-msg-agent b{font-weight:600}
.hp-hayden-msg-agent em,.hp-hayden-msg-agent i{font-style:italic}
.hp-hayden-msg-agent code{background:#E8E8E8;padding:1px 5px;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px}
.hp-hayden-msg-agent pre{background:#E8E8E8;padding:8px 10px;border-radius:5px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;margin:6px 0}
.hp-hayden-msg-agent pre code{background:transparent;padding:0;font-size:inherit}
.hp-hayden-msg-agent blockquote{margin:6px 0;padding:4px 12px;border-left:3px solid #B2B3B2;color:#5A5A5A}
.hp-hayden-scroll-btn{position:absolute;right:18px;bottom:84px;display:none;background:#212221;color:#FFFFFF;border:0;border-radius:20px;padding:8px 14px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,0.25);z-index:5;align-items:center;gap:6px;transition:background 0.15s}
.hp-hayden-scroll-btn:hover,.hp-hayden-scroll-btn:focus-visible{background:#3A3936;outline:none}
.hp-hayden-ended{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 14px;border-top:1px solid #E0E0E0;background:#F5EFE3;text-align:center}
.hp-hayden-ended-text{font-family:Poppins,sans-serif;font-size:14px;color:#5A5A5A;margin:0}
.hp-hayden-restart-btn{background:#EEB211;color:#212221;border:0;border-radius:10px;padding:10px 24px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background 0.15s}
.hp-hayden-restart-btn:hover,.hp-hayden-restart-btn:focus-visible{background:#D89F0F;outline:none}
.hp-hayden-retry{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 14px;border-top:1px solid #E0E0E0;background:#FFF7E0;text-align:center}
.hp-hayden-retry-text{font-family:Poppins,sans-serif;font-size:14px;color:#212221;margin:0}
.hp-hayden-retry-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.hp-hayden-retry-btn{background:#EEB211;color:#212221;border:0;border-radius:8px;padding:8px 18px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background 0.15s}
.hp-hayden-retry-btn:hover,.hp-hayden-retry-btn:focus-visible{background:#D89F0F;outline:none}
.hp-hayden-startover-btn{background:#FFFFFF;color:#212221;border:1px solid #B2B3B2;border-radius:8px;padding:8px 18px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background 0.15s}
.hp-hayden-startover-btn:hover,.hp-hayden-startover-btn:focus-visible{background:#F4F4F4;outline:none}
.hp-hayden-escape{margin:36px 0 0;text-align:center;font-family:Poppins,sans-serif;font-size:14px;line-height:1.65;color:#5A5A5A}
.hp-hayden-escape a{color:#212221;font-weight:600;text-decoration:underline}
.hp-hayden-escape a:hover,.hp-hayden-escape a:focus-visible{color:#C69100}
@media(max-width:640px){
.hp-hayden-section{padding:64px 16px}
.hp-hayden-name{font-size:26px}
.hp-hayden-disclosure{font-size:14px}
.hp-hayden-frame{min-height:480px;border-radius:10px}
.hp-hayden-history{min-height:320px;padding:18px}
.hp-hayden-composer{padding:12px}
.hp-hayden-text-input{font-size:16px}
}
/* ===== Phase 1.5: floating launcher chrome (launcher mode only; additive -- no existing selector changed) ===== */
/* Panel: the section becomes a fixed, collapsible chat panel. Hidden by default; revealed with .is-open. */
.hp-hayden-section.hp-hayden--launcher{position:fixed;right:24px;bottom:24px;left:auto;top:auto;width:clamp(320px,92vw,400px);height:min(72vh,620px);padding:0;background:#FFFFFF;border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,0.28),0 4px 14px rgba(0,0,0,0.12);overflow:hidden;display:flex;flex-direction:column;z-index:2147483000;opacity:0;visibility:hidden;transform:translateY(16px) scale(0.98);transition:opacity 0.22s ease,transform 0.22s ease,visibility 0.22s ease}
.hp-hayden-section.hp-hayden--launcher.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.hp-hayden-section.hp-hayden--launcher .hp-hayden-inner{max-width:none;margin:0;height:100%;display:flex;flex-direction:column;min-height:0}
.hp-hayden-section.hp-hayden--launcher .hp-hayden-header{margin:0;padding:16px 46px 10px 18px;text-align:left;background:#F5EFE3;border-bottom:1px solid #E0E0E0}
.hp-hayden-section.hp-hayden--launcher .hp-hayden-name{font-size:18px;margin:0;color:#212221}
.hp-hayden-section.hp-hayden--launcher .hp-hayden-disclosure{display:none}
.hp-hayden-section.hp-hayden--launcher .hp-hayden-frame{flex:1;min-height:0;border-radius:0;box-shadow:none}
.hp-hayden-section.hp-hayden--launcher .hp-hayden-history{min-height:0}
.hp-hayden-section.hp-hayden--launcher .hp-hayden-greeting{margin:0 0 10px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:1.5;color:#212221}
.hp-hayden-section.hp-hayden--launcher .hp-hayden-escape{margin:0;padding:8px 14px 12px;font-size:12px;line-height:1.5}
/* Close / minimize control (injected into the panel; absolute within the fixed panel). */
.hp-hayden-section.hp-hayden--launcher .hp-hayden-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(33,34,33,0.08);color:#5A5A5A;font-family:Poppins,sans-serif;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:background 0.15s,color 0.15s}
.hp-hayden-section.hp-hayden--launcher .hp-hayden-close:hover,.hp-hayden-section.hp-hayden--launcher .hp-hayden-close:focus-visible{background:rgba(33,34,33,0.16);color:#212221;outline:none}
/* Pill: fixed launcher button. Sibling of the panel; hidden while the panel is open. */
.hp-hayden-pill{position:fixed;right:24px;bottom:24px;left:auto;top:auto;z-index:2147483000;display:inline-flex;align-items:center;gap:9px;background:var(--hp-hayden-accent,#EEB211);color:#212221;border:0;border-radius:999px;padding:14px 22px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,0.26);transition:transform 0.15s ease,box-shadow 0.15s ease}
.hp-hayden-pill:hover,.hp-hayden-pill:focus-visible{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,0.32);outline:none}
.hp-hayden-pill svg{display:block}
.hp-hayden-pill-label{display:inline-block}
.hp-hayden-section.hp-hayden--launcher.is-open ~ .hp-hayden-pill{display:none}
/* Launcher mobile: panel near-fullscreen (inset with small margins); pill stays. */
@media(max-width:640px){
.hp-hayden-section.hp-hayden--launcher{right:8px;left:8px;bottom:8px;top:8px;width:auto;height:auto;border-radius:14px}
.hp-hayden-pill{right:16px;bottom:16px;padding:13px 20px;font-size:14px}
}
