/* Chatita x AION Agent - UI v2 core tokens and base rules. Active only under html[data-ui="v2"].
   Source of truth: docs/design/DISENO_UI_CHATITA_AION_AGENT_V2_2026-10-22.html (sections 4-6). */
html[data-ui="v2"]{
  color-scheme:light;
  --bg:#ffffff; --surface:#f7f7f5; --surface-2:#eef0f3; --border:#e5e7eb;
  --text:#0f172a; --muted:#475569; --subtle:#64748b; --on-strong:#ffffff;
  --accent:#047857; --accent-soft:#ecfdf5; --on-accent:#ffffff;
  --warning:#b45309; --danger:#dc2626; --info:#2563eb; --viz-5:#6d28d9; --viz-6:#0e7490;
  --focus:#2563eb; --ink-rgb:15 23 42; --shade-rgb:15 23 42;
  --viz-1:#047857; --viz-2:#2563eb; --viz-3:#b45309; --viz-4:#6d28d9;
  --font-ui:'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --fs-xs:12px; --fs-sm:14px; --fs-md:16px; --fs-lg:20px; --fs-xl:32px;
  --r-sm:6px; --r-md:10px; --r-lg:20px;
  --sidebar-w:260px; --inspector-w:380px; --tap:44px; --dur:160ms;
  /* legacy aliases consumed by chat.html and the panels */
  --bg-elevated:var(--bg); --bg-secondary:var(--surface); --bg-tertiary:var(--surface-2);
  --surface-hover:var(--surface-2);
  --border-focus:var(--accent);
  --text2:var(--muted); --text3:var(--subtle); --text-primary:var(--text);
  --accent-dim:var(--accent-soft);
  --green:var(--accent); --green-dim:var(--accent-soft);
  --red:var(--danger); --red-dim:color-mix(in srgb,var(--danger) 10%,transparent);
  --orange:var(--warning); --orange-dim:color-mix(in srgb,var(--warning) 10%,transparent);
  --purple:var(--viz-5); --purple-dim:color-mix(in srgb,var(--viz-5) 10%,transparent);
  --cyan:var(--viz-6); --cyan-dim:color-mix(in srgb,var(--viz-6) 10%,transparent);
  --radius:var(--r-md); --radius-lg:var(--r-lg); --radius-sm:var(--r-sm);
  --shadow-sm:none; --shadow-md:0 8px 24px rgb(var(--ink-rgb)/.12); --shadow-lg:0 16px 48px rgb(var(--ink-rgb)/.2);
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --transition:all var(--dur) ease;
}
html[data-ui="v2"][data-ui-theme="dark"]{
  color-scheme:dark;
  --bg:#0b0f17; --surface:#111826; --surface-2:#1a2332; --border:#243244;
  --text:#e6edf5; --muted:#94a3b8; --subtle:#7a8aa0;
  --accent:#10b981; --accent-soft:#062e24; --on-accent:#052e24;
  --warning:#f59e0b; --danger:#f87171; --info:#60a5fa; --viz-5:#a78bfa; --viz-6:#22d3ee;
  --focus:#60a5fa; --ink-rgb:255 255 255; --shade-rgb:0 0 0;
  --viz-1:#10b981; --viz-2:#60a5fa; --viz-3:#f59e0b; --viz-4:#a78bfa;
}
html[data-ui="v2"] body{background:var(--bg);color:var(--text);font-family:var(--font-ui)}
html[data-ui="v2"] :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
@media (prefers-reduced-motion:reduce){html[data-ui="v2"] *{animation:none!important;transition:none!important}}

/* ===== v2 shell: sidebar, sub-navigation, topbar, inspector, menu, palette ===== */
html[data-ui="v2"]{--sidebar-w:260px}
html[data-ui="v2"] .i{width:18px;height:18px;flex:0 0 18px;vertical-align:middle}
html[data-ui="v2"] .app{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}
html[data-ui="v2"] .app.v2-insp-open{grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--inspector-w)}
html[data-ui="v2"] .sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}
html[data-ui="v2"] .sb-nav,html[data-ui="v2"] .sb-footer,html[data-ui="v2"] .ui-build{display:none}
html[data-ui="v2"] .topbar{background:var(--bg);border-bottom:1px solid var(--border);padding:0 var(--sp-5,20px)}
html[data-ui="v2"] .topbar-title{font-family:var(--font-ui);font-size:var(--fs-md);font-weight:600;letter-spacing:0}
html[data-ui="v2"] #voice-indicator,html[data-ui="v2"] .hamburger-btn{display:none}
html[data-ui="v2"] .main{display:flex;flex-direction:column;min-height:0;background:var(--bg)}
html[data-ui="v2"] .main>.panel{flex:1 1 auto;min-height:0;height:auto}

