/*
 * @agentoria/core — styles for the zero-build floating chat widget
 * (agentoria-widget.global.js). Self-contained: only `--ao-*` tokens + the
 * `data-agentoria` hooks the widget renders. Ships as a plain stylesheet so it
 * loads under a strict CSP (default-src 'self') with no inline styles:
 *
 *   <link rel="stylesheet" href="/assets/css/agentoria-widget.css">
 *
 * Re-theme by overriding any `--ao-*` on the widget root — because the tokens are
 * declared on the root (`:where([data-agentoria="floating"])`, zero specificity)
 * and inherit down, a single rule cascades through the whole widget:
 *
 *   [data-agentoria="floating"] { --ao-accent: #8a5a3b; --ao-bg: #fff; ... }
 */
:where([data-agentoria="floating"]) {
  --ao-bg: #ffffff; --ao-surface: #f7f8fa; --ao-fg: #111827; --ao-muted: #6b7280; --ao-subtle: #9ca3af;
  --ao-accent: #6366f1; --ao-accent-2: #8b5cf6; --ao-accent-fg: #ffffff;
  --ao-user-bg: linear-gradient(135deg, var(--ao-accent), var(--ao-accent-2));
  --ao-assistant-bg: #f4f5f7; --ao-border: #e6e8ec; --ao-danger: #e5484d; --ao-success: #30a46c;
  --ao-radius: 16px; --ao-radius-sm: 10px;
  --ao-shadow: 0 1px 2px rgba(17,24,39,.04), 0 12px 32px -8px rgba(17,24,39,.10);
  --ao-shadow-sm: 0 1px 2px rgba(17,24,39,.06);
  --ao-ring: 0 0 0 3px color-mix(in srgb, var(--ao-accent) 22%, transparent);
  --ao-font: system-ui, -apple-system, "Segoe UI", "PingFang SC", Roboto, sans-serif;
  --ao-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :where([data-agentoria="floating"]) {
    --ao-bg: #0d1017; --ao-surface: #161b22; --ao-fg: #e7eaf0; --ao-muted: #9aa4b2; --ao-subtle: #6b7685;
    --ao-assistant-bg: #1a2029; --ao-border: #262d38;
    --ao-shadow: 0 1px 2px rgba(0,0,0,.4), 0 12px 32px -8px rgba(0,0,0,.5); --ao-shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  }
}
[data-agentoria="floating"], [data-agentoria="floating"] * { box-sizing: border-box; }
@keyframes ao-blink { 0%, 100% { opacity: 1 } 50% { opacity: 0 } }
@keyframes ao-fade-in { from { opacity: 0; transform: translateY(4px) } to { opacity: 1; transform: none } }
@keyframes ao-spin { to { transform: rotate(360deg) } }
@media (prefers-reduced-motion: reduce) { [data-agentoria="floating"] *, [data-agentoria="floating"] *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; } }

/* --- floating launcher + docked popover --- */
[data-agentoria="floating"] { position: fixed; bottom: 20px; z-index: 40; display: flex; flex-direction: column; gap: 14px; font-family: var(--ao-font); }
[data-agentoria="floating"][data-position="bottom-right"] { right: 20px; align-items: flex-end; }
[data-agentoria="floating"][data-position="bottom-left"] { left: 20px; align-items: flex-start; }
[data-agentoria="floating-launcher"] { position: relative; width: 56px; height: 56px; flex: 0 0 auto; border: none; border-radius: 50%; background: var(--ao-accent); color: var(--ao-accent-fg); box-shadow: var(--ao-shadow); cursor: pointer; display: grid; place-items: center; font-size: 24px; line-height: 1; transition: transform 0.15s, filter 0.12s; }
[data-agentoria="floating-launcher"]:hover { filter: brightness(1.06); transform: translateY(-1px); }
[data-agentoria="floating-launcher"]:focus-visible { outline: none; box-shadow: var(--ao-shadow), var(--ao-ring); }
[data-agentoria="floating-launcher"] [data-field="badge"] { position: absolute; top: -3px; right: -3px; min-width: 20px; height: 20px; padding: 0 5px; display: grid; place-items: center; border-radius: 999px; background: var(--ao-danger); color: #fff; font-size: 12px; font-weight: 700; line-height: 1; border: 2px solid var(--ao-bg); }
[data-agentoria="floating-launcher"] [data-field="icon"] { display: grid; place-items: center; }
[data-agentoria="floating-launcher"] [data-field="icon"] svg { width: 26px; height: 26px; display: block; }
[data-agentoria="floating-panel"] { width: min(92vw, 400px); height: min(76vh, 640px); background: var(--ao-bg); color: var(--ao-fg); border: 1px solid var(--ao-border); border-radius: var(--ao-radius); box-shadow: var(--ao-shadow); display: flex; flex-direction: column; overflow: hidden; animation: ao-fade-in 0.18s ease both; font-family: var(--ao-font); }
[data-agentoria="floating-panel"]:focus { outline: none; }
[data-agentoria="floating-header"] { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--ao-border); font-weight: 600; flex: 0 0 auto; }
[data-agentoria="floating-header"] [data-field="title"] { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-agentoria="floating-header"] [data-field="header-extra"] { font-weight: 400; font-size: 0.78em; color: var(--ao-muted); text-align: right; line-height: 1.35; }
[data-agentoria="floating-header"] [data-action="close"] { flex: 0 0 auto; width: 28px; height: 28px; border: none; border-radius: var(--ao-radius-sm); background: transparent; color: var(--ao-muted); cursor: pointer; font-size: 14px; line-height: 1; }
[data-agentoria="floating-header"] [data-action="close"]:hover { background: var(--ao-surface); color: var(--ao-fg); }

