/* #247 · Postagem — tokens do cockpit; 3 breakpoints; fundo sem vazar branco. */
.pg { padding: 16px 20px; display: flex; flex-direction: column; gap: 12px; background: var(--bg, transparent); }
.pg-cab { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.pg-cab h2 { margin: 0; }
.pg-toolbar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.pg-abas, .pg-modo { display: flex; gap: 4px; }
.pg-abas { border-bottom: 1px solid var(--line); }
.pg-abas button, .pg-modo button { background: none; border: 0; border-bottom: 2px solid transparent; padding: 8px 12px; color: inherit; cursor: pointer; }
.pg-abas button.ativa, .pg-modo button.ativa { border-bottom-color: var(--ink-accent); color: var(--ink-accent); }
.pg-periodo { min-width: 160px; text-align: center; text-transform: capitalize; }
.pg-kpi { font-variant-numeric: tabular-nums; }
.pg-kpi.erro, .pg-erro { color: var(--ink-err, #ff5a5a); }
.pg-erro { font-size: 12px; white-space: pre-wrap; }
.pg-sub { color: var(--muted, #999); font-size: 12px; }
.pg-vazio { padding: 24px; text-align: center; color: var(--muted, #999); }
.pg-cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.pg-cal-cab { font-size: 11px; text-transform: uppercase; color: var(--muted, #999); padding: 2px 4px; }
.pg-dia { border: 1px solid var(--line); border-radius: 8px; min-height: 92px; padding: 4px; display: flex; flex-direction: column; gap: 3px; overflow: hidden; }
.pg-cal.semana .pg-dia { min-height: 260px; }
.pg-dia.fora { opacity: .4; }
.pg-dia.hoje { border-color: var(--ink-accent); }
.pg-dia-n { font-size: 12px; font-variant-numeric: tabular-nums; }
.pg-chip { text-align: left; font-size: 11px; border: 1px solid var(--line); border-left: 3px solid var(--line); border-radius: 4px; padding: 2px 4px; background: rgba(127,127,127,.08); color: inherit; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-rascunho { border-left-color: var(--ink-warn, #e0b400) !important; }
.st-aprovado, .st-publicando { border-left-color: var(--ink-accent) !important; }
.st-publicado { border-left-color: var(--green, #35c46a) !important; }
.pg-chip.erro, .st-falhou { border-color: var(--ink-err, #ff5a5a) !important; color: var(--ink-err, #ff5a5a); }
.pg-estado { font-size: 12px; padding: 1px 6px; border-radius: 10px; border: 1px solid var(--line); border-left-width: 3px; }
.pg-tag { font-size: 10px; margin-left: 6px; padding: 1px 5px; border-radius: 8px; border: 1px dashed var(--line); }
.pg-tabela-wrap { overflow-x: auto; }
.pg-tabela { width: 100%; border-collapse: collapse; font-size: 13px; }
.pg-tabela th, .pg-tabela td { border-bottom: 1px solid var(--line); padding: 6px 8px; text-align: left; vertical-align: top; }
.pg-tabela th.ord { cursor: pointer; user-select: none; }
.pg-tabela tr.erro td { background: rgba(255,90,90,.08); }
.pg-tabela tr.inativo { opacity: .5; }
.pg-copy { max-width: 360px; cursor: pointer; white-space: pre-wrap; }
.pg-dest { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.pg-dest li.erro b { color: var(--ink-err, #ff5a5a); }
.pg-form, .pg-detalhe { border: 1px solid var(--line); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 8px; max-width: 720px; }
.pg-form input, .pg-form select, .pg-form textarea { width: 100%; box-sizing: border-box; }
.pg-copy-full { white-space: pre-wrap; margin: 0; }
.pg-midia { display: flex; flex-direction: column; gap: 8px; }
@media (max-width: 1024px) { .pg-dia { min-height: 70px; } .pg-copy { max-width: 220px; } }
@media (max-width: 640px) {
  .pg { padding: 12px; }
  .pg-cal { grid-template-columns: 1fr; }
  .pg-cal-cab, .pg-dia.fora { display: none; }
  .pg-dia { min-height: 0; }
  .pg-cal.semana .pg-dia { min-height: 0; }
}