/* HUB do Grupo ITIBAN: Agenda de publicacao (T-0747). Usa os tokens e as pecas de app.css (card, canal, pill, rule, btn); sem estilo
   inline (CSP). Computador: simulacao/pausa e contas lado a lado, fila em tabela na largura da casca (.wrap ate 1360 px).
   Ate 900 px (celular e tablet, 360/390/768): uma coluna, cada item vira cartao, sem rolagem lateral; alvos de 44 px (48 px ate 700). */
.pub-topo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;align-items:start}
.pub-topo .rule{margin-bottom:12px}
.pub-ctl .qm{align-items:flex-start}
.pub-ctl .qm svg{margin-top:2px}
.pub-ctl .ac{justify-content:flex-end}
.pub-ctl{padding:10px 0}
.pub-tit{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 8px}
.pub-topo .card{padding:18px 22px}
.pub-topo .ch{margin-bottom:10px}
.pub-nota{margin:8px 0 0}
.pub-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.pub-cab .ch{margin-bottom:8px}
.pub-sec{margin:18px 0 6px;font-size:14px;font-weight:650;color:var(--txt2)}
.pub-sec .mut{font-weight:550}

table.pub-t{width:100%;border-collapse:collapse;font-size:14px}
.pub-t th{text-align:left;font-size:12px;font-weight:650;color:var(--mut);padding:8px 14px 8px 0;border-bottom:1px solid var(--line2);white-space:nowrap}
.pub-t td{padding:12px 14px 12px 0;border-bottom:1px solid var(--line);vertical-align:top;min-width:0;overflow-wrap:anywhere}
.pub-t th:last-child,.pub-t td:last-child{padding-right:0}
.pub-t tbody tr:last-child td{border-bottom:0}
.pub-t td b{display:block;font-weight:650}
.pub-t td .small{display:block;margin-top:3px;line-height:1.4}
.pub-t .pill{margin-bottom:2px}
.pub-hora{width:7.5rem;white-space:nowrap}
.pub-hora b{font-weight:700}
.pub-conta{width:13rem}
.pub-conta .small{overflow-wrap:break-word}
.pub-est{width:15rem}
.pub-ac{width:14rem}
.pub-ac{text-align:right}
.pub-ac .btn{margin:0 0 6px 6px;white-space:nowrap}
.pub-ac .small{text-align:right;margin-bottom:6px}
.pub-rede{display:flex;gap:8px;align-items:flex-start;min-width:0}
.pub-rede svg{flex:none;margin-top:2px;color:var(--gold2)}
.pub-rede>span{min-width:0}
.pub-falta{color:var(--bad);font-weight:600}
.pub-link{display:inline-flex;align-items:center;margin-top:4px;font-weight:650;color:var(--ink2)}
.pub-incerto td{background:var(--bad-bg)}
.pub-incerto td:first-child{box-shadow:inset 4px 0 0 var(--bad);padding-left:12px}
.pub-linha-form td{background:var(--bg);padding:6px 16px 16px;border-bottom:1px solid var(--line)}
.pub-feito{max-width:40rem}

@media(max-width:1100px){.pub-topo{grid-template-columns:minmax(0,1fr)}}

@media(max-width:900px){
  .pub-t thead{display:none}
  table.pub-t,.pub-t tbody,.pub-t tr,.pub-t td{display:block;width:auto}
  .pub-t tr{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 12px;background:var(--surf)}
  .pub-t tbody tr:last-child{margin-bottom:0}
  .pub-t td,.pub-t tbody tr:last-child td{border:0;padding:4px 0}
  .pub-hora b{font-size:15px}
  .pub-ac{text-align:left}
  .pub-ac:empty{display:none}
  .pub-ac .small{text-align:left}
  .pub-ac .btn{margin:6px 6px 0 0;white-space:normal}
  .pub-link{min-height:44px}
  .pub-incerto{background:var(--bad-bg);border-color:var(--bad)}
  .pub-incerto td{background:transparent}
  .pub-incerto td:first-child{box-shadow:none;padding-left:0}
  .pub-t tr.pub-linha-form{margin-top:-6px;background:var(--bg)}
  .pub-linha-form td{padding:0}
  .pub-ctl .ac{justify-content:flex-start}
}
