/* kz-r42 (task ba1dba00): «وكلائي» custom agents builder + motion layer for the agent panel. transform/opacity only; prefers-reduced-motion honoured. */
.kzax{animation:kzaxIn .32s cubic-bezier(.2,.8,.2,1) both}
.kzax-intro{margin:0 0 12px;font-size:14.5px;line-height:1.7;color:#4A4170}
.kzax-new{width:100%;min-height:50px;border:0;border-radius:16px;background:linear-gradient(135deg,#6B46F0,#A23AC0);color:#fff;font:700 16px Plex-SemiBold,"IBM Plex Sans Arabic",system-ui;cursor:pointer;transition:transform .12s ease,opacity .2s;box-shadow:0 6px 18px rgba(107,70,240,.25)}
.kzax-new:active,.kzax-btn:active,.kzax-tpl:active,.kzax-card:active,.kzax-chip:active,.kzax-ic:active,.kzax-tool:active{transform:scale(.97)}
.kzax-new[disabled],.kzax-btn[disabled]{opacity:.55}
.kzax-h{font:700 13px "IBM Plex Sans Arabic",system-ui;color:#5F5689;margin:18px 2px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.kzax-list{display:flex;flex-direction:column;gap:8px}
.kzax-card{display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:#fff;border:1px solid #E6E0FF;border-radius:16px;padding:12px;font-family:inherit;color:#1E1838;cursor:pointer;transition:transform .12s ease;animation:kzaxIn .36s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*55ms)}
.kzax-av{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#F1ECFF,#FBE9FF);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.kzax-ct{flex:1;min-width:0}.kzax-nm{font:700 15px/1.4 Plex-SemiBold,"IBM Plex Sans Arabic",system-ui;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kzax-rl{font-size:12.5px;line-height:1.5;color:#5F5689;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kzax-meta{font:600 11.5px system-ui;color:#7A70A8;flex-shrink:0;text-align:center;min-width:44px}
.kzax-tpls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(min-width:560px){.kzax-tpls{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kzax-tpl{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:start;min-height:112px;background:#fff;border:1px solid #ECE8FA;border-radius:16px;padding:12px;font-family:inherit;color:#1E1838;cursor:pointer;transition:transform .12s ease;animation:kzaxIn .36s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*45ms)}
.kzax-tpl .e{font-size:22px;line-height:1}.kzax-tpl b{font:700 14px/1.35 Plex-SemiBold,"IBM Plex Sans Arabic",system-ui}.kzax-tpl span{font-size:12px;line-height:1.5;color:#5F5689}
.kzax-desc{display:flex;gap:8px;align-items:stretch}.kzax-desc input{flex:1;min-width:0}
.kzax-in,.kzax-ta{width:100%;box-sizing:border-box;border:1.5px solid #DCD3FF;border-radius:14px;padding:11px 13px;font:16px/1.6 "IBM Plex Sans Arabic",system-ui;background:#fff;color:#1E1838;outline:none;transition:border-color .2s,box-shadow .2s;min-height:48px}
.kzax-ta{min-height:84px;resize:vertical}.kzax-in:focus,.kzax-ta:focus{border-color:#7C5CFF;box-shadow:0 0 0 4px rgba(124,92,255,.15)}
.kzax-lb{display:block;font:700 13px "IBM Plex Sans Arabic",system-ui;color:#3B2A8C;margin:14px 2px 6px}
.kzax-hint{font-size:12px;color:#6E6597;margin:4px 2px 0;line-height:1.5}
.kzax-btn{min-height:46px;border-radius:14px;border:1px solid #DCD3FF;background:#fff;color:#3B2A8C;font:600 14px Plex-SemiBold,"IBM Plex Sans Arabic",system-ui;cursor:pointer;padding:0 14px;transition:transform .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.kzax-btn.pri{background:#3B2A8C;color:#fff;border-color:#3B2A8C}.kzax-btn.x{width:46px;padding:0;color:#C2272D;border-color:#F3C9CB;background:#FFF6F6;font-size:18px}
.kzax-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.kzax-row .kzax-btn{flex:1}.kzax-row .kzax-btn.x{flex:0 0 46px}
.kzax-ics{display:flex;flex-wrap:wrap;gap:6px}
.kzax-ic{width:44px;height:44px;border-radius:12px;border:1.5px solid #ECE8FA;background:#fff;font-size:20px;cursor:pointer;transition:transform .12s ease}
.kzax-ic.on{border-color:#7C5CFF;background:#F2EEFF}
.kzax-chips{display:flex;flex-wrap:wrap;gap:6px}
.kzax-chip{min-height:40px;border-radius:20px;border:1.5px solid #E6E0FF;background:#fff;color:#3B2A8C;padding:0 14px;font:600 13.5px "IBM Plex Sans Arabic",system-ui;cursor:pointer;transition:transform .12s ease}
.kzax-chip.on{background:#3B2A8C;color:#fff;border-color:#3B2A8C}
.kzax-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.kzax-tool{display:flex;align-items:center;gap:8px;min-height:48px;border-radius:14px;border:1.5px solid #ECE8FA;background:#fff;padding:6px 10px;text-align:start;font:600 13px/1.35 "IBM Plex Sans Arabic",system-ui;color:#3B2A8C;cursor:pointer;transition:transform .12s ease}
.kzax-tool .k{width:22px;height:22px;border-radius:7px;border:2px solid #D3CAF7;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;transition:transform .18s ease}
.kzax-tool.on{border-color:#7C5CFF;background:#F6F3FF}.kzax-tool.on .k{background:#7C5CFF;border-color:#7C5CFF;transform:scale(1.06)}
.kzax-tool.soon{opacity:.6;cursor:default;border-style:dashed}.kzax-tool .s{margin-inline-start:auto;font:700 10.5px system-ui;color:#8A6D00;background:#FFF4CC;border-radius:8px;padding:2px 6px;flex-shrink:0}
.kzax-test{margin-top:16px;border:1px solid #E6E0FF;border-radius:18px;background:#FDFCFF;padding:12px}
.kzax-msgs{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;margin-bottom:8px}
.kzax-m{max-width:88%;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.7;animation:kzaxMsg .3s cubic-bezier(.2,.8,.2,1) both;overflow-wrap:anywhere}
.kzax-m.u{align-self:flex-start;background:#3B2A8C;color:#fff}.kzax-m.a{align-self:flex-end;background:#fff;border:1px solid #ECE8FA}
html[dir=ltr] .kzax-m.u,.kzag-sh[dir=ltr] .kzax-m.u{align-self:flex-end}html[dir=ltr] .kzax-m.a,.kzag-sh[dir=ltr] .kzax-m.a{align-self:flex-start}
.kzax-m p{margin:4px 0}.kzax-m ul,.kzax-m ol{margin:4px 0;padding-inline-start:20px}
.kzax-m .w{display:inline;opacity:0;animation:kzaxFade .28s ease forwards}
.kzax-dots{display:inline-flex;gap:4px;padding:4px 2px}.kzax-dots i{width:7px;height:7px;border-radius:50%;background:#9A88F5;animation:kzaxDot 1s ease-in-out infinite}.kzax-dots i:nth-child(2){animation-delay:.15s}.kzax-dots i:nth-child(3){animation-delay:.3s}
.kzax-send{display:flex;gap:6px}.kzax-send input{flex:1;min-width:0}
.kzax-sk{height:68px;border-radius:16px;background:#F3F0FD;position:relative;overflow:hidden}
.kzax-sk::after,.kzag-sh .kzag-st.running::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(124,92,255,.12),transparent);transform:translateX(-100%);animation:kzaxSweep 1.3s ease-in-out infinite}
.kzag-sh .kzag-st.running{position:relative;overflow:hidden;background:#fff!important;animation:kzagIn .35s ease both!important}
.kzag-sh .kzag-st.old.running{animation:none!important}
.kzag-sh .kzag-steps .kzag-st:not(.old):nth-child(2){animation-delay:.07s}.kzag-sh .kzag-steps .kzag-st:not(.old):nth-child(3){animation-delay:.14s}.kzag-sh .kzag-steps .kzag-st:not(.old):nth-child(4){animation-delay:.21s}.kzag-sh .kzag-steps .kzag-st:not(.old):nth-child(5){animation-delay:.28s}.kzag-sh .kzag-steps .kzag-st:not(.old):nth-child(6){animation-delay:.35s}.kzag-sh .kzag-steps .kzag-st:not(.old):nth-child(7){animation-delay:.42s}.kzag-sh .kzag-steps .kzag-st:not(.old):nth-child(8){animation-delay:.49s}
.kzag-sh .kzag-st.done .stt{animation:kzaxPop .38s cubic-bezier(.2,1.4,.4,1) both}
.kzag-sh .kzag-imgs figure{background:#F1EDFF!important;animation:none!important}
.kzax-runag{display:inline-flex;align-items:center;gap:6px;font:700 12px "IBM Plex Sans Arabic",system-ui;color:#3B2A8C;background:#fff;border:1px solid #DCD3FF;border-radius:10px;padding:3px 9px;margin-bottom:6px}
.kzax-ok{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 0 8px;text-align:center}
.kzax-ok .c{width:64px;height:64px;border-radius:50%;background:#1FA971;color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;animation:kzaxPop .45s cubic-bezier(.2,1.4,.4,1) both}
.kzax-ok b{font:700 16px Plex-SemiBold,"IBM Plex Sans Arabic",system-ui;animation:kzaxIn .4s .15s ease both}
.kzax-hero{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#F4F0FF,#FDF0FF);border-radius:18px;padding:14px;animation:kzaxIn .32s ease both}
.kzax-hero .kzax-av{width:54px;height:54px;font-size:26px;background:#fff}
.kzax-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.kzax-tags span{font:600 11.5px system-ui;background:#fff;color:#5A4BB0;border-radius:8px;padding:2px 8px}
.kzax-hist{display:flex;flex-direction:column;gap:6px}
.kzax-hist button{display:flex;gap:8px;align-items:center;width:100%;min-height:48px;text-align:start;background:#fff;border:1px solid #ECE8FA;border-radius:12px;padding:8px 12px;font:14px/1.5 "IBM Plex Sans Arabic",system-ui;color:#1E1838;cursor:pointer;animation:kzaxIn .3s ease both;animation-delay:calc(var(--i,0)*45ms)}
.kzax-hist .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kzax-hist .d{font-size:12px;color:#7A70A8;flex-shrink:0}
.kzax-err{color:#B42318;background:#FFF1F0;border-radius:12px;padding:10px 12px;font-size:14px;margin-top:8px;animation:kzaxIn .25s ease both}
.kzax-share{margin-top:10px;display:flex;gap:6px}.kzax-share input{flex:1;min-width:0;font-size:13px;direction:ltr}
.kzax-empty{text-align:center;color:#5F5689;font-size:14px;line-height:1.7;padding:14px;border:1.5px dashed #DCD3FF;border-radius:16px}
.kzax-back{min-height:44px;border:0;background:transparent;color:#5A4BB0;font:600 14px "IBM Plex Sans Arabic",system-ui;cursor:pointer;padding:0 4px;margin-bottom:6px}
.kzq-chip{transition:transform .12s ease}.kzq-chip:active{transform:scale(.96)}
.kzax-fab{animation:kzaxIn .4s ease both}
.kzag-md hr{border:0;border-top:1px solid #ECE8FA;margin:12px 0}
.kzag-tabs button{transition:transform .12s ease}.kzag-tabs button:active{transform:scale(.97)}
@media(min-width:1000px) and (min-height:560px){.kzag-sh{max-width:880px!important}}
@keyframes kzaxIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes kzaxMsg{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes kzaxFade{to{opacity:1}}
@keyframes kzaxPop{0%{opacity:0;transform:scale(.4)}100%{opacity:1;transform:scale(1)}}
@keyframes kzaxDot{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@keyframes kzaxSweep{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.kzax,.kzax *,.kzag-sh *,.kzag-sh,.kzag-ov,.kzq-chip{animation:none!important;transition:none!important}.kzax-m .w{opacity:1}.kzax-sk::after,.kzag-sh .kzag-st.running::after{display:none}}

/* kz-r12 (task f17faeed): open-and-try card, quick-try sheet, «وكلائي» pill */
.kzax-oc{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px;padding:12px;border:1px solid #E6E0FF;border-radius:16px;background:linear-gradient(135deg,#F7F4FF,#FDF5FF)}
.kzax-oc button{min-height:44px;border-radius:14px;font:700 15px "IBM Plex Sans Arabic",system-ui;cursor:pointer;padding:0 16px}
.kzax-oc-go{flex:1 1 200px;border:0;color:#fff;background:linear-gradient(135deg,#6B46F0,#A23AC0);box-shadow:0 6px 18px rgba(107,70,240,.25)}
.kzax-oc-my{flex:0 0 auto;border:1px solid #D9D0FF;background:#fff;color:#4B2FC9}
.kzax-oc button:focus-visible,.kzax-pill:focus-visible,.kzax-ts button:focus-visible,.kzax-ts input:focus-visible{outline:3px solid #8B6CF6;outline-offset:2px}
.kzax-ts{position:fixed;inset:0;z-index:2147483000;background:rgba(24,16,48,.45);display:flex;align-items:flex-end;justify-content:center;animation:kzaxIn .25s ease both}
.kzax-ts-b{width:100%;max-width:560px;max-height:92vh;max-height:92dvh;display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:22px 22px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(40,20,90,.25);font-family:"IBM Plex Sans Arabic",system-ui;color:#1E1838;box-sizing:border-box}
@media(min-width:700px){.kzax-ts{align-items:center}.kzax-ts-b{border-radius:22px;max-height:84vh}}
.kzax-ts-h{display:flex;align-items:center;gap:10px}
.kzax-ts-t{flex:1;min-width:0;display:flex;flex-direction:column}.kzax-ts-t b{font-size:16.5px}.kzax-ts-t small{font-size:13px;color:#5F5689;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kzax-ts-x{width:44px;height:44px;border-radius:50%;border:1px solid #E6E0FF;background:#fff;font-size:17px;cursor:pointer;flex-shrink:0;color:#4A4170}
.kzax-ts-m{flex:1 1 auto;max-height:none;min-height:140px;overflow-y:auto;border:1px solid #EEE9FF;border-radius:16px;padding:10px;background:#FDFCFF;margin:0}
.kzax-ts-m .kzax-m.u{align-self:flex-end;background:linear-gradient(135deg,#6B46F0,#8A4AE0);color:#fff}
.kzax-ts-m .kzax-m.a{align-self:flex-start;background:#F3F0FD}
.kzax-ts-c{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.kzax-ts-c .kzax-chip{flex-shrink:0;min-height:40px}
.kzax-ts-s input{min-height:48px;border:1px solid #D9D0FF;border-radius:14px;padding:0 12px;font:16px "IBM Plex Sans Arabic",system-ui}
.kzax-ts-s .kzax-btn{min-height:48px;padding:0 18px}
.kzax-ts-f .kzax-btn{width:100%;min-height:44px}
.kzax-pill{position:fixed;inset-inline-end:12px;z-index:50;min-height:40px;padding:0 14px;border-radius:20px;border:1px solid #D9D0FF;background:rgba(255,255,255,.97);color:#4B2FC9;font:700 13.5px "IBM Plex Sans Arabic",system-ui;box-shadow:0 4px 14px rgba(60,30,140,.18);cursor:pointer}
@media(prefers-reduced-motion:reduce){.kzax-ts{animation:none}}
.kzax-ts-c{flex-wrap:nowrap!important;display:flex!important}.kzax-ts-c .kzax-chip{max-width:82%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}