/* Account: pagina di accesso (magic link) e classifica personale dei voti. */

.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* --- Form di accesso --- */
.auth-form{display:flex;flex-direction:column;gap:.7rem;margin:.5rem 0 1rem}
.auth-form label{font-family:var(--mono,ui-monospace,monospace);font-size:.9rem;color:rgba(243,234,220,.75)}
.auth-form input[type=email]{width:100%;box-sizing:border-box;padding:.8rem .9rem;border:1px solid rgba(243,234,220,.2);border-radius:10px;background:rgba(243,234,220,.04);color:var(--carta,#f3eadc);font-size:1rem}
.auth-form input[type=email]:focus{outline:none;border-color:var(--ottone,#d9a441)}
.auth-consent{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;line-height:1.4}
.auth-consent input{margin-top:.15rem;accent-color:var(--ottone,#d9a441)}
.auth-consent a{color:var(--ottone,#d9a441)}
.auth-form button{align-self:flex-start;margin-top:.2rem;padding:.75rem 1.4rem;border:0;border-radius:10px;background:var(--ottone,#d9a441);color:#11140c;font-weight:600;font-size:1rem;cursor:pointer}
.auth-form button:hover{filter:brightness(1.06)}
.auth-note{font-size:.85rem;color:rgba(243,234,220,.55);line-height:1.5}

.auth-msg{padding:.85rem 1rem;border-radius:10px;font-size:.95rem;line-height:1.5;margin:0 0 1.1rem}
.auth-ok{background:rgba(120,180,90,.12);border:1px solid rgba(120,180,90,.35);color:#cfe6bd}
.auth-err{background:rgba(210,70,70,.12);border:1px solid rgba(210,70,70,.35);color:#f0c4c4}

/* --- Classifica personale --- */
.myvotes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.myvote{display:flex;align-items:center;gap:.9rem;padding:.7rem .9rem;border:1px solid rgba(243,234,220,.12);border-radius:12px;background:rgba(243,234,220,.03)}
.myvote-rank{flex:none;width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:50%;background:rgba(243,234,220,.06);font-family:var(--mono,monospace);font-size:.9rem;color:rgba(243,234,220,.8)}
.myvote:first-child .myvote-rank{background:var(--ottone,#d9a441);color:#11140c;font-weight:700}
.myvote-name{flex:1;min-width:0;text-decoration:none;color:var(--carta,#f3eadc);font-family:var(--display,Georgia,serif);font-size:1.1rem}
.myvote-name:hover{color:var(--ottone,#d9a441)}
.myvote-tag{font-family:var(--mono,monospace);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:rgba(243,234,220,.5);border:1px solid rgba(243,234,220,.18);border-radius:6px;padding:.05rem .35rem;vertical-align:middle}

/* Stelle read-only (autonome, così la pagina non dipende da recipe.css) */
.rating-ro{display:inline-flex;align-items:center;gap:.35rem;flex:none;font-family:var(--mono,monospace)}
.rating-ro-stars{display:inline-flex;letter-spacing:-.5px}
.ro-star{font-size:.82rem;line-height:1;color:rgba(243,234,220,.2)}
.ro-star.is-on{color:var(--ottone,#d9a441)}
.rating-ro b{color:var(--ottone,#d9a441)}

/* Cancellazione account */
.auth-delete{margin-top:2rem}
.auth-danger{background:none;border:1px solid rgba(210,70,70,.4);color:rgba(240,150,150,.9);padding:.55rem 1rem;border-radius:9px;font-size:.85rem;cursor:pointer}
.auth-danger:hover{background:rgba(210,70,70,.12)}

/* Riga voto: link con thumbnail + nome */
.myvote-main{flex:1;min-width:0;display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}
.myvote-thumb{flex:none;width:52px;height:52px;border-radius:9px;object-fit:cover;background:rgba(243,234,220,.06);border:1px solid rgba(243,234,220,.1)}
.myvote-thumb--empty{display:inline-block}
.myvote-main:hover .myvote-name{color:var(--ottone,#d9a441)}

/* Link discreto "elimina account" in fondo all'area */
.account-settings{margin-top:2.2rem;font-size:.85rem}
.account-settings a{color:rgba(243,234,220,.5);text-decoration:none;border-bottom:1px dotted rgba(243,234,220,.3)}
.account-settings a:hover{color:rgba(240,150,150,.9)}

/* Pagina dedicata di cancellazione */
.account-danger-box{border:1px solid rgba(210,70,70,.3);border-radius:14px;padding:1.2rem 1.3rem;background:rgba(210,70,70,.06)}
.account-danger-box ul{margin:.4rem 0 .8rem;padding-left:1.2rem;line-height:1.6}
.account-danger-note{font-size:.85rem;color:rgba(243,234,220,.55);line-height:1.5}
.account-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.1rem;margin-top:1.1rem}
.account-btn-ghost{color:var(--carta,#f3eadc);text-decoration:none;border:1px solid rgba(243,234,220,.2);border-radius:9px;padding:.6rem 1rem;font-size:.9rem}
.account-btn-ghost:hover{border-color:var(--ottone,#d9a441);color:var(--ottone,#d9a441)}

/* Sotto-menu area account */
.account-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:.4rem auto 0;padding:.2rem 0 .8rem;border-bottom:1px solid rgba(243,234,220,.12)}
.account-nav-links{display:flex;gap:.35rem;flex-wrap:wrap}
.account-nav-links a{font-family:var(--mono,monospace);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(243,234,220,.6);text-decoration:none;padding:.4rem .85rem;border-radius:999px}
.account-nav-links a:hover{color:var(--carta,#f3eadc)}
.account-nav-links a.is-on{background:color-mix(in srgb,var(--ottone,#c9a24a) 16%,transparent);color:var(--ottone,#d9a441)}
.account-nav-exit{font-family:var(--mono,monospace);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(243,234,220,.5);text-decoration:none;white-space:nowrap}
.account-nav-exit:hover{color:var(--ottone,#d9a441)}

/* Pagina "I miei dati" */
.account-data{margin:0 0 1.3rem;display:flex;flex-direction:column}
.account-data > div{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(243,234,220,.1)}
.account-data dt{margin:0;color:rgba(243,234,220,.5);font-family:var(--mono,monospace);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.account-data dd{margin:0;color:var(--carta,#f3eadc);text-align:right;min-width:0;word-break:break-word}
.account-data-note{font-size:.85rem;color:rgba(243,234,220,.55);line-height:1.5;margin:0 0 1.6rem}
.account-danger-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem 1rem;flex-wrap:wrap;padding:1rem 1.1rem;border:1px solid rgba(210,70,70,.28);border-radius:12px;background:rgba(210,70,70,.05)}
.account-danger-row strong{display:block}
.account-danger-row span{font-size:.85rem;color:rgba(243,234,220,.55)}
.account-danger-row .auth-danger{display:inline-block;text-decoration:none;flex:none}