:root{--shade-ai-bg:#0b0812;--shade-ai-panel:#151021;--shade-ai-border:#6f36a5;--shade-ai-accent:#a64dff;--shade-ai-text:#f8f3ff;--shade-ai-muted:#b9aec7}
.shade-ai-launcher{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:max(20px,calc(env(safe-area-inset-bottom) + 18px));z-index:8500;width:66px;height:66px;border-radius:50%;border:2px solid rgba(190,105,255,.82);background:radial-gradient(circle at 35% 25%,#4a206a,#100b19 70%);box-shadow:0 0 0 5px rgba(125,50,180,.17),0 16px 45px rgba(0,0,0,.55);display:grid;place-items:center;cursor:pointer;transition:.2s transform,.2s box-shadow}
.shade-ai-launcher:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 0 6px rgba(166,77,255,.22),0 20px 55px rgba(0,0,0,.65)}
.shade-ai-launcher img{width:48px;height:48px;object-fit:contain}.shade-ai-launcher::after{content:"IA";position:absolute;right:-3px;top:-3px;background:#b358ff;color:#fff;font:800 10px/1 Inter,sans-serif;padding:5px;border-radius:999px;border:2px solid #0b0812}
.shade-ai-panel{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:max(96px,calc(env(safe-area-inset-bottom) + 94px));z-index:8501;width:min(410px,calc(100vw - 32px));height:min(650px,calc(100dvh - 130px));display:flex;flex-direction:column;border:1px solid rgba(179,96,235,.58);border-radius:24px;background:linear-gradient(160deg,rgba(26,16,39,.98),rgba(7,6,12,.99));box-shadow:0 28px 80px rgba(0,0,0,.72);color:var(--shade-ai-text);overflow:hidden;transform-origin:bottom left;animation:shadeAiIn .2s ease-out}
.shade-ai-panel[hidden]{display:none!important}@keyframes shadeAiIn{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:none}}
.shade-ai-header{display:flex;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid rgba(180,105,235,.22);background:linear-gradient(90deg,rgba(97,34,139,.3),transparent)}
.shade-ai-header img{width:46px;height:46px;object-fit:contain}.shade-ai-header-copy{min-width:0;flex:1}.shade-ai-header strong{display:block;font:800 16px/1.2 Montserrat,Inter,sans-serif}.shade-ai-header small{color:#c8bad5}.shade-ai-status{display:inline-block;width:8px;height:8px;border-radius:50%;background:#35e68a;margin-right:5px;box-shadow:0 0 12px #35e68a}.shade-ai-icon-btn{border:0;background:rgba(255,255,255,.07);color:#fff;border-radius:10px;width:36px;height:36px;cursor:pointer;font-size:18px}
.shade-ai-messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}.shade-ai-message{max-width:88%;padding:11px 13px;border-radius:16px;font:500 14px/1.45 Inter,sans-serif;white-space:pre-wrap}.shade-ai-message.bot{align-self:flex-start;background:#241632;border:1px solid rgba(181,100,235,.25);border-bottom-left-radius:5px}.shade-ai-message.user{align-self:flex-end;background:linear-gradient(135deg,#833bd0,#55208e);border-bottom-right-radius:5px}.shade-ai-message.error{background:#39151d;border-color:#8a3446}.shade-ai-thinking::after{content:'•••';letter-spacing:3px;animation:shadePulse 1s infinite}@keyframes shadePulse{50%{opacity:.35}}
.shade-ai-suggestions{display:flex;gap:7px;overflow-x:auto;padding:0 14px 10px;scrollbar-width:none}.shade-ai-suggestions::-webkit-scrollbar{display:none}.shade-ai-suggestion{flex:0 0 auto;border:1px solid rgba(175,99,235,.35);background:rgba(63,32,86,.44);color:#eadffc;border-radius:999px;padding:8px 11px;font:700 11px Inter,sans-serif;cursor:pointer}
.shade-ai-nav{display:flex;gap:8px;padding:0 14px 10px}.shade-ai-nav a{flex:1;text-align:center;text-decoration:none;color:#fff;background:#7d35c5;border-radius:11px;padding:10px;font:800 12px Inter,sans-serif}
.shade-ai-compose{display:grid;grid-template-columns:40px 1fr 42px;gap:8px;padding:12px 14px max(12px,env(safe-area-inset-bottom));border-top:1px solid rgba(180,105,235,.2);background:rgba(8,6,12,.92)}.shade-ai-compose textarea{resize:none;max-height:92px;min-height:42px;border:1px solid rgba(181,100,235,.32);background:#100b18;color:#fff;border-radius:13px;padding:11px 12px;font:500 14px Inter,sans-serif;outline:none}.shade-ai-compose textarea:focus{border-color:#a64dff;box-shadow:0 0 0 3px rgba(166,77,255,.12)}.shade-ai-compose button{border:0;border-radius:12px;color:#fff;cursor:pointer;background:#342040;font-size:18px}.shade-ai-compose .send{background:linear-gradient(135deg,#a34dff,#6e25bc)}.shade-ai-footnote{padding:0 16px 10px;color:#8e829d;font:500 10px Inter,sans-serif;text-align:center}
@media(max-width:600px){.shade-ai-launcher{width:58px;height:58px;bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px))}.shade-ai-launcher img{width:42px;height:42px}.shade-ai-panel{inset:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom)) 8px;width:auto;height:auto;border-radius:20px;transform-origin:bottom center}.shade-ai-header{padding:12px}.shade-ai-message{max-width:92%}.shade-ai-compose{padding-left:10px;padding-right:10px}}
.shade-ai-primary-action{flex:1;border:1px solid #b75cff;background:linear-gradient(135deg,#8f3ee8,#5d1cad);color:#fff;border-radius:11px;padding:10px;font:800 12px Inter,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(123,47,190,.24)}
.shade-ai-primary-action:hover{filter:brightness(1.08)}
.shade-ai-capability{padding:9px 14px;background:rgba(72,31,104,.26);border-bottom:1px solid rgba(180,105,235,.16);color:#d8cce6;font:600 11px/1.45 Inter,sans-serif}
.shade-ai-message small{display:block;margin-top:7px;color:#a99bb8;font-size:10px;letter-spacing:.02em}
.shade-agent-v20 .shade-ai-nav{flex-wrap:wrap}.shade-agent-v20 .shade-ai-primary-action{min-width:150px}
@media(max-width:600px){.shade-ai-capability{font-size:10px}.shade-ai-header-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shade-agent-v20 .shade-ai-primary-action{min-width:100%}}
.shade-ai-action-group{display:flex;flex:1;gap:8px;flex-wrap:wrap}
.shade-ai-secondary-action{flex:1;min-width:140px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.07);color:#fff;border-radius:11px;padding:10px;font:800 12px Inter,sans-serif;cursor:pointer}
.shade-ai-secondary-action:hover{background:rgba(255,255,255,.13)}
@media(max-width:600px){.shade-ai-action-group{min-width:100%}.shade-ai-secondary-action{min-width:100%}}