/* brand: the photo is the avatar button */
html[data-ui="v2"] .sb-brand{height:auto;min-height:var(--topbar-h);padding:var(--sp-3,12px) 16px;border-bottom:0;gap:12px}
html[data-ui="v2"] .v2-brand-btn{position:relative;width:44px;height:44px;border-radius:50%;padding:0;flex:0 0 44px;border:1px solid var(--border);background:var(--bg)}
html[data-ui="v2"] .v2-brand-btn:hover{border-color:var(--accent)}
html[data-ui="v2"] .v2-brand-btn img{width:100%;height:100%;border-radius:50%;box-shadow:none;object-fit:cover;display:block}
html[data-ui="v2"] .v2-dot{position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;background:var(--border);border:2px solid var(--surface)}
html[data-ui="v2"] .v2-dot.ok{background:var(--accent)}
html[data-ui="v2"] .v2-dot.warn{background:var(--warning)}
html[data-ui="v2"] .v2-dot.err{background:var(--danger)}
html[data-ui="v2"] .sb-brand .name{font-size:var(--fs-lg);font-weight:700;letter-spacing:0;display:inline}
html[data-ui="v2"] .v2-brand-sub{font-size:var(--fs-xs);color:var(--muted);margin-left:6px}

html[data-ui="v2"] .v2-side{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 12px 12px;display:flex;flex-direction:column;gap:2px}
html[data-ui="v2"] .v2-newchat{display:flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);margin:4px 0 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);color:var(--text);font-size:var(--fs-sm);font-weight:500}
html[data-ui="v2"] .v2-newchat:hover{border-color:var(--accent)}
html[data-ui="v2"] .v2-nav{display:flex;flex-direction:column;gap:2px}
html[data-ui="v2"] .v2-nav-item{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 12px;border-radius:var(--r-md);color:var(--muted);font-size:var(--fs-sm);font-weight:500;text-align:left}
html[data-ui="v2"] .v2-nav-item:hover{background:var(--surface-2);color:var(--text)}
html[data-ui="v2"] .v2-nav-item.active{background:var(--surface-2);color:var(--text)}
html[data-ui="v2"] .v2-nav-item.active .i{color:var(--accent)}
html[data-ui="v2"] .v2-badge{margin-left:auto;font-size:var(--fs-xs);font-weight:600;padding:0 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:0}
html[data-ui="v2"] .v2-label{margin:20px 12px 6px;font-size:var(--fs-xs);font-weight:600;color:var(--subtle);letter-spacing:.02em}
html[data-ui="v2"] .v2-projects .nav-btn,html[data-ui="v2"] .v2-projects .project-item{min-height:32px;padding:0 12px;font-size:var(--fs-sm);color:var(--text);border-left:0;border-radius:var(--r-sm);margin:0;background:none}
html[data-ui="v2"] .v2-projects .project-item .ico{display:none}
html[data-ui="v2"] .v2-projects .nav-btn:hover,html[data-ui="v2"] .v2-projects .project-item-row.active .nav-btn{background:var(--surface-2);color:var(--text);border-left:0}
html[data-ui="v2"] .v2-projects .project-item-row{display:flex;align-items:center}
html[data-ui="v2"] .v2-projects .project-delete-btn{opacity:0;color:var(--subtle);padding:0 8px}
html[data-ui="v2"] .v2-projects .project-item-row:hover .project-delete-btn,html[data-ui="v2"] .v2-projects .project-delete-btn:focus-visible{opacity:1}
html[data-ui="v2"] .v2-mini{width:100%;min-height:32px;padding:0 12px;text-align:left;font-size:var(--fs-sm);color:var(--muted);border:0;border-radius:var(--r-sm)}
html[data-ui="v2"] .v2-mini:hover{background:var(--surface-2);color:var(--text)}
html[data-ui="v2"] .v2-recents{display:flex;flex-direction:column}
html[data-ui="v2"] .v2-recent{display:block;width:100%;min-height:32px;padding:0 12px;text-align:left;font-size:var(--fs-sm);color:var(--text);border-radius:var(--r-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-ui="v2"] .v2-recent:hover,html[data-ui="v2"] .v2-recent.active{background:var(--surface-2)}
html[data-ui="v2"] .v2-empty{padding:6px 12px;font-size:var(--fs-sm);color:var(--subtle)}
html[data-ui="v2"] .v2-foot{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--border)}
html[data-ui="v2"] .v2-user{flex:1 1 auto;min-width:0}
html[data-ui="v2"] .v2-user .user-btn{width:100%;display:flex;align-items:center;gap:8px;border:0;background:none;padding:4px;min-height:var(--tap);border-radius:var(--r-md);color:var(--text);font-size:var(--fs-sm);font-weight:500}
html[data-ui="v2"] .v2-user .user-btn:hover{background:var(--surface-2)}
html[data-ui="v2"] .v2-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border-radius:var(--r-md);color:var(--muted);font-size:var(--fs-md)}
html[data-ui="v2"] .v2-icon-btn:hover{background:var(--surface-2);color:var(--text)}
html[data-ui="v2"] .v2-topactions{display:flex;align-items:center;gap:2px}

/* status pill: quiet text */
html[data-ui="v2"] .status-pill{background:none;border:0;color:var(--muted);font-size:var(--fs-xs);padding:0 8px}
html[data-ui="v2"] .status-pill .dot{background:var(--accent)}
html[data-ui="v2"] .status-pill.offline .dot{background:var(--danger)}

