/* ══ RESTYLE SOCIAL ═══════════════════════════════════════════
   Tutto quello che segue sovrascrive i componenti condivisi, non
   le singole schermate: siccome l'app è costruita su una manciata
   di classi (.card .btn .chip .in .cta), cambiarle qui cambia
   l'aspetto di ogni pagina senza toccare una riga di vista.
   Le superfici si ammorbidiscono, il monospace si ritira ai soli
   numeri e le etichette tornano a essere parole invece che sigle
   spaziate.

   IMPORTANTE: questo file deve essere collegato DOPO
   components/core.css e views/onboarding.css nell'<head> — si
   basa sulla cascata (ordine dei <link>) per sovrascrivere quelle
   regole, non sulla specificità dei selettori.                   */

/* superfici più morbide */
.card{border-radius:var(--r-lg);padding:17px 18px;box-shadow:var(--shadow-card)}
.card2{border-radius:var(--r-md);padding:15px 16px}
.empty{border-radius:var(--r-lg);padding:24px 18px}
.setrow{border-radius:var(--r-sm)}
#sheetwrap .sh{border-radius:var(--r-xl) var(--r-xl) 0 0;padding-top:14px}
/* Maniglia sopra il foglio: dice che si tira giù, senza spiegarlo. */
#sheetwrap .sh::before{content:'';display:block;width:40px;height:4px;border-radius:3px;
  background:var(--b-med);margin:0 auto 14px}
.full-head{border-bottom:none;padding-bottom:6px}
#toast span{border-radius:var(--r-pill);padding:12px 18px;box-shadow:0 14px 34px -12px rgba(0,0,0,.8)}

/* comandi */
.cta{border-radius:var(--r-lg);font-weight:700;letter-spacing:-.3px}
.cta.sm{border-radius:var(--r-md)}
.btn{border-radius:var(--r-pill);font-weight:600;font-size:13.5px;padding:12px 18px}
.btn.dash{border-radius:var(--r-md);font-family:var(--sans);font-size:13px}
.chip{border-radius:var(--r-pill);font-family:var(--sans);font-weight:600;font-size:13px;padding:9px 14px}
.chip.sm{border-radius:var(--r-pill);padding:6px 11px;font-size:12px}
.chip.on{background:var(--acc);border-color:transparent;color:#fff}
.lnk{font-family:var(--sans);font-size:13px;font-weight:600}
.icobtn{border-radius:var(--r-pill)}
.in{border-radius:var(--r-sm);height:44px;padding:0 13px}
.in.txt{border-radius:var(--r-md)}
textarea.in{border-radius:var(--r-md)}
.bar,.bar>i{border-radius:var(--r-pill)}

/* tipografia: titoli più decisi, etichette più umane */
.h1{font-weight:800;letter-spacing:-.9px}
.h2{font-weight:700;letter-spacing:-.6px}
.h3{font-weight:700;letter-spacing:-.35px}
.h4{font-weight:600;letter-spacing:-.25px}
.sub{font-family:var(--sans);font-size:13.5px;font-weight:500}
.meta{font-family:var(--sans);font-size:12.5px;font-weight:500}
/* Il maiuscoletto spaziato è da cruscotto, non da app di persone:
   resta la dimensione piccola, sparisce la spaziatura da insegna. */
.micro{font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--dim)}
.lbl{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--t3b)}
.tbl th{font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none}
/* I numeri restano monospaziati: incolonnati si leggono, e in
   palestra è quello che serve. */
.mono,.tbl td,.in.mono,.setidx{font-family:var(--mono)}