/* posta.css — Registro "Posta inviata" (mailbox + dettaglio messaggio) */

/* La modale del registro e' piu' alta: lista scrollabile dentro */
.pi-modale { max-width: 640px; width: 100%; }
.pi-modale .modale-corpo { max-height: 70vh; overflow-y: auto; }

/* Barra di ricerca */
.pi-cerca { width: 100%; margin-bottom: var(--spazio-sm, 10px); }

/* ---- Badge di stato consegna ---- */
.pi-badge {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 999px;
  white-space: nowrap;
}
.pi-stato-ok { background: #e6f4ea; color: #1e7e34; }
.pi-stato-ko { background: #fde8e6; color: #c5221f; }
.pi-stato-attesa { background: #fff4e0; color: #a85d00; }
.pi-stato-neutro { background: #e8eef6; color: #34557e; }

/* ---- Elenco (mailbox) ---- */
.pi-lista { display: flex; flex-direction: column; gap: 8px; }
.pi-vuoto { text-align: center; color: var(--colore-testo-tenue, #7a828c); padding: 24px 8px; }

.pi-voce {
  display: block;
  width: 100%;
  text-align: left;
  background: var(--colore-superficie, #fff);
  border: 1px solid var(--colore-bordo, #e2e6ea);
  border-radius: 10px;
  padding: 10px 12px;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s;
}
.pi-voce:hover { background: #f5f8fc; border-color: #c4d3e6; }
.pi-voce-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.pi-voce-dest { font-weight: 700; color: var(--colore-testo, #1f2730); }
.pi-voce-ogg {
  margin-top: 2px;
  color: var(--colore-testo, #2a323b);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pi-voce-meta { margin-top: 3px; font-size: 0.78rem; color: var(--colore-testo-tenue, #7a828c); }

/* ---- Dettaglio messaggio ---- */
.pi-dettaglio .pi-riga {
  display: flex;
  gap: 10px;
  padding: 6px 0;
  border-bottom: 1px solid var(--colore-bordo, #eef1f4);
}
.pi-dettaglio .pi-et {
  flex: 0 0 96px;
  font-weight: 700;
  color: var(--colore-testo-tenue, #6c7682);
  font-size: 0.85rem;
}
.pi-corpo-email {
  margin-top: 12px;
  padding: 12px;
  background: #f7f9fb;
  border: 1px solid var(--colore-bordo, #e2e6ea);
  border-radius: 8px;
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.5;
  color: var(--colore-testo, #2a323b);
}

/* Storico consegna */
.pi-storico { margin-top: 12px; }
.pi-storico summary { cursor: pointer; font-weight: 700; color: var(--colore-primario, #34557e); }
.pi-storico ul { list-style: none; padding: 8px 0 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.pi-storico li { display: flex; align-items: center; gap: 8px; }
.pi-ev-ora { font-size: 0.8rem; color: var(--colore-testo-tenue, #7a828c); }

/* ---- Link "Apri email" dentro il diario della pratica ---- */
.diario-apri-email {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 4px 0 0;
  padding: 3px 8px;
  font-size: 0.78rem;
  font-weight: 700;
  color: #34557e;
  background: #e8eef6;
  border: 1px solid #c4d3e6;
  border-radius: 999px;
  cursor: pointer;
  width: fit-content;
}
.diario-apri-email:hover { background: #d8e4f3; }