/* sub-navigation */
html[data-ui="v2"] .v2-subnav{display:flex;gap:4px;overflow-x:auto;padding:8px 20px;border-bottom:1px solid var(--border);flex:0 0 auto;scrollbar-width:thin}
html[data-ui="v2"] .v2-subnav[hidden]{display:none}
html[data-ui="v2"] .v2-tab{flex:0 0 auto;min-height:32px;padding:0 12px;border-radius:999px;font-size:var(--fs-sm);font-weight:500;color:var(--muted);white-space:nowrap}
html[data-ui="v2"] .v2-tab:hover{background:var(--surface-2);color:var(--text)}
html[data-ui="v2"] .v2-tab.active{background:var(--surface-2);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}

/* inspector */
html[data-ui="v2"] .v2-inspector{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;min-height:0;background:var(--bg);border-left:1px solid var(--border)}
html[data-ui="v2"] .v2-inspector[hidden]{display:none}
html[data-ui="v2"] .v2-insp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);min-height:var(--topbar-h)}
html[data-ui="v2"] .v2-insp-tabs{display:flex;gap:2px;overflow-x:auto}
html[data-ui="v2"] .v2-itab{min-height:32px;padding:0 12px;border-radius:999px;font-size:var(--fs-sm);font-weight:500;color:var(--muted)}
html[data-ui="v2"] .v2-itab:hover{background:var(--surface-2)}
html[data-ui="v2"] .v2-itab.active{background:var(--surface-2);color:var(--text)}
html[data-ui="v2"] .v2-insp-body{flex:1 1 auto;overflow-y:auto;padding:16px}
html[data-ui="v2"] .v2-pane[hidden]{display:none}
html[data-ui="v2"] .v2-empty-state{display:flex;flex-direction:column;gap:4px;padding:24px 8px;color:var(--muted);font-size:var(--fs-sm)}
html[data-ui="v2"] .v2-empty-state b{color:var(--text);font-size:var(--fs-md)}
html[data-ui="v2"] .v2-hint{margin-top:12px;font-size:var(--fs-xs);color:var(--subtle)}
html[data-ui="v2"] .v2-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:var(--tap);margin-top:12px;border-radius:var(--r-md);background:var(--accent);color:var(--on-accent);font-size:var(--fs-sm);font-weight:600}
html[data-ui="v2"] .v2-btn-primary[hidden]{display:none}
html[data-ui="v2"] .av2-stage{position:relative;aspect-ratio:1/1;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
html[data-ui="v2"] .av2-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html[data-ui="v2"] .av2-ring{position:absolute;inset:0;border-radius:var(--r-lg);border:3px solid transparent;pointer-events:none}
html[data-ui="v2"] .av2-top{position:absolute;top:12px;left:12px}
html[data-ui="v2"] .av2-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--border);font-size:var(--fs-xs);color:var(--text)}
html[data-ui="v2"] .av2-d{width:8px;height:8px;border-radius:50%;background:var(--subtle)}
html[data-ui="v2"] .av2-d.ok{background:var(--accent)}
html[data-ui="v2"] .av2-d.warn{background:var(--warning)}
html[data-ui="v2"] .av2-d.err{background:var(--danger)}
html[data-ui="v2"] .av2-controls{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:12px}
html[data-ui="v2"] .av2-btn{width:var(--tap);height:var(--tap);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);color:var(--text)}
html[data-ui="v2"] .av2-end{background:var(--danger);border-color:var(--danger);color:var(--on-strong)}
html[data-ui="v2"] .av2-caption{min-height:20px;margin-top:8px;font-size:var(--fs-sm);color:var(--muted)}

/* Más menu */
html[data-ui="v2"] .v2-menu{position:fixed;z-index:200;width:280px;max-height:70vh;overflow-y:auto;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-md)}
html[data-ui="v2"] .v2-menu[hidden]{display:none}
html[data-ui="v2"] .v2-menu-title{padding:8px 8px 4px;font-size:var(--fs-xs);font-weight:600;color:var(--subtle)}
html[data-ui="v2"] .v2-menu-item,html[data-ui="v2"] .v2-menu .btn-logout{display:flex;align-items:center;gap:12px;width:100%;min-height:36px;padding:0 8px;border:0;border-radius:var(--r-sm);color:var(--text);font-size:var(--fs-sm);text-align:left;background:none}
html[data-ui="v2"] .v2-menu-item:hover,html[data-ui="v2"] .v2-menu .btn-logout:hover{background:var(--surface-2);color:var(--text)}
html[data-ui="v2"] .v2-menu-sep{height:1px;margin:8px 0;background:var(--border)}
html[data-ui="v2"] .v2-menu-check{display:flex;align-items:center;gap:12px;min-height:36px;padding:0 8px;font-size:var(--fs-sm);color:var(--text)}
html[data-ui="v2"] .v2-menu .env-selector{display:flex;gap:4px;border:0;background:none;padding:0 8px}
html[data-ui="v2"] .v2-menu .env-option{flex:1;min-height:32px;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--muted);font-size:var(--fs-sm);background:none}
html[data-ui="v2"] .v2-menu .env-option.active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}

