/* V1761.112 — Projetos A3: aprovação do plano (P → D), revisões e plano de ação em 5W2H. */

/* Barra de aprovação (mesmo lugar e desenho do "Próximo passo") */
#main .a3 .a3-aprov{ background:#fdf3e1; border:1px solid #f3d29a; border-radius:10px; padding:12px 14px; margin-bottom:14px; font-size:13.5px; }
#main .a3 .a3-aprov.pronto{ background:#e6f4ec; border-color:#a9d8bd; }
#main .a3 .a3-aprov--enviado{ background:#eef3fb; border-color:#b9cde9; display:flex; gap:14px; justify-content:space-between; align-items:center; }
#main .a3 .a3-aprov--ok{ background:#f3faf6; border-color:#b8dcc8; }
#main .a3 .a3-aprov-linha{ display:flex; gap:14px; justify-content:space-between; align-items:center; }
#main .a3 .a3-aprov-txt{ min-width:0; display:flex; flex-direction:column; gap:2px; }
#main .a3 .a3-aprov-txt > b{ color:#1b2735; }
#main .a3 .a3-aprov-txt > span{ color:#5b6676; }
#main .a3 .a3-aprov-txt > small{ color:#637994; font-size:12px; }
#main .a3 .a3-aprov-txt ul{ margin:6px 0 0 18px; padding:0; }
#main .a3 .a3-aprov-dev{ background:#fbe1df; border:1px solid #f1b8b3; color:#8f2a23; border-radius:8px; padding:8px 10px; margin-bottom:10px; }
#main .a3 .a3-aprov-alt{ margin-top:8px; background:#fff8e8; border:1px solid #f3d29a; border-radius:8px; padding:8px 10px; color:#7a4f0e; }
#main .a3 .a3-aprov-alt ul{ margin:4px 0 0 18px; }
@media (max-width:700px){ #main .a3 .a3-aprov--enviado, #main .a3 .a3-aprov-linha{ flex-direction:column; align-items:stretch; } }

/* Planos para aprovar (lista) */
#main .a3 .a3-minhas-aprov{ border-left:3px solid #ef7d1a; margin-bottom:14px; padding:12px 16px; }
#main .a3 .a3-minhas-topo{ display:flex; align-items:center; gap:8px; margin-bottom:6px; color:#1b2735; }
#main .a3 .a3-minhas-aprov ul{ list-style:none; margin:0; padding:0; }
#main .a3 .a3-minhas-aprov li{ display:flex; align-items:center; gap:12px; padding:8px 0; border-top:1px solid #f0f3f7; }
#main .a3 .a3-minhas-aprov li > span:nth-child(2){ flex:1 1 auto; min-width:0; }
#main .a3 .a3-minhas-aprov li small{ display:block; color:#637994; font-size:12px; }
#main .a3 .a3-tabela .a3-nowrap small{ display:block; margin-top:3px; font-size:11.5px; white-space:nowrap; }

/* Plano de ação = 5W2H: um cartão por ação */
#main .a3 .a3-aviso-custo{ background:#fbe1df; border:1px solid #f1b8b3; color:#8f2a23; border-radius:8px; padding:8px 12px; margin:0 0 10px; font-size:13px; }
#main .a3 .a3-5w2h-plano{ display:flex; flex-direction:column; gap:10px; }
#main .a3 .a3-w-acao{ border:1px solid #e3eaf2; border-left:3px solid #d98a1c; border-radius:10px; background:#fff; overflow:hidden; }
#main .a3 .a3-w-acao.a3-linha-atr{ border-left-color:#d93a32; }
#main .a3 .a3-w-acao.a3-cancelada{ opacity:.6; }
#main .a3 .a3-w-topo{ display:flex; align-items:center; gap:12px; padding:10px 12px; background:#fdf8f0; }
#main .a3 .a3-w-n{ flex:0 0 auto; width:26px; height:26px; border-radius:7px; background:#fdecd2; color:#a8650f; font-weight:700; display:inline-flex; align-items:center; justify-content:center; font-size:12.5px; }
#main .a3 .a3-w-oque{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; }
#main .a3 .a3-w-oque small, #main .a3 .a3-w-grade dt{ font-size:10.5px; text-transform:uppercase; letter-spacing:.4px; color:#7b8898; font-weight:700; }
#main .a3 .a3-w-oque b{ color:#1b2735; font-size:14px; overflow-wrap:anywhere; }
#main .a3 .a3-w-oque em{ font-style:normal; font-size:11.5px; color:#637994; }
#main .a3 .a3-w-st{ flex:0 0 170px; display:flex; flex-direction:column; gap:3px; }
#main .a3 .a3-w-st small{ font-size:11.5px; color:#637994; }
#main .a3 .a3-w-grade{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:8px 14px; margin:0; padding:10px 12px; }
#main .a3 .a3-w-grade > div{ min-width:0; }
#main .a3 .a3-w-grade dd{ margin:2px 0 0; font-size:13px; color:#1b2735; overflow-wrap:anywhere; }
#main .a3 .a3-w-pq, #main .a3 .a3-w-como{ grid-column:1 / -1; }
#main .a3 .a3-pq-tag{ display:inline-block; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; padding:0 6px; border-radius:99px; background:#e6eefb; color:#1d4f91; margin-right:4px; }
#main .a3 .a3-pq-tag--obj{ background:#e6f4ec; color:#237a52; }
#main .a3 .a3-w-etapas{ padding:0 12px 10px; }
#main .a3 .a3-w-acao .a3-5w2h{ margin:0 12px 12px; }
@media (max-width:900px){ #main .a3 .a3-w-grade{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:560px){ #main .a3 .a3-w-topo{ flex-wrap:wrap; } #main .a3 .a3-w-st{ flex:1 1 100%; } #main .a3 .a3-w-grade{ grid-template-columns:1fr 1fr; } }

/* Contramedidas em lista (cabe na meia coluna, sem rolagem lateral) */
#main .a3 .a3-cm-lista{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
#main .a3 .a3-cm-lista li{ display:flex; gap:10px; align-items:flex-start; border:1px solid #e3eaf2; border-radius:8px; padding:8px 10px; background:#fff; }
#main .a3 .a3-cm-lista li.a3-escolhida{ background:#f3faf6; border-color:#b8dcc8; }
#main .a3 .a3-cm-lista li > div{ min-width:0; }
#main .a3 .a3-cm-lista b{ color:#1b2735; overflow-wrap:anywhere; }
#main .a3 .a3-cm-lista small{ display:block; margin-top:3px; color:#637994; font-size:12px; }
#main .a3 .a3-cm-n{ flex:0 0 auto; width:22px; height:22px; border-radius:6px; background:#eaf2fc; color:#1766b3; font-weight:700; font-size:12px; display:inline-flex; align-items:center; justify-content:center; }

/* V1761.113 — RCA aberta a partir de um Projeto A3: origem no cabeçalho da RCA */
#main .rca-origem-a3{ margin:6px 0 0; font-size:13px; color:#5b6676; display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
#main .rca-origem-a3 .rca-link-a3{ background:none!important; border:0!important; padding:0!important; color:#1d6eae!important; cursor:pointer; font:inherit; text-align:left; box-shadow:none!important; min-height:0!important; }
#main .rca-origem-a3 .rca-link-a3:hover{ text-decoration:underline; }
