/* Botão "Operação" da top bar (único CSS carregado no boot). Mesmo padrão do #tb-fluxo. */
#tb-operacao { display: flex; align-items: center; gap: 3px; background: transparent; border: 1px solid var(--border); color: var(--txt-med); padding: 5px 12px; border-radius: 6px; cursor: pointer; font-family: var(--sans); font-size: 11px; font-weight: 600; letter-spacing: .03em; transition: all .15s; }
#tb-operacao:hover { background: var(--yellow-bg); border-color: var(--yellow); color: var(--yellow); }
#tb-operacao.loading { opacity: .6; cursor: wait; }
body.dark #tb-operacao { border-color: rgba(255,255,255,.15); color: #94a3b8; }
body.dark #tb-operacao:hover { background: rgba(232,154,48,.12); border-color: #E89A30; color: #E89A30; }