/* ═══════════════════════════════════════════════════════════════
   PROPHET AI · vibe.css — barra de controle do Vibe loop
   ═══════════════════════════════════════════════════════════════ */

.vibe-bar {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    padding: 8px 14px; margin: 0;
    background: linear-gradient(90deg, var(--accent-dim), transparent 70%), var(--bg1);
    border-bottom: 1px solid var(--line);
    animation: fade .18s var(--ease, ease);
}
.vibe-bar .vb-badge {
    display: inline-flex; align-items: center; gap: 5px;
    font: 600 12px/1 var(--font, sans-serif); color: var(--accent-hi);
    background: var(--accent-dim); border: 1px solid var(--bd-p, var(--accent-dim));
    padding: 4px 9px; border-radius: 20px; white-space: nowrap;
}
.vibe-bar .vb-badge .i, .vibe-bar .vb-badge svg { color: var(--accent-hi); }
.vibe-bar .vb-iter { font: 600 11px/1 var(--font-mono); color: var(--ink-dim); white-space: nowrap; }
.vibe-bar .vb-status { flex: 1; min-width: 140px; font-size: 12.5px; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vibe-bar .vb-status.stalled { color: var(--warn); }
.vibe-bar .vb-actions { display: flex; gap: 6px; }
.vibe-bar .vb-actions .btn { padding: 5px 11px; font-size: 12px; }

/* toggle e campo de iterações na barra do agente da IDE */
.ide-vibe-max { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--ink-dim); }
.ide-vibe-max input { background: var(--bg2); border: 1px solid var(--line); border-radius: 5px; color: var(--ink); padding: 2px 6px; font-size: 12px; }