.ag-shell{--ink:#14182b;--muted:#747d93;--line:#e5e8f0;--brand:#585ef3;min-height:100svh;background:#f5f7fb;color:var(--ink);font-family:var(--font-tajawal),system-ui,sans-serif;overflow-x:hidden}.ag-shell *{box-sizing:border-box}.ag-shell>header{height:68px;padding:0 clamp(16px,4vw,48px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.ag-shell>header>a{justify-self:start;display:flex;align-items:center;gap:7px;color:#626b82;text-decoration:none;font-size:.88rem}.ag-shell>header>a svg{width:17px}.ag-shell>header>b{display:flex;align-items:center;gap:7px;font-size:1rem}.ag-shell>header>b svg{width:19px;color:var(--brand)}.ag-shell>header>b i{font-style:normal;color:var(--brand)}.ag-shell>header>button{justify-self:end;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:#626b82}.ag-shell>header>button svg{width:18px}.ag-shell main{width:min(1440px,100%);margin:auto;padding:28px clamp(15px,3vw,34px) 80px}.ag-title{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.ag-title>div:first-child{max-width:760px}.ag-title span{color:var(--brand);font-size:.82rem;font-weight:900}.ag-title h1{margin:3px 0;font-size:clamp(1.65rem,3vw,2.3rem)}.ag-title p{margin:5px 0 0;color:var(--muted);font-size:1rem;line-height:1.7}.ag-title>div:last-child{display:flex;gap:9px;flex:none}.ag-primary,.ag-secondary{height:44px;padding:0 15px;display:flex;align-items:center;gap:7px;border-radius:11px;text-decoration:none;font-size:.9rem;font-weight:800}.ag-primary{background:linear-gradient(135deg,#6267ff,#4e53e7);color:#fff;box-shadow:0 8px 20px #585ef32b}.ag-secondary{background:#fff;color:#5058dc;border:1px solid #dfe2ec}.ag-primary svg,.ag-secondary svg{width:17px}.ag-limit{margin-bottom:16px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid #f0d6d9;border-radius:15px;background:#fff7f8}.ag-limit>svg{width:24px;color:#d84b60}.ag-limit>div{display:grid;flex:1}.ag-limit strong{font-size:.92rem}.ag-limit small{margin-top:2px;color:#8c6670;font-size:.78rem}.ag-limit a{color:#4f55dd;font-size:.82rem;font-weight:800}.ag-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:17px}.ag-summary article,.ag-metric{min-width:0;padding:15px;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:16px}.ag-summary article>span,.ag-metric>span{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:10px;background:#eff0ff;color:#565cf2}.ag-summary svg,.ag-metric svg{width:17px}.ag-summary small,.ag-summary strong{display:block}.ag-summary small{color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ag-summary strong{font-size:1.3rem}.ag-toolbar{padding:11px;margin-bottom:14px;display:flex;gap:9px;background:#fff;border:1px solid var(--line);border-radius:15px}.ag-search{position:relative;flex:1}.ag-search svg{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);width:17px;color:#8c94a8}.ag-search input{padding-inline-start:39px}.ag-toolbar select{width:190px}.ag-view{display:flex;padding:3px;border-radius:10px;background:#f1f3f7}.ag-view button{width:34px;border:0;border-radius:8px;background:transparent;color:#7a8397}.ag-view button.active{background:#fff;color:var(--brand);box-shadow:0 2px 8px #20284a12}.ag-view svg{width:16px}.ag-agents.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ag-card{min-width:0;padding:17px;display:grid;grid-template-columns:42px 1fr;gap:12px;color:var(--ink);text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 8px 24px #252c4a08;transition:.2s}.ag-card:hover{transform:translateY(-2px);border-color:#cfd2ff;box-shadow:0 16px 30px #252c4a10}.ag-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#eff0ff,#e6e8ff);color:#555bf0}.ag-avatar svg{width:20px}.ag-card-main{min-width:0}.ag-card-main header{display:flex;justify-content:space-between;gap:8px}.ag-card h2{margin:0;font-size:1rem}.ag-card p{margin:2px 0;color:var(--muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ag-card em,.ag-detail-head em,.ag-table em{padding:4px 7px;display:flex;align-items:center;gap:5px;align-self:flex-start;border-radius:7px;background:#f0f2f6;color:#727b90;font-size:.72rem;font-style:normal;white-space:nowrap}.ag-card em i,.ag-detail-head em i{width:6px;height:6px;border-radius:50%;background:currentColor}.ag-card em.st-active,.ag-detail-head em.st-active{background:#e8f8f1;color:#16835f}.ag-card em.st-error,.ag-detail-head em.st-error{background:#fff0f1;color:#d8455a}.ag-card em.st-paused,.ag-detail-head em.st-paused{background:#fff5e9;color:#bd6a21}.ag-meta{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.ag-meta span{padding:5px 7px;display:flex;align-items:center;gap:4px;border-radius:7px;background:#f7f8fb;color:#747d92;font-size:.72rem;font-weight:500}.ag-meta svg{width:13px}.ag-card-kpis{grid-column:1/-1;padding-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;border-top:1px solid #eef0f4}.ag-card-kpis span{display:grid}.ag-card-kpis b{font-size:.95rem}.ag-card-kpis small{color:var(--muted);font-size:.7rem}.ag-card-kpis .has-error{color:#d7465b}.ag-card footer{grid-column:1/-1;padding-top:10px;display:flex;justify-content:space-between;color:#8a92a5;font-size:.72rem}.ag-card footer span{display:flex;align-items:center;gap:5px}.ag-card footer svg{width:14px}.ag-agents.list{display:grid;gap:8px}.ag-agents.list .ag-card{grid-template-columns:42px minmax(220px,1.5fr) minmax(320px,1fr);align-items:center}.ag-agents.list .ag-card-kpis{grid-column:auto;border:0;padding:0}.ag-empty{min-height:430px;display:grid;place-items:center;align-content:center;text-align:center;background:#fff;border:1px dashed #d8dce8;border-radius:22px}.ag-empty>svg{width:46px;color:#686ef5}.ag-empty h2{margin:13px 0 3px}.ag-empty p{max-width:520px;margin:0 0 15px;color:var(--muted);font-size:.92rem}.ag-empty a{padding:10px 14px;display:flex;align-items:center;gap:7px;color:#fff;background:var(--brand);border-radius:10px;text-decoration:none;font-weight:800}.ag-empty a svg{width:17px}.ag-loading{display:grid;gap:14px}.ag-error{min-height:65svh;display:grid;place-items:center;align-content:center;text-align:center}.ag-error svg{width:44px;color:#dc4c60}.ag-detail-head{padding:18px;margin-bottom:14px;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:20px}.ag-agent-id{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.ag-agent-id>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eff0ff;color:#555bf0}.ag-agent-id>span svg{width:23px}.ag-agent-id small{font-size:.72rem;color:#8991a4}.ag-agent-id small a{color:#555be7;text-decoration:none}.ag-agent-id h1{margin:2px 0 0;font-size:1.25rem}.ag-agent-id p{margin:1px 0;color:var(--muted);font-size:.82rem}.ag-head-state{display:flex;align-items:center;gap:7px}.ag-head-state>span{padding:4px 7px;border-radius:7px;background:#f1f3f7;font-size:.72rem}.ag-head-actions{display:flex;gap:7px}.ag-head-actions button{height:38px;font-size:.78rem}.ag-head-actions svg{width:16px}.ag-publish{background:#565cf1!important;color:#fff!important}.ag-tabs{padding:5px;margin-bottom:14px;display:flex;gap:3px;overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:14px;scrollbar-width:thin}.ag-tabs button{padding:9px 12px;flex:none;border:0;border-radius:9px;background:transparent;color:#747d92;font-size:.78rem;white-space:nowrap}.ag-tabs button.active{background:#eeefff;color:#4d53df;font-weight:800}.ag-tabs-mobile{display:none}.ag-panel{min-height:520px}.ag-health,.ag-attention,.ag-box,.ag-config,.ag-playground,.ag-module{padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px}.ag-health header,.ag-health header>div,.ag-attention header{display:flex;align-items:center;gap:8px}.ag-health header>div{flex:1}.ag-health header svg,.ag-attention header svg{width:19px;color:var(--brand)}.ag-health h2,.ag-attention h2,.ag-box h2,.ag-config h2,.ag-playground h2{margin:0;font-size:1rem}.ag-health [data-slot=progress]{margin:15px 0 12px;height:8px}.ag-health>div{display:flex;gap:8px;flex-wrap:wrap}.ag-health>div span{padding:6px 8px;display:flex;align-items:center;gap:4px;border-radius:8px;background:#f5f6f9;color:#7a8397;font-size:.75rem}.ag-health>div span.ok{background:#eaf8f2;color:#16835f}.ag-health>div span.missing{background:#fff4ee;color:#c6712c}.ag-health>div svg{width:13px}.ag-attention{margin-top:12px;background:#fffafb;border-color:#f0dadd}.ag-attention header{margin-bottom:10px}.ag-attention button{width:100%;padding:9px;display:grid;grid-template-columns:1fr 20px;text-align:start;border:0;border-bottom:1px solid #f3e7e8;background:transparent}.ag-attention button strong,.ag-attention button small{display:block}.ag-attention button small{color:#98737a;font-size:.72rem}.ag-attention button svg{grid-column:2;grid-row:1/3;width:15px}.ag-overview-grid{margin:12px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ag-metric{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto}.ag-metric>span{grid-row:1/3}.ag-metric small{color:var(--muted);font-size:.76rem}.ag-metric strong{font-size:1.2rem}.ag-two,.ag-builder{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ag-box>div{padding:9px 0;display:flex;align-items:center;gap:8px;border-bottom:1px solid #eef0f4}.ag-box>div:last-child{border:0}.ag-box>div>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#f1f2ff;color:#555bf0}.ag-box>div svg{width:14px}.ag-box b{flex:1;font-size:.78rem}.ag-box small{display:block;color:var(--muted);font-size:.68rem}.ag-box time{color:#939aab;font-size:.68rem}.ag-config header,.ag-playground header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.ag-config header>div,.ag-playground header>div{display:flex;align-items:center;gap:7px;flex:1}.ag-config header svg,.ag-playground header svg{width:18px;color:var(--brand)}.ag-config header em,.ag-playground header em{font-size:.68rem;font-style:normal;color:#5960e7}.ag-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ag-form-grid label{display:grid;gap:5px;font-size:.76rem}.ag-form-grid .wide{grid-column:1/-1}.ag-form-grid textarea{min-height:170px}.ag-config>button{margin-top:13px}.ag-playground{display:flex;flex-direction:column}.ag-playground header p{margin:2px 0 0;color:var(--muted);font-size:.72rem}.ag-playground header>div{display:block}.ag-playground header em{padding:4px 7px;border-radius:7px;background:#fff2d9;color:#9c6919}.ag-chat{min-height:285px;padding:12px;display:flex;flex-direction:column;gap:9px;background:#f7f8fb;border:1px solid #eceef4;border-radius:13px}.ag-chat>div{margin:auto;display:grid;place-items:center;text-align:center;color:#9299aa;font-size:.78rem}.ag-chat>div svg{width:32px;margin-bottom:7px}.ag-chat p{max-width:88%;padding:9px 11px;margin:0;border-radius:12px;font-size:.8rem;line-height:1.6}.ag-chat p.user{align-self:flex-end;background:#565cf1;color:#fff}.ag-chat p.assistant{align-self:flex-start;background:#fff;border:1px solid #e5e8ef}.ag-chat p small{display:block;margin-top:5px;color:#7d8699;font-size:.66rem}.ag-playground textarea{margin-top:10px;min-height:85px}.ag-playground>button{margin-top:8px}.ag-module-head{display:flex;align-items:center;gap:10px;margin-bottom:17px}.ag-module-head>span{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:12px;background:#eff0ff;color:#555bf0}.ag-module-head svg{width:19px}.ag-module-head>div{flex:1}.ag-module-head h2{margin:0;font-size:1rem}.ag-module-head p{margin:3px 0 0;color:var(--muted);font-size:.78rem}.ag-module-head>a{display:flex;align-items:center;gap:5px;color:#5157de;text-decoration:none;font-size:.78rem;font-weight:800}.ag-module-head>a svg{width:14px}.ag-table{display:grid}.ag-table>div{min-height:58px;padding:9px;display:grid;grid-template-columns:28px minmax(180px,1fr) auto auto auto;align-items:center;gap:10px;border-bottom:1px solid #eef0f4}.ag-table>div>svg{width:17px;color:#6971e9}.ag-table b,.ag-table small{display:block}.ag-table b{font-size:.8rem}.ag-table small{color:var(--muted);font-size:.7rem}.ag-table>div>span{color:#81899d;font-size:.72rem}.ag-table button{padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#555be0;font-size:.7rem}.ag-actions,.ag-channels{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.ag-actions article,.ag-channels article{padding:13px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px}.ag-actions article>span,.ag-channels article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eff0ff;color:#555bf0}.ag-actions svg,.ag-channels svg{width:16px}.ag-actions article>div,.ag-channels article>div{flex:1}.ag-actions h3,.ag-channels h3{margin:0;font-size:.82rem}.ag-actions p,.ag-channels p{margin:2px 0 0;color:var(--muted);font-size:.7rem}.ag-actions em,.ag-channels em{padding:4px 7px;border-radius:7px;background:#f1f3f7;color:#747d91;font-size:.68rem;font-style:normal}.ag-channels em.connected{background:#e9f8f1;color:#16835f}.ag-channels .future{opacity:.68}.ag-handoff{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ag-handoff article{padding:15px;background:#f7f8fb;border-radius:12px}.ag-handoff small,.ag-handoff strong{display:block}.ag-handoff small{color:var(--muted);font-size:.75rem}.ag-handoff strong{margin-top:4px}.ag-rules{margin-top:13px;display:flex;gap:7px;flex-wrap:wrap}.ag-rules span{padding:7px 9px;display:flex;align-items:center;gap:5px;background:#eef8f4;color:#177b5d;border-radius:9px;font-size:.75rem}.ag-rules svg{width:14px}.ag-none{padding:35px;text-align:center;color:var(--muted)}.ag-none-block{min-height:280px;display:grid;place-items:center;align-content:center;color:#9098aa;text-align:center}.ag-none-block svg{width:36px}.ag-none-block p{font-size:.85rem}.ag-errors{display:grid;gap:8px;margin-bottom:13px}.ag-errors article{padding:12px;display:flex;align-items:center;gap:10px;border:1px solid #efdadd;border-radius:12px;background:#fff8f9}.ag-errors article>svg{width:20px;color:#d8485d}.ag-errors article>div{flex:1}.ag-errors h3{margin:0;font-size:.84rem}.ag-errors p{margin:2px 0;color:#8a6d73;font-size:.72rem}.ag-errors small{color:#a4898e;font-size:.66rem}.ag-errors button{padding:7px 9px;border:0;border-radius:8px;background:#fff;color:#c74356;font-size:.72rem}.ag-danger{padding:16px;display:flex;align-items:center;gap:12px;border:1px solid #eceef3;border-radius:14px}.ag-danger+.ag-danger{margin-top:10px}.ag-danger>svg{width:24px;color:#7b8498}.ag-danger>div{flex:1}.ag-danger h3{margin:0;font-size:.9rem}.ag-danger p{margin:3px 0 0;color:var(--muted);font-size:.76rem}.ag-danger button svg{width:15px}.ag-danger.emergency{border-color:#f0d5d9;background:#fff9fa}.ag-confirm{display:flex;justify-content:flex-end;gap:8px}.ag-shell button,.ag-shell a{cursor:pointer}.ag-shell button:focus-visible,.ag-shell a:focus-visible,.ag-shell input:focus-visible,.ag-shell textarea:focus-visible,.ag-shell select:focus-visible{outline:3px solid #585ef344;outline-offset:2px}
@media(max-width:1100px){.ag-summary{grid-template-columns:repeat(3,1fr)}.ag-agents.grid{grid-template-columns:repeat(2,1fr)}.ag-agents.list .ag-card{grid-template-columns:42px 1fr}.ag-agents.list .ag-card-kpis{grid-column:1/-1}.ag-builder{grid-template-columns:1fr}.ag-head-actions button span{display:none}}
@media(max-width:760px){.ag-shell>header{height:60px;padding:0 14px}.ag-shell>header>a span{display:none}.ag-shell main{padding:17px 12px 70px}.ag-title{display:block}.ag-title>div:last-child{margin-top:14px}.ag-title p{font-size:.9rem}.ag-summary{grid-template-columns:repeat(2,1fr)}.ag-summary article{padding:11px}.ag-toolbar{display:grid;grid-template-columns:1fr auto}.ag-search{grid-column:1/-1}.ag-toolbar select{width:100%}.ag-agents.grid{grid-template-columns:1fr}.ag-detail-head{display:grid;grid-template-columns:1fr auto}.ag-agent-id{grid-column:1/-1}.ag-head-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}.ag-head-actions button{padding:0 8px}.ag-head-actions .ag-publish{grid-column:span 2}.ag-tabs{display:none}.ag-tabs-mobile{display:block;margin-bottom:12px}.ag-tabs-mobile label{display:grid;gap:5px;font-size:.76rem}.ag-overview-grid{grid-template-columns:repeat(2,1fr)}.ag-two{grid-template-columns:1fr}.ag-actions,.ag-channels{grid-template-columns:1fr}.ag-table>div{grid-template-columns:25px 1fr auto}.ag-table>div>span{grid-column:2}.ag-table>div>button{grid-column:3;grid-row:1/3}.ag-module{padding:14px}.ag-module-head{align-items:flex-start}.ag-module-head>a{position:absolute;inset-inline-end:24px}.ag-form-grid{grid-template-columns:1fr}.ag-form-grid .wide{grid-column:auto}.ag-handoff{grid-template-columns:1fr}.ag-card-kpis{grid-template-columns:repeat(4,1fr)}}
@media(max-width:380px){.ag-title>div:last-child{display:grid}.ag-summary{grid-template-columns:1fr 1fr}.ag-summary article>span{display:none}.ag-head-actions{grid-template-columns:repeat(2,1fr)}.ag-head-actions .ag-publish{grid-column:1/-1}.ag-card-kpis{grid-template-columns:repeat(2,1fr)}.ag-overview-grid{grid-template-columns:1fr 1fr}.ag-metric{padding:11px}.ag-config,.ag-playground{padding:13px}}