.agent-studio{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;max-width:1500px;margin:0 auto}.agent-studio .panel{border:1px solid #dce9e7;box-shadow:0 5px 24px #15334406;border-radius:18px;background:#fff}.agent-studio-list{padding:22px;align-self:start;position:sticky;top:20px}.agent-studio-list h2{font-size:19px;margin:0 0 18px}.agent-studio-card{border:1px solid #e3edeb;background:#fff;border-radius:13px;display:flex;align-items:center;gap:12px;padding:14px;text-align:left;width:100%;margin-bottom:12px;color:#213648;cursor:pointer}.agent-studio-card.selected{background:#e9f7f2;border-color:#68b7a0}.agent-studio-card strong,.agent-studio-card small{display:block}.agent-studio-card small{font-size:11px;line-height:1.6;color:#637982;margin-top:5px}.agent-studio-symbol{width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:#dcf3eb;color:#17856a;display:grid;place-items:center;font-size:25px}.agent-studio-content{display:grid;gap:18px;min-width:0}.agent-studio-hero{display:flex;align-items:center;gap:18px;padding:24px;background:linear-gradient(115deg,#f6fcfa,#e8f7f3)!important}.agent-studio-hero small{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#438671}.agent-studio-hero h2{font-size:26px;line-height:1.3;margin:5px 0}.agent-studio-hero p{margin:0;color:#677e88;font-size:14px}.agent-studio-status{font-size:12px;border:1px solid #cfdbdf;background:#fff;padding:9px 12px;border-radius:30px;margin-left:auto;white-space:nowrap}.agent-studio-status.ready{background:#e5f6e8;border-color:#a7d6b5;color:#23683c}.agent-studio-section{padding:24px}.agent-studio-section h3{font-size:19px;margin:0 0 12px}.agent-studio-section p{font-size:14px;color:#6c808b;line-height:1.6}.agent-studio-section .field{margin-bottom:16px}.agent-studio-section input,.agent-studio-section select,.agent-studio-section textarea{max-width:100%;box-sizing:border-box}.agent-studio-section fieldset{border:0;margin:0;padding:0;min-width:0}.agent-studio-section fieldset:disabled{opacity:.75}.agent-studio-title{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.agent-studio-title .switch-row{font-size:13px}.agent-studio-section details{border-top:1px solid #e5edee;padding-top:16px;margin:18px 0}.agent-studio-section summary{cursor:pointer;color:#285951;font-weight:600;margin-bottom:14px}.agent-studio-instructions{white-space:pre-wrap;max-height:300px;overflow:auto;background:#f4f8f7;padding:18px;border-radius:12px;font:13px/1.6 inherit}.agent-studio-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.agent-studio-team article{background:#f3f9f7;border:1px solid #dfece7;border-radius:12px;padding:15px}.agent-studio-team strong,.agent-studio-team span{display:block;font-size:13px}.agent-studio-team span{margin-top:8px;color:#688275;font-size:12px}.agent-studio-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:360px;overflow:auto}.agent-studio-sources article{border:1px solid #e2ebee;border-radius:11px;padding:13px}.agent-studio-sources strong{font-size:13px;display:block}.agent-studio-sources span{font-size:11px;color:#788c97;display:block;margin-top:6px;line-height:1.5}.agent-studio-count{font-size:13px;background:#dff4ee;color:#237966;border-radius:30px;padding:4px 9px}.agent-studio-balance{padding-top:18px;border-top:1px solid #e2ece8;display:grid;gap:7px;font-size:13px}.agent-studio-balance small{color:#748790}.agent-studio-pending li{font-size:13px;line-height:1.6;margin:8px 0;color:#6b7e88}.agent-studio-notice{background:#fff6db;padding:14px;border-radius:10px}.agent-studio-loading{padding:30px}.agent-studio-test-result{white-space:pre-wrap;line-height:1.7;font-size:14px;color:#255a50;margin-top:15px}#agent-studio-binding{display:flex;align-items:end;gap:15px;flex-wrap:wrap}#agent-studio-binding .field{flex:1;min-width:180px;margin:0}#agent-studio-binding .form-error{width:100%;margin:0}
@media(max-width:1100px){.agent-studio{grid-template-columns:210px minmax(0,1fr)}.agent-studio-hero{flex-wrap:wrap}.agent-studio-status{margin-left:0}.agent-studio-team{grid-template-columns:1fr}.agent-studio-list{padding:15px}}
@media(max-width:760px){.agent-studio{grid-template-columns:1fr}.agent-studio-list{position:static}.agent-studio-content .form-grid,.agent-studio-sources{grid-template-columns:1fr}.agent-studio-section{padding:18px}.agent-studio-hero h2{font-size:22px}#agent-studio-binding .btn{width:100%}}

textarea.agent-studio-instructions{width:100%;min-height:280px;max-height:520px;resize:vertical;overflow:auto;font-family:inherit;font-size:14px;line-height:1.65;border:1px solid #c9dfd9;background:#f5faf8;color:#213648;padding:18px;border-radius:12px}

/* Agent controls: scoped to the agent page. */
.agent-control-panel{border:1px solid #b9dcd8!important}.agent-control-state{margin:6px 0;color:#4b6070}.agent-control-state.all{color:#167548}.agent-control-state.test{color:#77531a}.agent-control-panel fieldset{border:0;padding:0;min-width:0}.agent-control-panel textarea{white-space:pre-wrap}.agent-learning-progress{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.agent-learning-progress span{padding:8px 12px;background:#edf6f5;border-radius:10px}.agent-learning-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.agent-learning-suggestion{border-top:1px solid #dfeae8;padding:16px 0}.agent-control-panel .agent-studio-title{flex-wrap:wrap;gap:12px}.agent-control-panel .form-error:empty{display:none}

/* ===== Agente IA v2 (2026-09-25): header + tabs ===== */
.as-root{--as-ink:#1d2f3d;--as-muted:#667a86;--as-line:#e3ecef;--as-soft:#f6f9fa;--as-brand:#0f7a67;--as-brand-50:#e8f5f1;max-width:1180px;margin:0 auto;display:grid;gap:18px;color:var(--as-ink)}
.as-agents{display:flex;gap:8px;flex-wrap:wrap}.as-agents button{border:1px solid var(--as-line);background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;cursor:pointer;color:var(--as-ink)}.as-agents button.selected{background:var(--as-brand-50);border-color:#9fd3c3;font-weight:700}
.as-header{background:#fff;border:1px solid var(--as-line);border-radius:20px;padding:22px 24px;box-shadow:0 6px 24px -14px rgba(16,40,52,.25)}
.as-identity{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.as-identity small{font-size:10.5px;letter-spacing:1.4px;font-weight:700;color:var(--as-brand)}.as-identity h2{margin:2px 0;font-size:24px;line-height:1.25}.as-identity p{margin:0;color:var(--as-muted);font-size:14px}
.as-avatar{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:26px;color:var(--as-brand);background:linear-gradient(135deg,#e3f6ef,#d3eee6)}
.as-status{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--as-line);background:var(--as-soft)}
.as-status i{width:9px;height:9px;border-radius:50%;background:#9aa7af}.as-status.ok{background:#e9f8f0;border-color:#bfe8d1;color:#11683f}.as-status.ok i{background:#1fa463;box-shadow:0 0 0 4px #1fa46322}
.as-status.test{background:#fff6e5;border-color:#f3d9a4;color:#8a5a00}.as-status.test i{background:#e8a317}.as-status.warn{background:#fdeeee;border-color:#f3c5c5;color:#a02c2c}.as-status.warn i{background:#d64545}
.as-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.as-kpis>div{background:var(--as-soft);border:1px solid var(--as-line);border-radius:14px;padding:12px 14px;min-width:0}
.as-kpis small{display:block;font-size:11px;color:var(--as-muted);font-weight:600}.as-kpis strong{display:block;font-size:15.5px;margin:4px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-kpis span{font-size:12px;color:var(--as-muted)}
.as-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;background:#eef3f4;border-radius:16px;padding:6px;position:sticky;top:8px;z-index:3}
.as-tabs button{border:0;background:transparent;border-radius:12px;padding:10px 12px;text-align:left;cursor:pointer;color:var(--as-muted);transition:background .18s,box-shadow .18s,color .18s}
.as-tabs button strong{display:block;font-size:14px;color:inherit}.as-tabs button small{display:block;font-size:11.5px;margin-top:2px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-tabs button:hover{background:#ffffff99}.as-tabs button.selected{background:#fff;color:var(--as-ink);box-shadow:0 2px 8px -3px rgba(16,40,52,.25)}.as-tabs button.selected strong{color:var(--as-brand)}
.as-panel{display:grid;gap:16px}.as-panel[hidden]{display:none}
.as-card{background:#fff;border:1px solid var(--as-line);border-radius:18px;padding:22px 24px;margin:0}.as-card fieldset{border:0;padding:0;margin:0;min-width:0}
.as-card-head{margin-bottom:14px}.as-card-head h3{margin:0 0 4px;font-size:17px;display:flex;align-items:center;gap:8px}.as-card-head p{margin:0;color:var(--as-muted);font-size:13.5px;line-height:1.5}.as-card-head.as-sub{margin-top:18px;padding-top:16px;border-top:1px solid var(--as-line)}
.as-hint{display:block;font-weight:400;font-size:12px;color:var(--as-muted);margin-top:6px;line-height:1.45}
.as-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.as-mode{position:relative;display:block;border:1.5px solid var(--as-line);border-radius:14px;padding:14px 14px 14px 42px;cursor:pointer;transition:border-color .18s,background .18s}
.as-mode input{position:absolute;left:15px;top:17px;accent-color:var(--as-brand);width:16px;height:16px}.as-mode strong{display:block;font-size:14.5px}.as-mode small{display:block;color:var(--as-muted);font-size:12.5px;margin-top:4px;line-height:1.45}
.as-mode:has(input:checked){border-color:var(--as-brand);background:var(--as-brand-50)}.as-mode.test:has(input:checked){border-color:#e8a317;background:#fff8ea}.as-mode.off:has(input:checked){border-color:#9aa7af;background:var(--as-soft)}
.as-numbers textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.as-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.as-actions .form-error{margin:0}
.as-inline{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.as-inline .field{flex:1 1 320px;margin:0}
.as-notice{background:#fff6e5;border:1px solid #f3d9a4;color:#8a5a00;border-radius:12px;padding:10px 12px;font-size:13px}
.as-toggles{display:grid;gap:8px;margin-bottom:14px}.as-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--as-line);border-radius:12px;padding:12px 14px;cursor:pointer}
.as-toggle strong{display:block;font-size:14px}.as-toggle small{display:block;font-size:12px;color:var(--as-muted);margin-top:2px}
.as-advanced{border:1px dashed #cfdde1;border-radius:12px;padding:10px 14px;margin-top:6px}.as-advanced summary{cursor:pointer;font-weight:600;font-size:13.5px;color:var(--as-brand)}
.as-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.as-team article{display:flex;align-items:center;gap:12px;border:1px solid var(--as-line);border-radius:14px;padding:12px 14px}
.as-initials{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--as-brand-50);color:var(--as-brand);font-weight:700;font-size:14px}.as-team strong{display:block;font-size:14px}.as-team small{font-size:12px}.as-team small.ok{color:#11683f}.as-team small.warn{color:#a02c2c}
.as-count{font-size:12px;font-weight:700;background:var(--as-brand-50);color:var(--as-brand);border-radius:999px;padding:2px 9px}
.as-filter{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.as-filter input{flex:1 1 220px;border:1px solid var(--as-line);border-radius:10px;padding:9px 12px;font:inherit}
.as-chips{display:flex;gap:6px;flex-wrap:wrap}.as-chips button{border:1px solid var(--as-line);background:#fff;border-radius:999px;padding:6px 12px;font-size:12.5px;cursor:pointer;color:var(--as-muted)}.as-chips button.selected{background:var(--as-ink);border-color:var(--as-ink);color:#fff}
.as-sources{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;max-height:560px;overflow:auto;padding-right:4px}.as-sources article{border:1px solid var(--as-line);border-radius:12px;padding:10px 12px}.as-sources article[hidden]{display:none}
.as-sources strong{display:block;font-size:13.5px}.as-sources span{display:block;font-size:12px;color:var(--as-muted);margin-top:3px}
.as-pending{margin-top:14px;background:#fff8ea;border:1px solid #f3d9a4;border-radius:12px;padding:12px 14px;font-size:13px}.as-pending ul{margin:6px 0 0;padding-left:18px}
.as-empty{color:var(--as-muted);font-size:13.5px}
.as-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.as-stats div{background:var(--as-soft);border-radius:12px;padding:12px}.as-stats strong{display:block;font-size:20px}.as-stats span{font-size:12px;color:var(--as-muted)}
.as-suggestion{border:1px solid var(--as-line);border-radius:12px;padding:12px;margin-top:10px}.as-suggestion textarea{width:100%;border:0;background:transparent;font:inherit;resize:vertical}.as-suggestion.approved{background:#f3fbf7}
.as-badge{display:inline-block;font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;background:#fff1d6;color:#8a5a00;margin-bottom:6px}.as-suggestion.approved .as-badge{background:#dcf3e7;color:#11683f}
.as-chat{background:#efeae2 url('/assets/crm-chat-pattern.svg');border-radius:14px;padding:18px;min-height:130px;margin-bottom:12px;display:flex;align-items:flex-start}
.as-bubble{background:#fff;border-radius:12px 12px 12px 4px;padding:10px 12px;max-width:80%;font-size:14px;line-height:1.5;white-space:pre-wrap;box-shadow:0 1px 1px rgba(0,0,0,.08)}.as-bubble:empty{display:none}.as-bubble small{display:block;margin-top:6px;color:var(--as-muted);font-size:11.5px}.as-bubble.loading{color:var(--as-muted);font-style:italic}
@media (max-width:1100px){.as-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.as-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.as-kpis,.as-modes,.as-stats{grid-template-columns:1fr 1fr}.as-tabs{grid-template-columns:1fr 1fr;position:static}.as-status{margin-left:0}.as-header,.as-card{padding:16px}.as-tabs button small{display:none}}
@media (prefers-reduced-motion:reduce){.as-tabs button,.as-mode{transition:none}}

/* Agent orchestration and quality (v3). */
.as-flow{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;overflow-x:auto;padding:3px 1px 12px}.as-flow-node{position:relative;min-width:120px;border:1px solid var(--as-line);background:linear-gradient(145deg,#fff,#f4faf8);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:12px;min-height:92px}.as-flow-node:not(:last-child):after{content:'›';position:absolute;right:-8px;top:34px;z-index:1;width:16px;height:22px;display:grid;place-items:center;color:var(--as-brand);font-size:20px;font-weight:700}.as-flow-node span{display:block}.as-flow-node strong{display:block;font-size:13px}.as-flow-node small{display:block;margin-top:4px;color:var(--as-muted);font-size:11.5px;line-height:1.35}.as-flow-node input{align-self:flex-end;accent-color:var(--as-brand)}.as-flow-node.locked{background:#edf7f4;border-color:#b8ddd2}.as-capability-note{display:flex;align-items:flex-start;gap:12px;background:#eef7ff;border:1px solid #cfe5f5;border-radius:12px;padding:12px 14px;font-size:13px}.as-capability-note strong{white-space:nowrap;color:#23618a}.as-capability-note span{color:var(--as-muted);line-height:1.45}.as-quality-head{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--as-line);padding-top:16px;margin-top:4px}.as-quality-head strong,.as-quality-head small{display:block}.as-quality-head small{color:var(--as-muted);font-size:12px;margin-top:3px}.as-eval-result{min-height:20px;margin:12px 0;font-size:13px;font-weight:600}.as-eval-result.ok{color:#11683f}.as-eval-result.warn{color:#8a5a00}.as-eval-result.error{color:#a02c2c}.as-eval-cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:9px}.as-eval-cases article{border:1px solid var(--as-line);border-radius:12px;padding:11px 13px}.as-eval-cases strong,.as-eval-cases span,.as-eval-cases small{display:block}.as-eval-cases strong{font-size:13.5px}.as-eval-cases span{font-size:12.5px;color:var(--as-muted);margin-top:4px}.as-eval-cases small{font-size:11px;color:var(--as-brand);margin-top:7px}.as-tabs{grid-template-columns:repeat(8,minmax(0,1fr))}
@media(max-width:1100px){.as-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.as-flow{grid-template-columns:repeat(7,140px)}}
@media(max-width:720px){.as-tabs{grid-template-columns:1fr 1fr}.as-capability-note,.as-quality-head{align-items:stretch;flex-direction:column}.as-eval-cases{grid-template-columns:1fr}}