/* ================= METAS (src/js/12-metas.js) ================= */
/* Formulario do mes (uma caixa por operacao, na cor dela) e a lista dos meses ja cadastrados. */
/* minmax(0,...): sem ele a coluna cresce com a tabela da lista e a pagina rola de lado no celular. */
.metas{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;}
.metas-topo{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px;}
.metas-topo .field{min-width:220px;}
.metas-mes{border:1px solid var(--line-2);border-radius:9px;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:600;
           background:var(--surface);color:var(--ink);cursor:pointer;}
.metas-mes:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);}
.metas-info{margin:0 0 10px;font-size:12.5px;color:var(--ink-soft);}
.metas-ops{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
@media(max-width:1000px){.metas-ops{grid-template-columns:1fr;}}
.metas-op{margin:0;min-width:0;border:1px solid var(--line);border-left:4px solid var(--op,var(--line-2));border-radius:12px;
          padding:12px 14px 14px;background:var(--surface-2);display:grid;gap:10px;}
.metas-op.fat-op-amazon{--op:var(--op-amazon);}
.metas-op.fat-op-shopee{--op:var(--op-shopee);}
.metas-op.fat-op-meli{--op:var(--op-meli);}
.metas-op legend{padding:0 4px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:13.5px;font-weight:700;color:var(--ink);}
.metas-op input{font-family:'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;text-align:right;}
.metas-op input[aria-invalid="true"]{border-color:var(--loss);box-shadow:0 0 0 3px var(--loss-bg);}
.metas-erro{min-height:0;font-size:11px;font-weight:600;color:var(--loss);}
.metas-erro:empty{display:none;}
.metas-acoes{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px;}
.metas-dica{margin:0;flex:1 1 320px;font-size:11.5px;color:var(--ink-soft);line-height:1.45;}
.metas-acoes .btn:disabled{opacity:.6;cursor:default;}
.metas-lista h3{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:14px;margin:0 0 10px;}
.metas-vazio{margin:0;font-size:12.5px;color:var(--ink-soft);}
.metas-tabela td small{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:10.5px;font-weight:500;color:var(--ink-soft);margin-top:2px;}
.metas-tabela td.metas-sem{color:var(--ink-soft);}
.metas-tabela td.metas-quem{font-family:inherit;font-size:12px;text-align:left;}
.metas-tabela th:last-child{text-align:left;}
.metas-abrir{border:none;background:none;padding:0;font:inherit;font-weight:700;color:var(--brand-ink);cursor:pointer;text-align:left;}
.metas-abrir:hover{text-decoration:underline;}
@media(max-width:600px){
  .metas-topo .field{min-width:0;flex:1 1 100%;}
  .metas-acoes .btn{width:100%;justify-content:center;}
}