/* Lembrete da agenda (21/10/2026): faixa no Início e alerta com OK. */
.ag-faixa:empty { display: none; }
.ag-faixa { display: flex; flex-direction: column; gap: 6px; margin: 0 0 14px; }
.ag-prox, .ag-vazio { display: flex; flex-direction: column; gap: 3px; padding: 14px 16px; border-radius: var(--raio);
  background: var(--painel); border-left: 4px solid var(--azul-claro); color: var(--texto); text-decoration: none; }
.ag-vazio { flex-direction: row; align-items: center; gap: 10px; color: var(--fraco); border-left-color: var(--linha-forte); }
.ag-vazio svg, .ag-rot svg { width: 16px; height: 16px; }
.ag-prox.logo { border-left-color: var(--aviso); }
.ag-prox.perto { border-left-color: var(--marca); background: var(--marca-fraca); }
.ag-rot { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; letter-spacing: .02em; color: var(--fraco); }
.ag-prox.logo .ag-rot { color: var(--aviso); }
.ag-prox.perto .ag-rot { color: var(--marca); }
.ag-prox b { font-size: 18px; line-height: 1.3; }
.ag-prox small { color: var(--fraco); font-size: 13px; font-variant-numeric: tabular-nums; }
.ag-resto { list-style: none; margin: 0; padding: 4px 16px; display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 13px; color: var(--fraco); }
.ag-resto span { font-variant-numeric: tabular-nums; color: var(--texto); margin-right: 6px; }

#ag-alerta { position: fixed; inset: 0; z-index: 400; display: grid; place-items: center; padding: 16px; }
.aa-veu { position: absolute; inset: 0; background: rgba(5, 10, 15, .72); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.aa-cartao { position: relative; width: min(420px, 100%); background: var(--painel2); border: 1px solid var(--linha-forte);
  border-top: 5px solid var(--aviso); border-radius: 22px; padding: 22px 20px 18px; display: flex; flex-direction: column; gap: 8px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .55); animation: aa-entra .25s ease-out; }
.aa-cartao.etapa-15 { border-top-color: var(--marca); }
@keyframes aa-entra { from { transform: translateY(20px) scale(.98); opacity: 0; } }
.aa-quando { font-size: 13px; font-weight: 650; color: var(--aviso); letter-spacing: .02em; }
.etapa-15 .aa-quando { color: var(--marca); }
.aa-cartao b { font-size: 22px; line-height: 1.3; }
.aa-cartao p { margin: 0; color: var(--fraco); font-size: 15px; font-variant-numeric: tabular-nums; }
.aa-cartao p small { display: block; font-size: 12px; color: var(--apagado); margin-top: 2px; }
.aa-link { align-self: flex-start; color: var(--azul-claro); font-size: 15px; padding: 6px 0; }
.aa-ok { margin-top: 8px; height: 50px; border: 0; border-radius: 14px; background: var(--marca); color: #fff;
  font-size: 16px; font-weight: 650; cursor: pointer; }
.aa-cartao em { font-size: 12px; color: var(--apagado); text-align: center; font-style: normal; }
#ag-alerta.enviando .aa-cartao { opacity: .6; pointer-events: none; }