/* TokenizedAgentics Agents (WP-only) v0.3.0.4 */
.ta-wa-root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.ta-wa-wrap{max-width:1100px;margin:24px auto;padding:0 16px}
.ta-wa-title{font-size:44px;font-weight:800;margin:0 0 18px}
.ta-wa-card{background:#fff;border:1px solid #e7e7e7;border-radius:14px;padding:16px;margin:12px 0}
.ta-wa-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ta-wa-h{font-weight:800;font-size:18px;margin-bottom:4px}
.ta-wa-sub{color:#666;font-size:14px}
.ta-wa-pill{display:inline-block;background:#f2f2f2;border:1px solid #e7e7e7;border-radius:999px;padding:6px 10px;font-size:12px}
.ta-btn{appearance:none;border:1px solid #111;background:#111;color:#fff;border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer}
.ta-btn.secondary{background:#fff;color:#111;border-color:#d0d0d0}
.ta-btn.small{padding:7px 10px;font-size:12px;border-radius:9px}
.ta-btn:disabled{opacity:.55;cursor:not-allowed}
.ta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width: 920px){.ta-grid{grid-template-columns:1fr}}
.ta-input, .ta-textarea, .ta-select{width:100%;border:1px solid #d9d9d9;border-radius:10px;padding:10px 12px;font-size:14px}
.ta-textarea{min-height:96px;resize:vertical}
.ta-list{margin:0;padding:0;list-style:none}
.ta-item{border:1px solid #eee;border-radius:12px;padding:12px;margin:10px 0}
.ta-item-title{font-weight:800}
.ta-item-meta{font-size:12px;color:#666;margin-top:3px}
.ta-chat{border:1px solid #eee;border-radius:12px;padding:12px;min-height:260px;background:#fafafa}
.ta-bubble{background:#fff;border:1px solid #eee;border-radius:12px;padding:10px 12px;margin:8px 0}
.ta-bubble.user{border-color:#d6d6d6}
.ta-bubble.agent{border-color:#cfcfcf}
.ta-bubble .role{font-size:11px;color:#666;margin-bottom:4px}
.ta-actions{display:flex;gap:8px;flex-wrap:wrap}
.ta-muted{color:#777;font-size:13px}
.ta-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.ta-tab{padding:8px 10px;border-radius:10px;border:1px solid #ddd;background:#fff;color:#111;font-weight:800;cursor:pointer}
.ta-tab.active{background:#111;color:#fff;border-color:#111}
.ta-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;background:#f6f6f6;border:1px solid #e6e6e6;border-radius:10px;padding:10px;white-space:pre-wrap;word-break:break-word}

.ta-status{ margin-left:12px; padding:6px 10px; border-radius:10px; font-size:12px; line-height:1; border:1px solid rgba(0,0,0,.08); background:#f7f7f7; color:#222; }
.ta-status.ok{ background:#ecfdf3; border-color:#b7f3cd; color:#0b5a2a; }
.ta-status.warn{ background:#fff7ed; border-color:#fed7aa; color:#7c2d12; }
.ta-status.err{ background:#fef2f2; border-color:#fecaca; color:#7f1d1d; }

.ta-byok-help{ border:1px solid #e6e6e6; border-radius:14px; padding:12px 12px; background:#fafafa; }

.ta-byok-inline{ border:1px solid #e6e6e6; border-radius:14px; padding:12px 12px; background:#ffffff; }
.ta-byok-title{ font-weight:700; }


/* Test connection result */
.ta-test-result{margin-top:8px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;font-size:13px;line-height:1.35;background:#fafafa;}
.ta-test-result.info{background:#f8fafc;}
.ta-test-result.ok{border-color:#86efac;background:#f0fdf4;}
.ta-test-result.err{border-color:#fecaca;background:#fef2f2;}


.ta-webllm-panel{margin-top:10px;padding:10px;border:1px solid #eee;border-radius:10px;background:#fafafa}