/* Inherit the selected suite theme; no fixed dark expert surface. */
:root{color-scheme:light dark}.agent-app{max-width:1180px;margin:auto;padding:36px 24px 100px;color:var(--mbx-ink,var(--yk-text,#183b35));font-family:var(--yk-font,system-ui)}
.agent-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px}.agent-heading h1{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:12px 0}.agent-heading p{line-height:1.6}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:700}.agent-heading>button{align-self:flex-start}
.agent-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px}.conversation-panel,.thread-panel{background:var(--mb-superficie,var(--yk-card,#fff));border:1px solid var(--mb-borde,var(--yk-line,#d9e2d6));border-radius:20px;padding:20px}.thread-panel nav{display:grid;gap:8px;margin-top:15px}.thread-panel nav button{text-align:left;overflow-wrap:anywhere}.agent-app button,.agent-app textarea{font:inherit;color:inherit;border:1px solid var(--mb-borde,var(--yk-line,#d9e2d6));border-radius:12px;padding:12px;background:var(--mb-superficie,var(--yk-card,#fff))}.agent-app button{cursor:pointer;min-height:44px}.agent-app button:disabled{opacity:.55;cursor:wait}.agent-app button:focus-visible,.agent-app textarea:focus-visible{outline:3px solid var(--mb-primario,var(--yk-accent,#689840));outline-offset:3px}.agent-app button[aria-pressed=true],.agent-app button[aria-current=true]{border-color:var(--mb-primario,var(--yk-accent,#689840));box-shadow:inset 0 0 0 1px var(--mb-primario,var(--yk-accent,#689840))}.agents{display:flex;gap:8px}.agents button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.agents img{width:44px;height:36px}.supervisor-icon{font-size:28px;color:var(--mb-primario,var(--yk-accent,#689840))}#agent-role{font-size:13px;line-height:1.5;min-height:40px}#messages{list-style:none;margin:0;padding:0;max-height:48dvh;min-height:150px;overflow:auto;overscroll-behavior:contain}#messages li{padding:15px;margin:10px 0;border-radius:14px;border:1px solid var(--mb-borde,var(--yk-line,#d9e2d6));white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}#messages li[data-role=user]{margin-left:12%;background:var(--mbx-page,var(--yk-bg,#f6f8f3))}#messages strong{display:block;font-size:12px;margin-bottom:5px}#status{font-size:13px;min-height:22px}#compose textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:74px}.compose-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.voice-option{font-size:12px;display:flex;align-items:center;gap:5px}#send{margin-left:auto;background:var(--mb-primario,var(--yk-accent,#689840));color:var(--mb-sobre-primario,#fff)}details{font-size:13px;line-height:1.6;margin-top:24px}summary{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:700px){.agent-app{padding:22px 12px 90px}.agent-layout{grid-template-columns:1fr}.thread-panel{padding:12px}.thread-panel nav{display:flex;overflow:auto;max-height:100px}.thread-panel nav button{min-width:130px;max-width:180px;font-size:12px}.conversation-panel{padding:14px}.agents button{flex-direction:column;font-size:12px;padding:8px}.agent-heading{margin-bottom:15px}#messages{max-height:42dvh}.voice-option{order:5;width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#pair-approve{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}#pair-approve label{width:100%}#pair-code{font:inherit;text-transform:uppercase;padding:10px;border-radius:10px;border:1px solid var(--mb-borde,var(--yk-line,#d9e2d6));background:var(--mb-superficie,var(--yk-card,#fff));color:inherit;max-width:150px}#devices button{display:block;margin:8px 0}#device-code{display:block;font-size:46px;font-weight:700;letter-spacing:.12em;margin:30px 0}.display-conversation .topbar,.display-conversation .agent-heading,.display-conversation .thread-panel,.display-conversation details,.display-conversation .voice-option{display:none}.display-conversation .agent-app{padding:24px;font-size:24px;max-width:600px}.display-conversation .agent-layout{display:block}.display-conversation .conversation-panel{padding:12px}.display-conversation .agents button{font-size:18px;min-height:56px}.display-conversation #messages{min-height:100px;max-height:235px}.display-conversation #messages li{font-size:24px}.display-conversation #agent-role{font-size:16px;min-height:0}.display-conversation #status{font-size:16px}.display-conversation #message{font-size:24px}.display-conversation .compose-actions button{font-size:20px;min-height:52px}.display-conversation #mic{display:none}.display-conversation #compose label.sr-only{position:static;width:auto;height:auto;clip:auto;font-size:18px}.display-conversation [hidden]{display:none!important}
.display-conversation{background:#000;color:#fff;--yk-card:#000;--yk-text:#fff;--yk-bg:#000;--yk-line:#555;--mb-superficie:#000;--mbx-ink:#fff;--mbx-page:#000;--mb-borde:#555}.display-conversation .agent-app{color:#fff}
.display-conversation{margin:0}.display-conversation .agent-app{box-sizing:border-box;height:100dvh}.display-conversation .agent-layout{height:100%}.display-conversation .conversation-panel{box-sizing:border-box;height:100%;display:flex;flex-direction:column}.display-conversation .agents{flex:none}.display-conversation #agent-role{margin:8px 0}.display-conversation #messages{flex:1;min-height:0;max-height:none}.display-conversation #status{margin:6px 0;min-height:0}.display-conversation #compose{flex:none}.display-conversation #message{min-height:56px;max-height:80px}.display-conversation #device-pairing{font-size:24px}