.ai-chat-dialog[data-expanded]{animation:chatDialogIn .3s ease}.ai-chat-dialog[data-closed]{animation:chatDialogOut .3s ease forwards}@keyframes chatDialogIn{0%{opacity:0;transform:scale(.8) translateY(20px) rotateX(-10deg)}50%{opacity:1;transform:scale(1.02) translateY(-5px) rotateX(2deg)}to{opacity:1;transform:scale(1) translateY(0) rotateX(0)}}@keyframes chatDialogOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(20px)}}.ai-chat-tab-trigger[data-selected]{color:var(--foreground);font-weight:700;transform:scale(1.05)}.ai-chat-faq-header[data-expanded] .ai-chat-faq-chevron{transform:rotate(180deg)}.ai-chat-faq-content[data-expanded]{animation:accordionContentOpen .2s ease-out forwards}.ai-chat-faq-content[data-closed]{animation:accordionContentClose .2s ease-out forwards}@keyframes accordionContentOpen{0%{opacity:0;height:0}to{opacity:1;height:var(--kb-accordion-content-height)}}@keyframes accordionContentClose{0%{opacity:1;height:var(--kb-accordion-content-height)}to{opacity:0;height:0}}.ai-chat-tooltip{transform-origin:var(--kb-tooltip-content-transform-origin);animation:tooltipHide .15s ease-in forwards}.ai-chat-tooltip[data-expanded]{animation:tooltipShow .15s ease-out}@keyframes tooltipShow{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes tooltipHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.ai-chat-toast{animation:toastSlideIn .2s ease-out}.ai-chat-toast[data-closed]{animation:toastSlideOut .1s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.ai-chat-start-header:before{content:"";position:absolute;inset:-20px;background-image:url(/images/providers/hero/kpn.jpeg);background-size:cover;background-position:center;opacity:.45;pointer-events:none;z-index:0}.ai-chat-start-header:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#14151a33,#14151acc);pointer-events:none;z-index:0}.ai-chat-message a{color:inherit;text-decoration:underline;text-underline-offset:2px;font-weight:500;transition:opacity .15s ease}.ai-chat-message a:hover{opacity:.8}.ai-chat-message .ai-chat-order-button{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem;padding:.625rem 1rem;background:linear-gradient(135deg,#fb6514,#ec4a0a);color:#fff!important;font-weight:600;font-size:.9375rem;text-decoration:none;border-radius:.625rem;box-shadow:0 2px 8px #fb651459,0 1px 3px #0000001a;transition:all .2s ease;white-space:nowrap}.ai-chat-message .ai-chat-order-button:hover{opacity:1;background:linear-gradient(135deg,#ec4a0a,#c4320a);box-shadow:0 4px 12px #fb651473,0 2px 4px #00000026;transform:translateY(-1px)}.ai-chat-message .ai-chat-order-button:active{transform:translateY(0);box-shadow:0 1px 4px #f973164d}.ai-chat-postcodecheck-card{animation:postcodeCardIn .4s ease-out}@keyframes postcodeCardIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-chat-postcodecheck-button{box-shadow:0 2px 6px #f9731640;transition:all .2s ease}.ai-chat-postcodecheck-button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #f9731659}.ai-chat-postcodecheck-loading{animation:postcodeLoadingPulse 2s ease-in-out infinite}@keyframes postcodeLoadingPulse{0%,to{opacity:1}50%{opacity:.7}}.ai-chat-loading-spinner{border:2px solid var(--primary);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ai-chat-message .ai-chat-list-item{display:block;padding-left:.25rem;margin:.35rem 0}.ai-chat-message .ai-chat-list-number{font-weight:600;min-width:1.5rem;display:inline-block}.ai-chat-message .ai-chat-list-bullet{margin-right:.25rem}.ai-chat-dialog ::-webkit-scrollbar{width:16px}.ai-chat-dialog ::-webkit-scrollbar-track{background:transparent}.ai-chat-dialog ::-webkit-scrollbar-thumb{background:var(--muted-foreground);border-radius:999px;border:5px solid var(--muted)}.ai-chat-dialog ::-webkit-scrollbar-thumb:hover{background:var(--foreground)}
