.ai-chat-main{min-height:78vh;padding:calc(var(--header-height) + clamp(36px,5vw,68px)) 0 clamp(70px,8vw,112px);background:radial-gradient(circle at 12% 0,rgba(217,185,132,.19),transparent 34rem),radial-gradient(circle at 90% 12%,rgba(24,127,117,.14),transparent 30rem),linear-gradient(145deg,#f8f2e9,#edf5f1)}
.ai-chat-container{width:min(1040px,calc(100% - 32px))}
.ai-chat-intro{margin:0 0 24px;text-align:center}.ai-chat-intro h1{margin:0;color:#23443c;font-family:"Segoe UI Variable Display","Aptos Display","Segoe UI",sans-serif;font-size:clamp(1.8rem,3vw,3rem);font-weight:390;letter-spacing:-.035em}.ai-chat-intro>span{display:block;margin-top:9px;color:#61756f;font-size:.86rem}
.ai-chat-workspace{overflow:hidden;border:1px solid rgba(34,82,70,.13);border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(247,251,249,.82));box-shadow:0 24px 64px rgba(31,73,60,.12),0 7px 20px rgba(31,73,60,.055);backdrop-filter:blur(12px)}
.ai-chat-messages{height:clamp(390px,50vh,590px);overflow-y:auto;padding:clamp(22px,3.5vw,42px);scroll-behavior:smooth}.ai-message{display:flex;align-items:flex-start;gap:11px;max-width:78%;margin-bottom:18px}.ai-message>div{min-width:0}.ai-message small{display:block;margin:0 0 5px;color:#7a8b86;font-size:.63rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ai-message p{margin:0;padding:13px 16px;border:1px solid rgba(34,82,70,.11);border-radius:8px;background:#fff;color:#2c4942;font-size:.9rem;line-height:1.65;white-space:pre-wrap;box-shadow:0 8px 22px rgba(31,73,60,.055)}.ai-message-user{margin-left:auto;justify-content:flex-end}.ai-message-user small{text-align:right}.ai-message-user p{border-color:transparent;background:linear-gradient(135deg,#187f75,#146c64);color:#fff}.ai-avatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;margin-top:18px;border:1px solid rgba(24,127,117,.22);border-radius:50%;background:#eff7f4;color:var(--site-primary);font-size:.8rem}
.ai-chat-status{min-height:18px;margin:0;padding:0 clamp(20px,3vw,35px) 5px;color:#668079;font-size:.72rem}.ai-chat-status.is-error{color:#a1443d}
.ai-message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ai-message-actions a{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid rgba(24,127,117,.25);border-radius:5px;background:rgba(255,255,255,.85);color:var(--site-primary);font-size:.72rem;font-weight:700;transition:background .2s,color .2s}.ai-message-actions a:hover{background:var(--site-primary);color:#fff}
.ai-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:12px clamp(18px,3vw,32px);border-top:1px solid rgba(34,82,70,.1);background:rgba(247,250,248,.86)}.ai-chat-form textarea{min-height:54px;max-height:150px;resize:vertical;padding:14px 15px;border:1px solid rgba(34,82,70,.18);border-radius:7px;background:#fff;color:#29473f;line-height:1.45;outline:none}.ai-chat-form textarea:focus{border-color:var(--site-primary);box-shadow:0 0 0 3px rgba(24,127,117,.08)}.ai-chat-form button{display:flex;align-items:center;gap:9px;align-self:stretch;padding:0 20px;border:0;border-radius:7px;background:var(--site-primary);color:#fff;font-size:.7rem;font-weight:750;letter-spacing:.08em;box-shadow:0 8px 18px rgba(24,127,117,.15)}.ai-chat-form button b{font-size:1rem;font-weight:400}.ai-chat-form button:disabled{opacity:.58}
.ai-chat-footer{display:flex;justify-content:space-between;gap:20px;padding:0 clamp(20px,3vw,34px) 15px;background:rgba(247,250,248,.86);color:#81918c;font-size:.65rem}.ai-chat-footer button{padding:0;border:0;background:transparent;color:#58766f;text-decoration:underline;text-underline-offset:3px}
@media(max-width:767.98px){.ai-chat-main{padding-top:calc(var(--header-height) + 25px)}.ai-chat-container{width:min(100% - 20px,1040px)}.ai-chat-intro{margin-bottom:17px}.ai-chat-messages{height:55vh;padding:19px 15px}.ai-message{max-width:91%}.ai-message p{padding:11px 13px;font-size:.84rem}.ai-chat-form{padding:10px;grid-template-columns:minmax(0,1fr) 48px}.ai-chat-form button{justify-content:center;padding:0}.ai-chat-form button span{display:none}.ai-chat-footer{padding:2px 12px 13px}.ai-chat-footer span{max-width:72%}}
