/*
 * Jornada por menu da AGF Centro BH (AGF-JORNADA-20261105): faixa de etapas, Início e Rotina da gerência por cadência.
 * Só classes próprias (.agf-*, .rg-*): nada global, nenhuma tela existente muda de layout. As cores vêm dos tokens da
 * casca: no app da AGF (agf.css) azul #00416B e amarelo #FED925; no contexto AGF da Gestão Ricci, os tokens da Ricci
 * (marinho e champagne). Tema escuro pelos mesmos tokens. Responsivo até 360 px sem rolagem lateral.
 */
.agf-jornada{margin:0 0 16px;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--card-radius,12px);box-shadow:var(--shadow-sm);max-width:100%;box-sizing:border-box;overflow:hidden}
.agf-jornada[hidden]{display:none}
.agf-jornada__topo{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.agf-jornada__cab{min-width:0;flex:1 1 260px}
.agf-jornada__area{margin:0 0 2px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.agf-jornada__titulo{margin:0;font-size:20px;line-height:1.25;color:var(--txt)}
.agf-jornada__ctx{margin:4px 0 0;color:var(--muted);font-size:13.5px}
.agf-jornada__nota{margin:10px 0 0;font-size:11.5px;color:var(--muted)}
.agf-jornada__proximo,.agf-btn-proximo{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:8px;font-weight:700;font-size:13.5px;text-decoration:none;
  background:var(--champ,#D4B981);color:var(--ricci-navy,#0B1D3A);border:1px solid transparent;max-width:100%;white-space:normal;line-height:1.3}
.agf-jornada__proximo:hover,.agf-btn-proximo:hover{filter:brightness(.96);text-decoration:none}
.agf-jornada__proximo:focus-visible,.agf-btn-proximo:focus-visible,.agf-etapa__link:focus-visible,.agf-caminho a:focus-visible,.agf-diarias a:focus-visible,.rg-cad:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* etapas: linha com números; a atual em destaque (amarelo na AGF, champagne na Ricci) */
.agf-etapas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:none}
.agf-etapa{min-width:0}
.agf-etapa__caixa{display:flex;gap:10px;align-items:flex-start;height:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--txt);text-decoration:none}
.agf-etapa__link:hover{border-color:var(--accent)}
.agf-etapa__n{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-weight:700;font-size:13px;border:2px solid var(--border-strong);color:var(--txt);background:var(--panel)}
.agf-etapa__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.agf-etapa__rot{font-weight:700;font-size:14px}
.agf-etapa__ajuda{font-size:12px;color:var(--muted);line-height:1.35}
.agf-etapa__onde{font-size:11.5px;font-weight:600;color:var(--accent);overflow-wrap:anywhere}
.agf-etapa.is-atual .agf-etapa__caixa{border-color:var(--champ,#D4B981);background:var(--champ-bg,rgba(212,185,129,.15))}
.agf-etapa.is-atual .agf-etapa__n{background:var(--champ,#D4B981);border-color:var(--champ,#D4B981);color:var(--ricci-navy,#0B1D3A)}
.agf-etapa.is-atual .agf-etapa__onde{color:var(--txt)}
.agf-etapa.is-sem-acesso{opacity:.72}
.agf-etapa.is-sem-acesso .agf-etapa__onde{color:var(--muted);font-weight:500}

/* Início da AGF */
.agf-inicio{display:flex;flex-direction:column;gap:14px;margin-bottom:16px;min-width:0}
.agf-inicio__hero h1{margin:0;font-size:26px;line-height:1.2;color:var(--txt)}
.agf-inicio__lema{margin:4px 0 0;color:var(--muted)}
.agf-proxima{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;padding:16px 18px;border-radius:var(--card-radius,12px);background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--champ,#D4B981);box-shadow:var(--shadow-sm)}
.agf-proxima__ic{font-size:26px;line-height:1}
.agf-proxima__txt{flex:1 1 240px;min-width:0}
.agf-proxima__rot{margin:0;font-size:12px;color:var(--muted)}
.agf-proxima h2{margin:2px 0 2px;font-size:18px;color:var(--txt)}
.agf-proxima p{margin:0}
.agf-proxima--vazia{border-left-color:var(--border-strong)}
.agf-sec-titulo{margin:0 0 8px;font-size:15px;color:var(--txt)}
.agf-caminhos__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.agf-caminho a{display:flex;flex-direction:column;gap:4px;height:100%;box-sizing:border-box;padding:14px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--txt);text-decoration:none;box-shadow:var(--shadow-sm)}
.agf-caminho a:hover{border-color:var(--accent)}
.agf-caminho__tit{font-weight:700}
.agf-caminho__etapas{font-size:12px;color:var(--muted)}
.agf-caminho__abrir{margin-top:auto;font-size:13px;font-weight:600;color:var(--accent);overflow-wrap:anywhere}
.agf-diarias__lista{list-style:none;margin:0;padding:0}
.agf-diarias__lista li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line)}
.agf-diarias__lista li:last-child{border-bottom:0}
.agf-diarias__tit{flex:1 1 220px;font-weight:600;min-width:0}
.agf-diarias__quando{font-size:12px;color:var(--muted)}
.agf-diarias a{font-weight:600;color:var(--accent);overflow-wrap:anywhere}
.ini-dica{margin:0 0 8px}

/* Rotina da gerência por cadência */
.rg-topo .agf-jornada__area{margin-bottom:2px}
.rg-cadencias{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.rg-cad{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--txt);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.rg-cad[aria-pressed="true"]{background:var(--champ,#D4B981);border-color:var(--champ,#D4B981);color:var(--ricci-navy,#0B1D3A)}
.rg-cad__n{font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--panel2);color:var(--txt)}
.rg-cad[aria-pressed="true"] .rg-cad__n{background:rgba(255,255,255,.55);color:var(--ricci-navy,#0B1D3A)}
.rg-proxima{margin:0 0 12px}
.rg-corpo{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.rg-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;min-width:0}
.rg-tarefa{margin:0;min-width:0}
.rg-tarefa[hidden]{display:none}
.rg-tarefa__cab{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}
.rg-tarefa__tit{margin:0;font-size:16px;min-width:0;overflow-wrap:anywhere}
.rg-id{font-size:11px;font-weight:700;color:var(--muted);margin-right:2px}
.rg-tarefa__cad{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0 8px}
.rg-chip{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--info-bg);color:var(--txt)}
.rg-tarefa__prox{margin:0 0 8px}
.rg-atalhos{display:flex;gap:6px;flex-wrap:wrap}
.rg-detalhes{margin-top:8px}
.rg-detalhes summary{cursor:pointer;font-size:12.5px;color:var(--muted)}
.rg-lacunas{margin:6px 0 0;padding-left:18px}
.rg-fechamentos h2{margin:0 0 8px;font-size:16px}
.rg-fechamentos ul{margin:0 0 8px;padding-left:18px}
.rg-fechamentos li{margin:0 0 6px}
.rg-fechamentos li .rg-chip{margin-left:4px}
.rg-fechamentos li .sub{display:block}
@media (min-width:1100px){.rg-corpo{grid-template-columns:minmax(0,1fr) 300px;align-items:start}}

/* celular: etapas em 2 colunas e depois em lista; nada passa da largura */
@media (max-width:900px){.agf-etapas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){
  .agf-jornada{padding:12px}
  .agf-etapas{grid-template-columns:minmax(0,1fr)}
  .agf-jornada__titulo{font-size:18px}
  .agf-inicio__hero h1{font-size:22px}
  .agf-jornada__proximo,.agf-btn-proximo{width:100%;justify-content:center}
  .rg-grade{grid-template-columns:minmax(0,1fr)}
}