/* command palette */
html[data-ui="v2"] .v2-pal{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:rgb(var(--shade-rgb)/.4)}
html[data-ui="v2"] .v2-pal[hidden]{display:none}
html[data-ui="v2"] .v2-pal-box{width:min(640px,92vw);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden}
html[data-ui="v2"] .v2-pal-in{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);color:var(--muted)}
html[data-ui="v2"] .v2-pal-in input{flex:1;font-size:var(--fs-md);color:var(--text)}
html[data-ui="v2"] .v2-pal-in kbd{font-size:var(--fs-xs);color:var(--subtle);border:1px solid var(--border);border-radius:var(--r-sm);padding:0 6px}
html[data-ui="v2"] .v2-pal-list{max-height:50vh;overflow-y:auto;padding:8px}
html[data-ui="v2"] .v2-pal-group{padding:8px 8px 4px;font-size:var(--fs-xs);font-weight:600;color:var(--subtle)}
html[data-ui="v2"] .v2-pal-item{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 8px;border-radius:var(--r-sm);color:var(--text);font-size:var(--fs-sm);cursor:pointer}
html[data-ui="v2"] .v2-pal-item.sel,html[data-ui="v2"] .v2-pal-item:hover{background:var(--surface-2)}
html[data-ui="v2"] .v2-pal-l{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-ui="v2"] .v2-pal-h{color:var(--subtle);font-size:var(--fs-xs)}
html[data-ui="v2"] .v2-pal-foot{display:flex;gap:16px;padding:8px 16px;border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--subtle)}

/* retired floating elements: nothing floats over the conversation */
html[data-ui="v2"] #chatita-avatar-btn,html[data-ui="v2"] #chatita-avatar-modal,html[data-ui="v2"] #voice-indicator{display:none!important}
html[data-ui="v2"][data-legacy-voice="0"] elevenlabs-convai,html[data-ui="v2"]:not([data-legacy-voice="1"]) elevenlabs-convai{display:none!important}

/* ===== v2 chat: quiet header, centered column, unified composer, hero ===== */
html[data-ui="v2"] #session-list,html[data-ui="v2"] #project-context-bar:empty,html[data-ui="v2"] .chat-header{display:none}
html[data-ui="v2"] .chat-panel{align-items:stretch}
html[data-ui="v2"] .chat-messages{padding:24px 20px;width:100%;max-width:calc(var(--read-w,48rem) + 40px);margin:0 auto;box-sizing:border-box;gap:20px}
html[data-ui="v2"] .chat-panel.v2-empty{justify-content:center}
html[data-ui="v2"] .chat-panel.v2-empty .chat-messages{display:none}
html[data-ui="v2"] .v2-hero{display:none;text-align:center;padding:0 20px 24px}
html[data-ui="v2"] .chat-panel.v2-empty .v2-hero{display:block}
html[data-ui="v2"] .v2-greet{display:flex;align-items:center;justify-content:center;gap:12px;font-size:var(--fs-xl);font-weight:700;color:var(--text);letter-spacing:0}
html[data-ui="v2"] .v2-spark{width:28px;height:28px;flex-basis:28px;color:var(--accent)}
html[data-ui="v2"] .v2-suggest{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;margin-top:24px;order:3}
html[data-ui="v2"] .chat-panel.v2-empty .chat-input-area{order:2}
html[data-ui="v2"] .v2-suggest button{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);padding:0 12px;border-radius:var(--r-md);color:var(--muted);font-size:var(--fs-sm)}
html[data-ui="v2"] .v2-suggest button:hover{background:var(--surface-2);color:var(--text)}
html[data-ui="v2"] .chat-input-area{background:none;border-top:0;padding:0 20px 16px;width:100%;max-width:calc(var(--read-w,48rem) + 40px);margin:0 auto;box-sizing:border-box}
html[data-ui="v2"] .chat-input-wrapper{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:none;min-height:0}
html[data-ui="v2"] .chat-input-wrapper:focus-within{border-color:var(--accent);box-shadow:none}
html[data-ui="v2"] .chat-input{width:100%;min-height:48px;max-height:240px;font-size:var(--fs-md);line-height:1.5;color:var(--text);padding:4px 0;resize:none}
html[data-ui="v2"] .chat-input::placeholder{color:var(--subtle)}
html[data-ui="v2"] .v2-cbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html[data-ui="v2"] .v2-spacer{flex:1 1 auto}
html[data-ui="v2"] .v2-cbtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--muted);border:1px solid var(--border);background:var(--bg)}
html[data-ui="v2"] .v2-cbtn:hover{background:var(--surface-2);color:var(--text)}
html[data-ui="v2"] .v2-mode-btn{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 8px;border-radius:var(--r-md);color:var(--muted);font-size:var(--fs-sm)}
html[data-ui="v2"] .v2-mode-btn:hover{background:var(--surface-2);color:var(--text)}
html[data-ui="v2"] .v2-mode-btn .i{width:14px;height:14px;flex-basis:14px}
html[data-ui="v2"] .chat-send{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--text);color:var(--bg);font-size:var(--fs-md)}
html[data-ui="v2"] .chat-send:disabled{opacity:.4}
html[data-ui="v2"] .chat-options{display:flex;flex-wrap:wrap;gap:8px;padding:0;background:none;border:0}
html[data-ui="v2"] .chat-option{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid var(--border);border-radius:999px;font-size:var(--fs-sm);color:var(--muted);cursor:pointer;background:var(--bg)}
html[data-ui="v2"] .chat-option:hover{background:var(--surface-2)}
html[data-ui="v2"] .chat-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--text)}
html[data-ui="v2"] .chat-option input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}
html[data-ui="v2"] .chat-option:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
html[data-ui="v2"] .thinking-select select{font-size:var(--fs-sm);color:var(--text);background:none}
html[data-ui="v2"] .stop-gen-btn{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:var(--fs-sm)}
html[data-ui="v2"] .v2-tokens{font-size:var(--fs-xs);color:var(--subtle);padding:0 8px;background:none;border:0}

