/* Proposte degli agenti del Mac in Registro e Planning e in Anagrafe (proposte-agenti.js).
   Stesso vetro scuro delle due pagine (mia-area-spine-near.css). */
.ag-prop { margin: 0 0 12px; padding: 16px; border-radius: 16px; background: rgba(52, 63, 82, 0.72); border: 1px solid rgba(93, 173, 226, 0.35); color: #e2e8f0; }
.ag-prop[hidden] { display: none; }
.ag-prop__t { margin: 0 0 8px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #7cc4f0; display: flex; gap: 8px; align-items: center; }
.ag-prop__t span { padding: 0 8px; border-radius: 999px; background: rgba(93, 173, 226, 0.22); color: #f8fafc; }
.ag-prop__it { display: grid; gap: 8px; padding: 12px 0; border-top: 1px solid var(--line, rgba(248, 250, 252, 0.14)); }
.ag-prop__txt { display: grid; gap: 4px; min-width: 0; }
.ag-prop__txt b { color: #f8fafc; font-size: 14px; }
.ag-prop__txt small { color: #94a3b8; font-size: 12px; }
.ag-prop__txt ul { margin: 4px 0 0; padding-left: 16px; display: grid; gap: 2px; font-size: 13px; overflow-wrap: anywhere; }
.ag-prop__txt q { color: #cbd5e1; font-size: 12.5px; font-style: italic; }
.ag-prop__act { display: flex; gap: 8px; flex-wrap: wrap; }
.ag-prop__btn { min-height: 36px; padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(248, 250, 252, 0.12); background: rgba(15, 23, 42, 0.35); color: #e2e8f0; font: inherit; font-size: 0.8rem; font-weight: 750; cursor: pointer; transition: transform 0.22s cubic-bezier(0.32, 0.72, 0, 1), background 0.22s cubic-bezier(0.32, 0.72, 0, 1); }
.ag-prop__btn:active { transform: scale(0.96); }
.ag-prop__btn--ok { border-color: rgba(93, 173, 226, 0.4); background: rgba(93, 173, 226, 0.22); color: #e0f2fe; }
.ag-prop__btn--ok:hover { background: rgba(93, 173, 226, 0.34); }
/* Campo della scheda anagrafe cambiato dalla proposta */
.ag-prop-campo { outline: 2px solid rgba(93, 173, 226, 0.75) !important; outline-offset: 1px; }