/* Gestão → "O que aparece no Feed" (mesa de tarefas, Tarefa 13; web/feed-gestao.js).
 * Celular primeiro. Só tokens semânticos do app.css (nenhuma cor aqui). Plus Jakarta nos títulos e controles. */
.fg { display: flex; flex-direction: column; gap: 14px; max-width: 720px; margin: 0 auto; font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif; }
.fg button, .fg input, .fg h2, .fg h3 { font-family: inherit; }
.fg .card { margin: 0; }
.fg h2 { margin: 0 0 6px; }
.fg h3 { margin: 0; font-size: 16px; }
.fg-lista { display: flex; flex-direction: column; gap: 10px; }
.fg-linha { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.fg-topo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; }
.fg-topo .pill { display: inline-flex; align-items: center; gap: 4px; }
.fg-topo .pill .ico { width: 14px; height: 14px; }
.fg-desc, .fg-nota, .fg-atual { margin: 0; overflow-wrap: anywhere; }
.fg-seg { display: flex; width: 100%; }
.fg-seg button { flex: 1 1 0; min-height: 44px; font-size: 14px; font-weight: 600; }
.fg-seg button:disabled { cursor: not-allowed; opacity: .6; }
.fg-cota { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.fg-cota button { min-width: 48px; min-height: 44px; }
.fg-cota button.on, .fg-seg button.on { background: var(--fg); border-color: var(--fg); color: var(--bg2); }
.fg-seg button.on:disabled { opacity: .75; }
.fg-n { display: inline-flex; align-items: center; gap: 6px; }
.fg-n input { width: 84px; min-height: 44px; }
.fg-salvar { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.fg-salvar button { min-height: 44px; }
.fg-padrao { margin: 0; }
.fg-padrao button { min-height: 44px; }
.fg-hist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.fg-hist li { overflow-wrap: anywhere; }