/* popovers anchored to the composer */
html[data-ui="v2"] .v2-pop{position:fixed;z-index:200;width:272px;max-height:60vh;overflow-y:auto;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-md)}
html[data-ui="v2"] .v2-pop[hidden]{display:none}
html[data-ui="v2"] .v2-pop-title{padding:8px 8px 4px;font-size:var(--fs-xs);font-weight:600;color:var(--subtle)}
html[data-ui="v2"] .v2-pop-slot{display:flex;flex-direction:column;gap:2px}
html[data-ui="v2"] .v2-pop .chat-attachments,html[data-ui="v2"] .v2-pop .chat-quick-actions,html[data-ui="v2"] .v2-pop .chat-mode-selector,html[data-ui="v2"] .v2-pop .quick-actions{position:static;display:flex;flex-direction:column;gap:2px;padding:0;background:none;border:0;width:auto;overflow:visible;flex-wrap:nowrap;white-space:normal;left:auto}
html[data-ui="v2"] .v2-pop .chat-attach-btn,html[data-ui="v2"] .v2-pop .quick-action,html[data-ui="v2"] .v2-pop .chat-mode{display:flex;align-items:center;gap:12px;width:100%;min-height:36px;padding:0 8px;border:0;border-radius:var(--r-sm);background:none;color:var(--text);font-size:var(--fs-sm);text-align:left;box-shadow:none}
html[data-ui="v2"] .v2-pop .chat-attach-btn:hover,html[data-ui="v2"] .v2-pop .quick-action:hover,html[data-ui="v2"] .v2-pop .chat-mode:hover{background:var(--surface-2)}
html[data-ui="v2"] .v2-pop .chat-mode.active{background:var(--surface-2);color:var(--text)}
html[data-ui="v2"] .v2-pop .chat-mode.active .i{color:var(--accent)}

/* conversation: assistant text without bubble, user in a quiet pill */
html[data-ui="v2"] .msg-ai .msg-bubble{background:none;border:0;box-shadow:none;border-radius:0}
html[data-ui="v2"] .msg-ai .msg-header{background:none;border:0;padding:0 0 4px;font-size:var(--fs-xs);color:var(--subtle)}
html[data-ui="v2"] .msg-ai .msg-content,html[data-ui="v2"] .msg-ai .msg-body{padding:0;font-size:var(--fs-md);line-height:1.6;color:var(--text)}
html[data-ui="v2"] .msg-user .msg-content{background:var(--surface-2);color:var(--text);border-radius:var(--r-lg);padding:12px 16px}
html[data-ui="v2"] .msg-meta{background:none;border:0;color:var(--subtle)}
html[data-ui="v2"] .msg-content pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}
html[data-ui="v2"] .msg-content code{background:var(--surface-2);color:var(--text);border-radius:var(--r-sm)}

/* retire the floating shortcut bar (moved into the "+" menu) */
html[data-ui="v2"] .v2-pop .chat-u-67,html[data-ui="v2"] .v2-pop #quick-actions-bar{position:static!important;display:flex!important;flex-direction:column;padding:0;gap:2px}
html[data-ui="v2"] .v2-pop .chat-attach-btn,html[data-ui="v2"] .v2-pop .quick-action,html[data-ui="v2"] .v2-pop .chat-mode{justify-content:flex-start}
html[data-ui="v2"] .chat-input-wrapper>.chat-options{order:2}
html[data-ui="v2"] .chat-input-wrapper>.v2-cbar{order:3}

/* inline icons produced by icons-v2.js and status dots */
html[data-ui="v2"] .i-inline{width:1em;height:1em;vertical-align:-.125em;flex:0 0 auto}
html[data-ui="v2"] .i-dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;background:var(--subtle)}
html[data-ui="v2"] .i-dot.ok{background:var(--accent)}
html[data-ui="v2"] .i-dot.warn{background:var(--warning)}
html[data-ui="v2"] .i-dot.err{background:var(--danger)}
html[data-ui="v2"] .i-dot.info{background:var(--info)}

