
/* ===================== المساعد الذكي ===================== */
.ai-fab{position:fixed;left:22px;bottom:22px;z-index:70;display:flex;align-items:center;gap:8px;height:52px;padding:0 20px 0 16px;border:0;border-radius:999px;background:linear-gradient(135deg,#16805A,#2F6BFF);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 18px 34px -12px rgba(30,80,220,.7);transition:transform .3s var(--spring)}
.ai-fab:hover{transform:translateY(-3px) scale(1.03)}.ai-fab span{font-size:1.25rem;animation:spark 3s ease-in-out infinite}.ai-fab em{font-style:normal;font-size:.9rem}
@keyframes spark{50%{transform:rotate(25deg) scale(1.2)}}
.ai-drawer{position:fixed;top:0;bottom:0;left:0;width:min(430px,100vw);z-index:90;background:var(--surface);border-right:1px solid var(--line2);box-shadow:30px 0 60px -20px rgba(0,0,0,.35);display:flex;flex-direction:column;transform:translateX(-105%);transition:transform .5s var(--ease)}
.ai-drawer.open{transform:none}
.ai-dh{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line)}
.ai-drawer .ai-chat{flex:1;min-height:0}
.ai-chat{display:flex;flex-direction:column;min-height:0;height:100%}
.ai-top{display:flex;align-items:center;padding:8px 14px}
.ai-badge{font-size:.74rem;font-weight:700;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(22,128,90,.15),rgba(47,107,255,.18));color:var(--accent)}
.ai-msgs{flex:1;overflow:auto;padding:8px 14px;display:flex;flex-direction:column;gap:12px;min-height:240px}
.ai-m{display:flex;gap:8px;align-items:flex-start;max-width:92%}.ai-m.u{align-self:flex-start;flex-direction:row-reverse;margin-inline-start:auto}
.ai-m.u .ai-b{background:var(--grad);color:var(--accent-ink);border-radius:16px 16px 4px 16px}
.ai-av{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#16805A,#2F6BFF);color:#fff;display:grid;place-items:center;flex:none;font-size:.9rem}
.ai-b{background:var(--surface2);border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:.9rem;line-height:1.7;word-break:break-word}
.ai-b ul{margin:6px 0;padding-inline-start:18px}.ai-b li{margin:2px 0}.ai-b .btn{margin-top:6px}
.ai-src{display:block;margin-top:6px;font-size:.66rem;color:var(--faint)}
.ai-typing{display:flex;gap:5px;padding:14px}.ai-typing i{width:7px;height:7px;border-radius:50%;background:var(--faint);animation:typ 1.2s infinite}.ai-typing i:nth-child(2){animation-delay:.15s}.ai-typing i:nth-child(3){animation-delay:.3s}
@keyframes typ{40%{transform:translateY(-6px);background:var(--accent)}}
.ai-sugg{display:flex;gap:6px;overflow-x:auto;padding:6px 14px}.ai-sugg button{flex:none;border:1px solid var(--line2);background:var(--glass-hi);border-radius:999px;padding:6px 13px;font-size:.78rem;cursor:pointer;white-space:nowrap}.ai-sugg button:hover{border-color:var(--accent);color:var(--accent)}
.ai-in{display:flex;gap:8px;padding:10px 14px 14px}.ai-in input{flex:1;border:1px solid var(--line2);border-radius:14px;padding:10px 14px;background:var(--glass-hi);outline:0}.ai-in input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.ai-page{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:14px;align-items:start}
.ai-main{display:flex;flex-direction:column;height:min(74vh,720px);padding:0}.ai-main .ai-msgs{min-height:0}
.ai-card{border-radius:14px;padding:12px 14px;margin-bottom:10px;background:var(--surface2);border-inline-start:4px solid var(--faint)}
.ai-card.bad{border-color:var(--red);background:var(--red-soft)}.ai-card.warn{border-color:var(--honey);background:var(--honey-soft)}.ai-card.ok{border-color:var(--ok);background:var(--ok-soft)}.ai-card.info{border-color:var(--accent);background:var(--accent-soft)}
.ai-card b{display:block;margin-bottom:2px}.ai-card p{margin:0 0 6px;font-size:.84rem;color:var(--muted)}
@media (max-width:1000px){.ai-page{grid-template-columns:1fr}.ai-main{height:70vh}}
@media (max-width:640px){.ai-fab em{display:none}.ai-fab{padding:0 16px;bottom:78px}}
html.pos-on .ai-fab{bottom:14px}
