body.chat-open{overflow:hidden}
body #ai-panel{box-sizing:border-box;position:fixed;inset:0;margin:0;padding:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0;background:#fff;color:#171b17;overflow:hidden;box-shadow:none}
body #ai-panel[open]{display:flex;flex-direction:column}
body #ai-panel[hidden],body #ai-panel [hidden]{display:none!important}
body #ai-panel *,body #ai-panel *::before,body #ai-panel *::after{box-sizing:border-box}
body #ai-panel::backdrop{background:#fff}
body #ai-panel .ai-panel-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none;padding:28px max(32px,calc((100% - 1200px)/2));border-bottom:1px solid #dfe8d6;background:linear-gradient(115deg,#f3fbe9,#fff 70%)}
body #ai-panel .eyebrow{font-size:11px;letter-spacing:.18em;line-height:1.4;color:#536547;margin:0 0 8px}
body #ai-panel h2{font-size:clamp(23px,3vw,36px);line-height:1.15;letter-spacing:-.04em;margin:0;font-weight:600}
body #ai-panel .ai-close{flex:none;display:flex;align-items:center;gap:18px;width:auto;min-height:44px;margin:0;padding:10px 17px;border:1px solid #cad8be;border-radius:999px;background:#fff;font-family:inherit;font-weight:600;font-size:14px;line-height:1.2;color:#26321e;cursor:pointer}
body #ai-panel .ai-close span{font-size:24px;font-weight:400;line-height:20px}
body #ai-conversation{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:1200px;margin:0 auto;padding:0 32px}
body #ai-panel .package-chat-context{flex:none;margin:12px 0 0;padding:10px 16px;border-radius:12px;background:#f2f8eb;color:#46563b;font-size:13px;line-height:1.5;max-height:60px;overflow:auto}
body #ai-panel .ai-messages{display:flex;flex:1;min-height:60px;height:auto;overflow:auto;overscroll-behavior:contain;gap:18px;padding:28px 0;scrollbar-gutter:stable}
body #ai-panel .ai-bubble{max-width:85%;font-size:16px;line-height:1.7;padding:16px 20px;border-radius:20px;overflow-wrap:anywhere;white-space:pre-wrap}
body #ai-panel .ai-bubble-agent{background:#f2f8eb;align-self:flex-start;border-bottom-left-radius:5px}
body #ai-panel .ai-bubble-user{background:#20291d;color:#fff;align-self:flex-end;border-bottom-right-radius:5px}
body #ai-panel .ai-bubble a{text-decoration:underline;color:inherit}
body #ai-panel .ai-typing{font-size:14px;line-height:1.5;color:#536547;padding:8px}
body #ai-panel .chat-suggestions{flex:none;border-top:1px solid #e3eadc;padding:16px 0 12px}
body #ai-panel .chat-suggestions-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
body #ai-panel .chat-suggestions-title{font-size:14px;line-height:1.5;font-weight:600;margin:0;color:#293522}
body #ai-panel .chat-suggestions-controls{display:flex;align-items:center;gap:12px;font-size:12px;color:#536547}
body #ai-panel .chat-suggestions-controls button{font:inherit;width:auto;padding:6px 0;min-height:32px;border:0;background:none;color:#425437;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body #ai-panel .chat-suggestions-topic{font-size:11px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:#586b49;margin:6px 0 10px}
body #ai-panel .chat-question-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body #ai-panel .chat-question{font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;text-align:left;width:100%;padding:15px 18px;min-height:58px;border:1px solid #d4e2c7;border-radius:14px;background:linear-gradient(125deg,#f6fbea,#fff);color:#283520;cursor:pointer;transition:background .2s,border-color .2s}
body #ai-panel .chat-question:hover{background:#eefece;border-color:#89b955}
body #ai-panel button:disabled{cursor:default;opacity:.55}
body #ai-panel #connection-status{flex:none;margin:0;padding:2px 0 10px;font-size:13px;line-height:1.5;color:#4f6142}
body #ai-panel #connection-status:empty{display:none}
body #ai-panel #ai-message-form{flex:none;display:flex;align-items:center;gap:12px;margin:0;padding:10px 12px 10px 20px;border:1px solid #9cb586;border-radius:24px;background:#fff;box-shadow:0 3px 22px #5173230a}
body #ai-panel #ai-message-form textarea{font-family:inherit;font-size:16px;line-height:1.5;resize:none;flex:1;width:100%;min-width:0;height:52px;min-height:52px;max-height:96px;margin:0;padding:2px 0;border:0;border-radius:0;background:transparent;color:#171b17;box-shadow:none}
body #ai-panel #ai-message-form textarea:focus{outline:0}
body #ai-panel #ai-message-form:focus-within{outline:2px solid #5e8932;outline-offset:2px}
body #ai-panel #send-chat{flex:none;display:flex;align-items:center;gap:14px;width:auto;min-height:46px;padding:12px 22px;margin:0;border:0;border-radius:999px;background:#b0ff3b;color:#142008;font-family:inherit;font-weight:650;font-size:15px;line-height:1.3;cursor:pointer}
body #ai-panel #send-chat span{font-size:20px}
body #ai-panel .ai-session-actions{flex:none;display:flex;align-items:center;justify-content:center;gap:22px;padding:10px 0;font-size:12px;line-height:1.4}
body #ai-panel .ai-session-actions button,body #ai-panel .ai-session-actions a{font-family:inherit;font-size:12px;line-height:1.4;color:#4d6140;background:none;border:0;width:auto;padding:5px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
body #ai-panel .ai-panel-footer{flex:none;border-top:1px solid #e3eadc;padding:12px 24px max(12px,env(safe-area-inset-bottom));font-size:11px;line-height:1.5;text-align:center;color:#5d6a53;background:#fafcf7}
body #ai-panel .ai-panel-footer p{font-size:inherit;line-height:inherit;margin:0 0 5px;color:inherit}
body #ai-panel .ai-panel-footer div{display:flex;justify-content:center;gap:12px}
body #ai-panel .ai-panel-footer a{font-size:inherit;font-weight:500;color:#3e5330;margin:0;text-decoration:underline;text-underline-offset:2px}
body #ai-panel button:focus-visible,body #ai-panel a:focus-visible{outline:3px solid #456e12;outline-offset:3px}
@media(max-width:640px){
 body #ai-panel .ai-panel-header{padding:max(18px,env(safe-area-inset-top)) 18px 18px;gap:12px}
 body #ai-panel h2{font-size:23px;max-width:250px}
 body #ai-panel .eyebrow{font-size:9px;margin-bottom:6px}
 body #ai-panel .ai-close{padding:10px 12px;font-size:12px;gap:8px}
 body #ai-conversation{padding:0 16px}
 body #ai-panel .ai-messages{padding:18px 0;gap:12px}
 body #ai-panel .ai-bubble{font-size:15px;padding:13px 16px;max-width:94%}
 body #ai-panel .chat-suggestions{padding:12px 0}
 body #ai-panel .chat-suggestions-heading{align-items:flex-start;flex-wrap:wrap;gap:2px}
 body #ai-panel .chat-suggestions-title{font-size:13px}
 body #ai-panel .chat-suggestions-controls{font-size:11px;gap:10px}
 body #ai-panel .chat-suggestions-topic{font-size:10px;margin:3px 0 7px}
 body #ai-panel .chat-question-list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:85%;gap:8px;overflow-x:auto;padding:3px 3px 8px;scroll-snap-type:x mandatory;scrollbar-width:thin}
 body #ai-panel .chat-question{font-size:13px;min-height:52px;padding:12px 14px;scroll-snap-align:start}
 body #ai-panel #ai-message-form{padding:9px 10px 9px 14px;border-radius:19px;gap:8px}
 body #ai-panel #send-chat{font-size:13px;padding:12px 16px;gap:7px}
 body #ai-panel .ai-panel-footer{padding:10px 16px max(10px,env(safe-area-inset-bottom));font-size:10px}
 body #ai-panel .ai-session-actions{padding:7px 0}
}
@media(max-height:540px){
 body #ai-panel .ai-panel-header{padding:10px 18px}
 body #ai-panel .eyebrow{display:none}
 body #ai-panel h2{font-size:20px}
 body #ai-panel .chat-suggestions{max-height:26dvh;overflow:auto;padding:6px 0}
 body #ai-panel .chat-suggestions-title,body #ai-panel .chat-suggestions-topic{display:none}
 body #ai-panel .chat-suggestions-heading{justify-content:flex-end}
 body #ai-panel .ai-panel-footer{display:none}
 body #ai-panel .ai-session-actions{padding:4px 0}
 body #ai-panel .ai-messages{padding:10px 0;min-height:32px}
}
@media(prefers-reduced-motion:reduce){body #ai-panel *{transition:none!important;scroll-behavior:auto!important}}