/* --- chat body (log + composer) --- */
[data-agentoria="chat-panel"] { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; gap: 12px; padding: 12px 14px 14px; color: var(--ao-fg); line-height: 1.5; }
[data-agentoria="messages"] { flex: 1 1 auto; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 12px; }
[data-agentoria="turn"] { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
[data-agentoria="messages"] [data-role] { padding: 10px 14px; max-width: 86%; font-size: 0.95em; line-height: 1.55; box-shadow: var(--ao-shadow-sm); animation: ao-fade-in 0.18s ease both; }
[data-agentoria="messages"] [data-role="user"] { align-self: flex-end; background: var(--ao-user-bg); color: var(--ao-accent-fg); border-radius: var(--ao-radius) var(--ao-radius) 5px var(--ao-radius); white-space: pre-wrap; word-break: break-word; }
[data-agentoria="messages"] [data-role="assistant"] { align-self: flex-start; background: var(--ao-assistant-bg); border: 1px solid var(--ao-border); border-radius: var(--ao-radius) var(--ao-radius) var(--ao-radius) 5px; }
[data-agentoria="turn"] [data-role="assistant"] { align-self: stretch; max-width: 100%; }
[data-agentoria="plain"] { white-space: pre-wrap; word-break: break-word; }
[data-agentoria="messages"] [data-role="assistant"][data-streaming="true"]::after { content: "▋"; margin-left: 2px; color: var(--ao-accent); animation: ao-blink 1s step-end infinite; font-size: 0.9em; }
[data-agentoria="activity"] { display: flex; align-items: center; gap: 8px; padding: 2px; font-size: 0.88em; color: var(--ao-muted); }
[data-agentoria="activity"] [data-field="spinner"] { width: 12px; height: 12px; border-radius: 50%; border: 2px solid color-mix(in srgb, var(--ao-muted) 35%, transparent); border-top-color: var(--ao-accent); animation: ao-spin 0.7s linear infinite; }
[data-agentoria="error"] { align-self: stretch; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--ao-danger); font-size: 0.9em; padding: 8px 12px; border: 1px solid color-mix(in srgb, var(--ao-danger) 30%, transparent); background: color-mix(in srgb, var(--ao-danger) 8%, transparent); border-radius: var(--ao-radius-sm); }
/* modern composer (createComposer): two-row shell · attachments · @-mentions */
[data-agentoria="agent-composer"] { position: relative; flex: 0 0 auto; display: flex; flex-direction: column; gap: 8px; font-family: var(--ao-font); }
[data-agentoria="attachments"] { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
[data-agentoria="attachments"] li { display: flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid var(--ao-border); border-radius: 10px; font-size: 0.85em; color: var(--ao-fg); background: var(--ao-surface); }
[data-agentoria="attachments"] img { width: 40px; height: 40px; object-fit: cover; border-radius: 7px; }
[data-agentoria="attachments"] [data-action="remove"] { border: none; background: transparent; cursor: pointer; color: var(--ao-muted); line-height: 1; padding: 0; display: grid; place-items: center; border-radius: 50%; width: 20px; height: 20px; transition: background 0.12s, color 0.12s; }
[data-agentoria="attachments"] [data-action="remove"]:hover { background: var(--ao-surface); color: var(--ao-fg); }
[data-agentoria="attachments"] [data-action="remove"] svg { width: 14px; height: 14px; }
[data-agentoria="composer-shell"] { display: flex; flex-direction: column; gap: 2px; border: 1px solid var(--ao-border); border-radius: calc(var(--ao-radius) + 8px); padding: 6px; background: var(--ao-bg); box-shadow: var(--ao-shadow-sm); transition: border-color 0.15s, box-shadow 0.15s; }
[data-agentoria="composer-shell"]:focus-within { border-color: var(--ao-accent); box-shadow: var(--ao-ring); }
[data-agentoria="agent-composer"] [data-agentoria="input"] { width: 100%; box-sizing: border-box; resize: none; min-height: 24px; max-height: 200px; overflow-y: auto; padding: 6px 8px 2px; border: none; background: transparent; color: var(--ao-fg); font: inherit; line-height: 1.5; }
[data-agentoria="agent-composer"] [data-agentoria="input"]:focus { outline: none; }
[data-agentoria="composer-toolbar"] { display: flex; align-items: center; gap: 4px; }
[data-agentoria="composer-spacer"] { flex: 1 1 auto; }
[data-agentoria="composer-toolbar"] button { flex: 0 0 auto; width: 34px; height: 34px; padding: 0; border: none; border-radius: 50%; background: transparent; color: var(--ao-muted); cursor: pointer; font: inherit; display: grid; place-items: center; transition: background 0.12s, color 0.12s, filter 0.12s, opacity 0.12s; }
[data-agentoria="composer-toolbar"] button svg { width: 18px; height: 18px; display: block; }
[data-agentoria="composer-toolbar"] [data-action="attach"]:hover:not(:disabled), [data-agentoria="composer-toolbar"] [data-action="mic"]:hover:not(:disabled) { background: var(--ao-surface); color: var(--ao-fg); }
[data-agentoria="composer-toolbar"] [data-action="send"], [data-agentoria="composer-toolbar"] [data-action="stop"] { background: var(--ao-accent); color: var(--ao-accent-fg); }
[data-agentoria="composer-toolbar"] [data-action="send"]:hover:not(:disabled), [data-agentoria="composer-toolbar"] [data-action="stop"]:hover:not(:disabled) { filter: brightness(1.07); }
[data-agentoria="composer-toolbar"] button:disabled { opacity: 0.4; cursor: not-allowed; filter: none; }
[data-agentoria="mention-menu"] { position: absolute; bottom: calc(100% + 6px); left: 0; right: 0; z-index: 20; max-height: 240px; overflow-y: auto; margin: 0; padding: 4px; list-style: none; background: var(--ao-bg); border: 1px solid var(--ao-border); border-radius: var(--ao-radius); box-shadow: var(--ao-shadow); }
[data-agentoria="mention-menu"] li { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: var(--ao-radius-sm); cursor: pointer; font-size: 0.9em; color: var(--ao-fg); }
[data-agentoria="mention-menu"] li[data-active="true"] { background: var(--ao-surface); }
[data-agentoria="mention-menu"] [data-field="label"] { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-agentoria="mention-menu"] [data-field="sublabel"] { color: var(--ao-muted); font-size: 0.9em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-agentoria="mention-menu"] [data-field="kind"] { margin-left: auto; flex: 0 0 auto; color: var(--ao-muted); font-size: 0.78em; text-transform: uppercase; letter-spacing: 0.03em; border: 1px solid var(--ao-border); border-radius: 999px; padding: 1px 7px; }

/* header history toggle + chat-history drawer (createSessionDrawer) */
[data-agentoria="floating-header"] [data-action="toggle-sessions"] { flex: 0 0 auto; width: 28px; height: 28px; border: none; border-radius: var(--ao-radius-sm); background: transparent; color: var(--ao-muted); cursor: pointer; display: grid; place-items: center; }
[data-agentoria="floating-header"] [data-action="toggle-sessions"]:hover, [data-agentoria="floating-header"] [data-action="toggle-sessions"][data-active] { background: var(--ao-surface); color: var(--ao-fg); }
[data-agentoria="floating-header"] [data-action="toggle-sessions"] svg { width: 17px; height: 17px; display: block; }
[data-agentoria="session-list"] { flex: 1 1 auto; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; padding: 12px 14px 14px; font-family: var(--ao-font); }
[data-agentoria="session-list-head"] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
[data-agentoria="session-list-head"] [data-field="title"] { font-weight: 600; font-size: 0.9em; color: var(--ao-fg); }
[data-agentoria="session-list"] [data-action="new-session"] { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--ao-border); background: var(--ao-bg); color: var(--ao-fg); border-radius: 999px; padding: 5px 12px; font: inherit; font-size: 0.85em; font-weight: 600; cursor: pointer; transition: background 0.12s, border-color 0.12s; }
[data-agentoria="session-list"] [data-action="new-session"]:hover { background: var(--ao-surface); border-color: var(--ao-accent); }
[data-agentoria="session-list"] [data-action="new-session"] svg { width: 16px; height: 16px; }
[data-agentoria="sessions"] { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
[data-agentoria="sessions"] li { display: flex; align-items: center; gap: 4px; border-radius: var(--ao-radius-sm); }
[data-agentoria="sessions"] li[data-active="true"] { background: var(--ao-surface); }
[data-agentoria="sessions"] [data-action="select-session"] { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 1px; border: none; background: transparent; color: var(--ao-fg); cursor: pointer; font: inherit; text-align: left; padding: 8px 10px; border-radius: var(--ao-radius-sm); }
[data-agentoria="sessions"] [data-action="select-session"]:hover { background: var(--ao-surface); }
[data-agentoria="sessions"] [data-action="select-session"] [data-field="title"] { font-size: 0.9em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
[data-agentoria="sessions"] [data-action="select-session"] [data-field="time"] { font-size: 0.75em; color: var(--ao-muted); }
[data-agentoria="sessions"] [data-action="delete-session"] { flex: 0 0 auto; width: 28px; height: 28px; border: none; border-radius: 50%; background: transparent; color: var(--ao-muted); cursor: pointer; display: grid; place-items: center; opacity: 0; transition: background 0.12s, color 0.12s, opacity 0.12s; }
[data-agentoria="sessions"] li:hover [data-action="delete-session"] { opacity: 1; }
[data-agentoria="sessions"] [data-action="delete-session"]:hover { background: var(--ao-surface); color: var(--ao-danger); }
[data-agentoria="sessions"] [data-action="delete-session"] svg { width: 15px; height: 15px; }
[data-agentoria="session-list"] [data-field="empty"] { margin: 12px 2px; font-size: 0.85em; color: var(--ao-muted); }

/* --- rendered Markdown --- */
[data-agentoria="markdown"] > :first-child { margin-top: 0; }
[data-agentoria="markdown"] > :last-child { margin-bottom: 0; }
[data-agentoria="markdown"] p { margin: 0.4em 0; }
[data-agentoria="markdown"] ul { margin: 0.4em 0; padding-left: 1.3em; }
[data-agentoria="markdown"] ol { margin: 0.4em 0; padding-left: 1.5em; }
[data-agentoria="markdown"] li { margin: 0.15em 0; }
[data-agentoria="markdown"] code { font-family: var(--ao-mono); font-size: 0.88em; background: color-mix(in srgb, var(--ao-muted) 16%, transparent); padding: 0.12em 0.4em; border-radius: 6px; }
[data-agentoria="markdown"] pre { margin: 0; padding: 12px 14px; border-radius: var(--ao-radius-sm); overflow-x: auto; background: color-mix(in srgb, var(--ao-fg) 5%, var(--ao-bg)); border: 1px solid var(--ao-border); }
[data-agentoria="markdown"] pre code { background: none; padding: 0; font-size: 0.9em; }
[data-agentoria="markdown"] [data-agentoria="code-block"] { position: relative; margin: 0.5em 0; }
[data-agentoria="markdown"] [data-action="copy-code"] { position: absolute; top: 6px; right: 6px; opacity: 0; transition: opacity 0.15s; border: 1px solid var(--ao-border); background: var(--ao-bg); color: var(--ao-muted); border-radius: 6px; width: 26px; height: 24px; cursor: pointer; font-size: 0.85em; line-height: 1; }
[data-agentoria="markdown"] [data-agentoria="code-block"]:hover [data-action="copy-code"], [data-agentoria="markdown"] [data-action="copy-code"]:focus { opacity: 1; }
[data-agentoria="markdown"] [data-action="copy-code"][data-copied] { color: var(--ao-success); border-color: color-mix(in srgb, var(--ao-success) 40%, var(--ao-border)); }
[data-agentoria="markdown"] a { color: var(--ao-accent); }
[data-agentoria="markdown"] h1, [data-agentoria="markdown"] h2, [data-agentoria="markdown"] h3, [data-agentoria="markdown"] h4, [data-agentoria="markdown"] h5, [data-agentoria="markdown"] h6 { margin: 0.7em 0 0.35em; font-weight: 600; line-height: 1.3; }
[data-agentoria="markdown"] h1 { font-size: 1.3em; } [data-agentoria="markdown"] h2 { font-size: 1.18em; } [data-agentoria="markdown"] h3 { font-size: 1.07em; }
[data-agentoria="markdown"] h4, [data-agentoria="markdown"] h5, [data-agentoria="markdown"] h6 { font-size: 1em; }
[data-agentoria="markdown"] blockquote { margin: 0.5em 0; padding: 0.1em 0 0.1em 0.9em; border-left: 3px solid var(--ao-border); color: var(--ao-muted); }
[data-agentoria="markdown"] hr { border: none; border-top: 1px solid var(--ao-border); margin: 0.8em 0; }
[data-agentoria="markdown"] table { border-collapse: collapse; margin: 0.6em 0; display: block; max-width: 100%; overflow-x: auto; font-size: 0.92em; }
[data-agentoria="markdown"] th, [data-agentoria="markdown"] td { border: 1px solid var(--ao-border); padding: 5px 10px; text-align: left; }
[data-agentoria="markdown"] th { background: color-mix(in srgb, var(--ao-fg) 5%, var(--ao-bg)); font-weight: 600; }
[data-agentoria="markdown"] del { opacity: 0.65; }

/* --- tool-call trace --- */
[data-agentoria="tool-trace"] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px; font-size: 0.84em; color: var(--ao-muted); align-self: stretch; }
[data-agentoria="tool-trace"] li { border: 1px solid var(--ao-border); border-radius: var(--ao-radius-sm); background: var(--ao-surface); align-self: flex-start; max-width: 100%; overflow: hidden; }
[data-agentoria="tool-trace"] [data-field="head"] { display: flex; gap: 8px; align-items: center; width: 100%; padding: 5px 10px; border: none; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
[data-agentoria="tool-trace"] [data-field="head"]:hover { background: color-mix(in srgb, var(--ao-fg) 4%, transparent); }
[data-agentoria="tool-trace"] [data-field="caret"] { color: var(--ao-muted); font-size: 0.8em; }
[data-agentoria="tool-trace"] [data-field="name"] { font-weight: 600; color: var(--ao-fg); }
[data-agentoria="tool-trace"] [data-field="ms"] { margin-left: auto; font-variant-numeric: tabular-nums; }
[data-agentoria="tool-trace"] [data-field="writes"] { color: var(--ao-accent); font-weight: 600; }
[data-agentoria="tool-trace"] [data-status="error"] [data-field="name"] { color: var(--ao-danger); }
[data-agentoria="tool-trace"] [data-status="ok"] [data-field="name"]::before { content: "● "; color: var(--ao-success); }
[data-agentoria="tool-trace"] [data-status="error"] [data-field="name"]::before { content: "● "; color: var(--ao-danger); }
[data-agentoria="tool-trace"] [data-status="pending"] [data-field="name"]::before { content: "○ "; color: var(--ao-subtle); }
[data-agentoria="tool-trace"] [data-field="detail"] { border-top: 1px solid var(--ao-border); padding: 8px 10px; display: flex; flex-direction: column; gap: 8px; }
[data-agentoria="tool-trace"] [data-field="detail-label"] { text-transform: uppercase; letter-spacing: 0.04em; font-size: 0.82em; color: var(--ao-muted); margin-bottom: 3px; }
[data-agentoria="tool-trace"] [data-field="section"][data-field-result]:has(pre:empty) { display: none; }
[data-agentoria="tool-trace"] pre { margin: 0; padding: 8px 10px; border-radius: var(--ao-radius-sm); background: color-mix(in srgb, var(--ao-fg) 5%, var(--ao-bg)); overflow-x: auto; max-height: 200px; font-family: var(--ao-mono); font-size: 0.92em; color: var(--ao-fg); white-space: pre-wrap; word-break: break-word; }
/* Inline per-turn tool trace: a collapsed "N tool calls" chip that expands to the trace */
[data-agentoria="turn-tools"] { display: flex; flex-direction: column; gap: 6px; align-self: flex-start; max-width: 100%; }
[data-agentoria="turn-tools"] [data-action="toggle-tools"] { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; border: 1px solid var(--ao-border); background: var(--ao-surface); color: var(--ao-muted); border-radius: 999px; padding: 3px 11px; font: inherit; font-size: 0.8em; cursor: pointer; transition: background 0.12s, color 0.12s; }
[data-agentoria="turn-tools"] [data-action="toggle-tools"]:hover { color: var(--ao-fg); }
[data-agentoria="turn-tools"] [data-field="caret"] { font-size: 0.85em; }

/* --- per-turn actions: feedback + token metadata --- */
[data-agentoria="actions"] { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 8px; padding-left: 2px; }
[data-agentoria="feedback"] { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
[data-agentoria="feedback"] > button { border: 1px solid var(--ao-border); background: var(--ao-bg); color: var(--ao-muted); border-radius: 7px; padding: 2px 7px; font-size: 0.82em; line-height: 1.3; cursor: pointer; transition: background 0.12s, border-color 0.12s; }
[data-agentoria="feedback"] > button:hover { background: var(--ao-surface); }
[data-agentoria="feedback"] > button[data-on] { border-color: var(--ao-accent); background: color-mix(in srgb, var(--ao-accent) 12%, transparent); color: var(--ao-fg); }
[data-agentoria="feedback"] > button:is([data-action="up"], [data-action="down"]) { display: inline-flex; align-items: center; padding: 3px 8px; }
[data-agentoria="feedback"] > button svg { width: 15px; height: 15px; display: block; }
[data-agentoria="feedback"] [data-field="note-wrap"] { flex-basis: 100%; display: flex; gap: 6px; margin-top: 4px; }
[data-agentoria="feedback"] [data-field="note-input"] { flex: 1; min-width: 0; resize: vertical; border: 1px solid var(--ao-border); border-radius: var(--ao-radius-sm); padding: 6px 8px; font: inherit; font-size: 0.85em; background: var(--ao-bg); color: var(--ao-fg); }
[data-agentoria="feedback"] [data-field="note-input"]:focus { outline: none; border-color: var(--ao-accent); box-shadow: var(--ao-ring); }
[data-agentoria="feedback"] [data-action="submit-note"] { flex: 0 0 auto; align-self: flex-end; border: none; border-radius: var(--ao-radius-sm); background: var(--ao-accent); color: var(--ao-accent-fg); padding: 6px 12px; font: inherit; font-size: 0.85em; font-weight: 600; cursor: pointer; }
[data-agentoria="feedback"] [data-action="submit-note"]:disabled { opacity: 0.6; cursor: default; }
[data-agentoria="meta"] { position: relative; margin-left: auto; align-self: center; color: var(--ao-muted); font-size: 0.75em; font-variant-numeric: tabular-nums; }
[data-agentoria="meta"] [data-field="meta-summary"] { border: none; background: none; color: inherit; font: inherit; padding: 0; cursor: pointer; white-space: nowrap; }
[data-agentoria="meta"] [data-field="meta-summary"]:disabled { cursor: default; }
[data-agentoria="meta"] [data-field="meta-summary"]:not(:disabled):hover { color: var(--ao-fg); }
[data-agentoria="meta"] [data-field="meta-detail"] { position: absolute; right: 0; bottom: calc(100% + 4px); z-index: 5; display: grid; grid-template-columns: auto auto; gap: 2px 14px; padding: 8px 11px; border: 1px solid var(--ao-border); border-radius: var(--ao-radius-sm); background: var(--ao-bg); box-shadow: var(--ao-shadow); white-space: nowrap; }
[data-agentoria="meta"] [data-field="meta-detail"] [data-row] { display: contents; }
[data-agentoria="meta"] [data-field="meta-detail"] i { font-style: normal; color: var(--ao-muted); text-transform: uppercase; letter-spacing: 0.03em; }
[data-agentoria="meta"] [data-field="meta-detail"] b { font-weight: 600; color: var(--ao-fg); text-align: right; }
/* the display rules above would otherwise beat [hidden]'s UA `display:none` — keep collapsed panels hidden */
[data-agentoria="floating"] [data-agentoria="turn-tools"][hidden],
[data-agentoria="floating"] [data-agentoria="tool-trace"][hidden],
[data-agentoria="floating"] [data-field="detail"][hidden],
[data-agentoria="floating"] [data-field="meta-detail"][hidden] { display: none; }