/* cockgit — nova-programador.css
   vista /nova · QUEM PROGRAMA, por demanda (10/10/2026): o comutador de
   js/app-nova-programador.js — na folha [+ Nova demanda], no card de aprovação (folha e
   mesa), no card da fila e no filme.

   REGRAS DO DONO QUE ESTE ARQUIVO SEGURA:
   - cards-only: as opções empilham em coluna, nada rola por dentro nem de lado
     (min-width:0 e overflow-wrap em todo texto que vem do servidor);
   - a escolhida diz que é a escolhida por borda + faixa de 3 px + ✓ + aria-checked
     (nunca só pela cor); a indisponível, por borda tracejada + a frase do porquê;
   - a barrinha de capacidade é dado: o toque, o mouse e o foco abrem o número
     (App.pcDica); sem animação nenhuma;
   - cor só por token (as peças, nova-pecas.css), claro e escuro de graça; tipo só
     pelos cinco degraus (--t-*), que a folha e a tela já reescalam. */

.pg{display:flex;flex-direction:column;gap:6px;margin:8px 0 0;min-width:0;
  font:var(--t-dat)/1.45 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)}
.pg-l{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0}
.pg-l>.pc-cap{display:inline-block}
.pg-v{min-width:0;overflow-wrap:anywhere}
.pg-troca{margin-left:auto}
.pg-feito{color:var(--mut);min-width:0;overflow-wrap:anywhere}
.pg-feito b{color:var(--ink)}
.pg-aviso{display:block;padding:6px 8px;border:1px solid var(--orange);min-width:0;
  background:color-mix(in oklab,var(--orange) 9%,var(--sf));overflow-wrap:anywhere}
.pg-aviso .pc-lnk{min-height:32px;margin-left:4px}

/* ---- as opções: aberto, o card toma a linha inteira da grade (como o card aberto
   das peças) e as opções se arrumam lado a lado; no celular, uma coluna ---- */
.pc-grade>.pc-card:has(.pg-ops){grid-column:1/-1}
.pg-ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));
  gap:6px;min-width:0}
.pg-op{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 10px;
  padding:8px;border:1px solid var(--bd);background:var(--sf);min-width:0}
.pg-op[data-on]{border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}
.pg-op[data-off]{border-style:dashed;border-color:var(--rule)}
#nv .pg-op>button,.pg-op>button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  min-width:0;min-height:44px;padding:0;margin:0;border:0;border-radius:0;background:none;
  color:inherit;font:inherit;text-align:left;cursor:pointer}
#nv .pg-op>button::before,#nv .pg-op>button::after{content:none}
.pg-op>button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.pg-op>button:disabled{cursor:progress}
.pg-nome{font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.pg-desc{color:var(--mut);overflow-wrap:anywhere}
.pg-custo{color:var(--ink);overflow-wrap:anywhere}
.pg-off{color:var(--orange);overflow-wrap:anywhere}
.pg-nota{color:var(--mut);font-size:var(--t-cap);overflow-wrap:anywhere}

/* ---- a barrinha de capacidade (1 a 5) ---- */
.pg-cap{display:inline-flex;gap:2px;padding:6px 0;cursor:help}
.pg-cap i{display:block;width:8px;height:12px;border:1px solid var(--rule)}
.pg-cap i[data-on]{background:var(--blue);border-color:var(--blue)}
.pg-cap:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

@media (pointer:coarse){ .pg-troca,.pg-aviso .pc-lnk{min-height:44px} }