/* ===== v2 mobile (<=768px): drawer sidebar, full-screen inspector, no bottom tab bar ===== */
html[data-ui="v2"] .v2-scrim{display:none}
@media (max-width:768px){
  html[data-ui="v2"] .app,html[data-ui="v2"] .app.v2-insp-open{grid-template-columns:minmax(0,1fr)}
  html[data-ui="v2"] .topbar,html[data-ui="v2"] .main{grid-column:1}
  html[data-ui="v2"] .sidebar{display:flex;position:fixed;top:0;bottom:0;left:0;width:min(86vw,320px);z-index:250;transform:translateX(-100%);transition:transform var(--dur) ease}
  html[data-ui="v2"] body.v2-drawer-open .sidebar{transform:none;box-shadow:var(--shadow-lg)}
  html[data-ui="v2"] body.v2-drawer-open .v2-scrim{display:block;position:fixed;inset:0;z-index:240;background:rgb(var(--shade-rgb)/.4)}
  html[data-ui="v2"] .hamburger-btn{display:flex;width:var(--tap);height:var(--tap);align-items:center;justify-content:center}
  html[data-ui="v2"] .mobile-nav,html[data-ui="v2"] .mobile-drawer,html[data-ui="v2"] .mobile-drawer-overlay{display:none!important}
  html[data-ui="v2"] .v2-inspector{position:fixed;top:var(--topbar-h);right:0;bottom:0;left:0;z-index:230}
  html[data-ui="v2"] .v2-tokens,html[data-ui="v2"] #btn-focus,html[data-ui="v2"] .status-pill{display:none}
  html[data-ui="v2"] .topbar{padding:0 8px}
  html[data-ui="v2"] .topbar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:36vw}
  html[data-ui="v2"] .v2-subnav{padding:8px 12px}
  html[data-ui="v2"] .chat-messages{padding:16px 12px}
  html[data-ui="v2"] .chat-input-area{padding:0 12px 12px}
  html[data-ui="v2"] .v2-greet{font-size:var(--fs-lg)}
  html[data-ui="v2"] .panel-content{padding:12px}
}
html[data-ui="v2"] #v1-try-v2{display:none}
html[data-ui="v2"] #chavd-btn,html[data-ui="v2"] #chavd-modal{display:none!important}

/* ===== legacy mobile PWAs (mobile/, mobile-v5/): map their own variable names onto v2 tokens ===== */
html[data-ui="v2"]{
  --bg2:var(--surface); --bg3:var(--surface-2); --bg4:var(--border);
  --sep:var(--border); --sep2:var(--border);
  --l1:var(--text); --l2:var(--text); --l3:var(--muted); --l4:var(--subtle);
  --acc:var(--accent); --acc2:color-mix(in srgb,var(--accent) 22%,transparent); --acc3:color-mix(in srgb,var(--accent) 11%,transparent);
  --acc-2:var(--info); --acc-3:var(--viz-5); --amber:var(--warning); --orange:var(--warning); --yellow:var(--warning); --blue:var(--info);
  --acc-a12:color-mix(in srgb,var(--accent) 12%,transparent); --acc-a22:color-mix(in srgb,var(--accent) 22%,transparent); --acc-a35:color-mix(in srgb,var(--accent) 35%,transparent);
  --glow-acc:none; --glow-red:none;
}

