/* pedidos.css — formulário e lista de pedidos de oração */
.cartao { background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); padding: 14px; }
.form-head { display: flex; align-items: center; gap: 8px; }
.form-head h2 { font-size: 1rem; margin: 0; flex: 1; }
.form-head .ic { color: var(--acento); }
.form-pedido .btn { width: 100%; margin-top: 4px; }
.erro-form { color: var(--verm); font-size: .8rem; display: block; margin-top: 8px; }

#lista-pedidos { display: grid; gap: 9px; margin-top: 12px; }
.pedido { background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); padding: 12px 14px; }
.pedido-topo { display: flex; align-items: center; gap: 8px; }
.quem { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: .88rem; }
.quem .ic { color: var(--acento2); }
.quando { margin-left: auto; color: var(--texto2); font-size: .74rem; }
.texto { margin: 7px 0 9px; white-space: pre-wrap; overflow-wrap: anywhere; }
.btn-mini {
  display: inline-flex; align-items: center; gap: 6px; background: var(--fundo2); color: var(--texto2);
  border: 1px solid var(--borda); border-radius: 999px; padding: 6px 11px; font-size: .78rem; cursor: pointer;
}
.btn-mini.on { background: rgba(70,214,138,.14); color: var(--verde); border-color: rgba(70,214,138,.4); }
.pedido.respondido { opacity: .7; }
.pedido.respondido .texto { text-decoration: line-through; text-decoration-color: rgba(238,236,249,.4); }