/* ===== Reuniones (meetings-v2.js) ===== */
html[data-ui="v2"] .mt-wrap{max-width:920px;margin:0 auto;width:100%}
html[data-ui="v2"] .mt-head h2{font-size:var(--fs-lg);font-weight:700}
html[data-ui="v2"] .mt-head p{color:var(--muted);font-size:var(--fs-sm);margin:4px 0 20px}
html[data-ui="v2"] .mt-day{font-size:var(--fs-xs);font-weight:600;color:var(--subtle);margin:20px 0 8px}
html[data-ui="v2"] .mt-row{display:flex;gap:16px;align-items:flex-start;padding:12px 16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);margin-bottom:8px;flex-wrap:wrap}
html[data-ui="v2"] .mt-time{width:64px;font-size:var(--fs-sm);font-weight:600;color:var(--text);flex:0 0 64px}
html[data-ui="v2"] .mt-main{flex:1 1 240px;min-width:0}
html[data-ui="v2"] .mt-title{font-size:var(--fs-md);font-weight:600;color:var(--text);overflow-wrap:anywhere}
html[data-ui="v2"] .mt-meta{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:var(--fs-xs);color:var(--muted);margin-top:4px}
html[data-ui="v2"] .mt-badge{border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:0 8px}
html[data-ui="v2"] .mt-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
html[data-ui="v2"] .mt-btn,html[data-ui="v2"] .mt-primary{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:var(--fs-sm);font-weight:500;text-decoration:none}
html[data-ui="v2"] .mt-btn:hover{border-color:var(--accent)}
html[data-ui="v2"] .mt-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}
html[data-ui="v2"] .mt-primary:disabled,html[data-ui="v2"] .mt-btn:disabled{opacity:.5}
html[data-ui="v2"] .mt-link{color:var(--accent);text-decoration:underline;font-size:inherit}
html[data-ui="v2"] .mt-note{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--muted);font-size:var(--fs-sm)}
html[data-ui="v2"] .mt-err{border-color:var(--danger);color:var(--text)}
html[data-ui="v2"] .mt-err b{color:var(--danger)}
html[data-ui="v2"] .mt-ok{border-color:var(--accent);color:var(--text)}
html[data-ui="v2"] .mt-form{display:flex;flex-direction:column;gap:16px;max-width:560px}
html[data-ui="v2"] .mt-form label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);font-weight:500;color:var(--text)}
html[data-ui="v2"] .mt-form input,html[data-ui="v2"] .mt-form select,html[data-ui="v2"] .mt-form textarea{min-height:var(--tap);padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);color:var(--text);font-size:var(--fs-sm)}
html[data-ui="v2"] .mt-form input:focus,html[data-ui="v2"] .mt-form select:focus,html[data-ui="v2"] .mt-form textarea:focus{border-color:var(--accent)}
html[data-ui="v2"] .mt-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
html[data-ui="v2"] .mt-form .mt-check{flex-direction:row;align-items:center;gap:8px;font-weight:400}
html[data-ui="v2"] .mt-form .mt-check input{min-height:0;width:16px;height:16px}
html[data-ui="v2"] .mt-detail{margin-top:12px;font-size:var(--fs-sm);line-height:1.6;color:var(--text);flex-basis:100%}
html[data-ui="v2"] .mt-detail h4{font-size:var(--fs-sm);font-weight:600;margin:12px 0 4px}
html[data-ui="v2"] .mt-detail ul{padding-left:20px}
html[data-ui="v2"] .mt-pre{white-space:pre-wrap;max-height:360px;overflow:auto;padding:12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-family:var(--mono);font-size:var(--fs-xs)}
@media (max-width:768px){html[data-ui="v2"] .mt-two{grid-template-columns:1fr}html[data-ui="v2"] .mt-time{width:auto;flex-basis:100%}}

/* ===== Reuniones: invitados con sugerencias y adjuntos ===== */
html[data-ui="v2"] .mt-field{display:flex;flex-direction:column;gap:4px;position:relative}
html[data-ui="v2"] .mt-lbl,html[data-ui="v2"] .mt-field>label{font-size:var(--fs-sm);font-weight:500;color:var(--text)}
html[data-ui="v2"] .mt-hint{color:var(--subtle);font-size:var(--fs-xs)}
html[data-ui="v2"] .mt-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:var(--tap);padding:6px 8px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg)}
html[data-ui="v2"] .mt-chips:focus-within{border-color:var(--accent)}
html[data-ui="v2"] .mt-chips input{flex:1 1 160px;min-height:28px;border:0;outline:0;background:transparent;color:var(--text);font-size:var(--fs-sm);padding:0 4px}
html[data-ui="v2"] .mt-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:var(--fs-sm);color:var(--text)}
html[data-ui="v2"] .mt-chip button{width:22px;height:22px;border-radius:50%;color:var(--muted);font-size:var(--fs-md)}
html[data-ui="v2"] .mt-chip button:hover{color:var(--danger)}
html[data-ui="v2"] .mt-suggest{position:absolute;top:calc(100% - 18px);left:0;right:0;z-index:20;margin:0;padding:4px;list-style:none;max-height:260px;overflow:auto;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);box-shadow:var(--shadow-lg)}
html[data-ui="v2"] .mt-suggest li{display:flex;gap:8px;align-items:baseline;padding:8px 10px;border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-sm)}
html[data-ui="v2"] .mt-suggest li.on,html[data-ui="v2"] .mt-suggest li:hover{background:var(--surface)}
html[data-ui="v2"] .mt-suggest li span{color:var(--muted);overflow:hidden;text-overflow:ellipsis}
html[data-ui="v2"] .mt-suggest li em{margin-left:auto;font-style:normal;color:var(--subtle);font-size:var(--fs-xs)}
html[data-ui="v2"] .mt-suggest .mt-none{color:var(--muted);cursor:default}
html[data-ui="v2"] .mt-drop{display:flex;align-items:center;gap:10px;justify-content:center;padding:20px;border:1px dashed var(--border);border-radius:var(--r-md);color:var(--muted);font-size:var(--fs-sm);cursor:pointer;text-align:center}
html[data-ui="v2"] .mt-drop:hover,html[data-ui="v2"] .mt-drop.over,html[data-ui="v2"] .mt-drop:focus-visible{border-color:var(--accent);color:var(--text);background:var(--surface)}
html[data-ui="v2"] .mt-files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
html[data-ui="v2"] .mt-files li{display:flex;gap:12px;align-items:center;padding:6px 10px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--fs-sm)}
html[data-ui="v2"] .mt-fn{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-ui="v2"] .mt-fs,html[data-ui="v2"] .mt-fst{color:var(--muted);font-size:var(--fs-xs)}
html[data-ui="v2"] .mt-files li.err .mt-fst{color:var(--danger)}
html[data-ui="v2"] .mt-files li.ok .mt-fst{color:var(--accent)}
html[data-ui="v2"] .mt-files button{width:24px;height:24px;color:var(--muted)}

/* ===== Suite AION: Automatizaciones, Skills, Agentes ===== */
html[data-ui="v2"] .as-bar{margin-bottom:16px}
html[data-ui="v2"] .as-bar select{min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);color:var(--text);font-size:var(--fs-sm)}
html[data-ui="v2"] .as-scroll{max-height:360px;overflow:auto}
html[data-ui="v2"] .as-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);margin:8px 0}
html[data-ui="v2"] .as-table th{text-align:left;padding:8px 10px;background:var(--surface);border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--fs-xs);font-weight:600}
html[data-ui="v2"] .as-table td{padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere}
html[data-ui="v2"] td.as-act{min-width:180px}
html[data-ui="v2"] .as-act .mt-btn{min-height:30px;padding:0 10px;font-size:var(--fs-xs)}
html[data-ui="v2"] .as-st{font-size:var(--fs-xs);font-weight:600}
html[data-ui="v2"] .as-st.ok{color:var(--accent)}
html[data-ui="v2"] .as-st.error{color:var(--danger)}
html[data-ui="v2"] .mt-badge.as-off{border-color:var(--border);color:var(--muted)}
html[data-ui="v2"] .as-runs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
html[data-ui="v2"] .as-runs li{padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--fs-sm)}
html[data-ui="v2"] .as-out{margin-top:4px;color:var(--muted);font-size:var(--fs-xs);white-space:pre-wrap;overflow-wrap:anywhere}
html[data-ui="v2"] .as-formbox{max-width:760px;padding:16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);margin-bottom:16px}
html[data-ui="v2"] .as-code{font-family:var(--mono);font-size:var(--fs-xs);min-height:260px}
html[data-ui="v2"] .af-grid{display:flex;flex-direction:column;gap:8px}
html[data-ui="v2"] .af-mission{color:var(--muted);font-size:var(--fs-xs);margin-top:4px}
html[data-ui="v2"] .af-pick{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:8px;align-items:center;margin:6px 0}
html[data-ui="v2"] .af-pick select,html[data-ui="v2"] .af-pick input{min-height:var(--tap);padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);color:var(--text);font-size:var(--fs-sm)}
html[data-ui="v2"] .af-hint{grid-column:1/-1}
html[data-ui="v2"] .af-skills{display:flex;flex-wrap:wrap;gap:6px 14px}
html[data-ui="v2"] .af-sub{border:1px solid var(--border);border-radius:var(--r-md);padding:12px;margin:8px 0;background:var(--bg)}
html[data-ui="v2"] .af-sub legend{font-size:var(--fs-xs);color:var(--muted);padding:0 6px}
html[data-ui="v2"] .af-testbox input{flex:1 1 260px;min-height:var(--tap);padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);color:var(--text);font-size:var(--fs-sm)}
@media (max-width:768px){html[data-ui="v2"] .af-pick{grid-template-columns:1fr}}

/* ===== Misiones, Aprobaciones, Credenciales ===== */
html[data-ui="v2"] .mt-badge.mi-v{border-color:var(--accent);color:var(--accent)}
html[data-ui="v2"] .mt-badge.mi-i{border-color:var(--warning);color:var(--warning)}
html[data-ui="v2"] .mt-badge.mi-r{border-color:var(--danger);color:var(--danger)}
html[data-ui="v2"] .mt-badge.mi-m{border-color:var(--border);color:var(--muted)}
html[data-ui="v2"] .mi-count{margin-left:6px}
html[data-ui="v2"] .mi-stop{border-color:var(--danger);color:var(--danger)}
html[data-ui="v2"] .mi-crit{display:grid;grid-template-columns:1fr 80px 44px;gap:8px;margin:6px 0}
html[data-ui="v2"] .mi-crit input{min-height:var(--tap);padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);color:var(--text);font-size:var(--fs-sm)}
html[data-ui="v2"] .mi-tools{max-height:320px;overflow:auto;border:1px solid var(--border);border-radius:var(--r-md);padding:8px;background:var(--bg)}
html[data-ui="v2"] .mi-tool{padding:6px 4px;border-bottom:1px solid var(--border);font-size:var(--fs-sm)}
html[data-ui="v2"] .mi-tool .mt-btn{min-height:28px;padding:0 8px;font-size:var(--fs-xs)}
html[data-ui="v2"] #mi-q{flex:1 1 220px;min-height:var(--tap);padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);color:var(--text)}
html[data-ui="v2"] #mi-risk{min-height:var(--tap);padding:0 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);color:var(--text)}

.v2-recent-tag{margin-left:var(--sp-2,8px);font-size:var(--fs-xs,12px);color:var(--accent);background:var(--accent-weak,transparent);border-radius:999px;padding:0 6px;white-space:nowrap}