/* CRM Expert · fase C (04/10/2026). Stile delle schermate «Oggi», «Le tue persone» e della scheda.
   Usa le variabili del portale (palette della Certificazione): niente colori nuovi, solo i suoi. */
.og{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;align-items:start;margin:0 0 30px}
.og .gr{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--ombra);padding:16px 18px}
.og .gr h3{font-family:var(--serif);font-size:1.3rem;font-weight:700;letter-spacing:-.005em;display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px}
.og .gr h3 b{font-family:var(--kicker);font-size:1.3rem;color:var(--muted)}
.og .gr.rosso{border-left:3px solid var(--rosso);background:linear-gradient(#FFF6F4,#fff 80px)}.og .gr.rosso h3 b{color:var(--rosso)}
.og .gr.caldo{border-left:3px solid var(--arancio)}.og .gr.caldo h3 b{color:var(--arancio)}
.og .gr.verde h3 b{color:var(--verde)}.og .gr.teal{border-left:3px solid var(--teal)}.og .gr.teal h3 b{color:var(--teal)}
/* con tre tasti il nome veniva schiacciato in una colonna stretta: i tasti vanno a capo quando manca spazio */
.oi{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.92rem}
.oi:last-child{border-bottom:none}
.oi .t{flex:1 1 200px;min-width:0;cursor:pointer}.oi .t b{display:block;font-weight:700}.oi .t b::after{content:' \203A';color:var(--muted);font-weight:400}.oi .t:hover b,.oi .t:hover b::after{color:var(--teal)}.oi .t small{color:var(--muted);display:block;font-size:.8rem;line-height:1.35}
.oi .a{display:flex;gap:5px;flex:0 0 auto;align-items:center;flex-wrap:wrap}
.vuoto-g{font-size:.88rem;color:var(--muted);padding:4px 0}
.vedi{background:none;border:0;color:var(--teal);font:700 .82rem var(--sans);cursor:pointer;padding:6px 0}
.btn.s{padding:7px 12px;font-size:.78rem;border-radius:10px}
.btn.wa{background:#1f9d5b;color:#fff;border-color:#1f9d5b}.btn.wa:hover:not(:disabled){background:#188a4f}
.btn.rosso{background:transparent;color:var(--rosso);border:1px solid #F0C9C3}
.tag{display:inline-block;font-size:.74rem;font-weight:600;border-radius:999px;padding:2px 9px;border:1px solid var(--line);color:var(--muted);background:#fff;white-space:nowrap;margin-right:4px}
.tag.caldo{color:var(--arancio);border-color:rgba(255,138,0,.45);background:#FFF8EF}
.tag.tiepido{color:var(--blu);border-color:rgba(0,119,182,.35);background:#EEF6FB}
.tag.freddo{color:var(--ink-soft)}
.tag.rosso{color:#fff;background:var(--rosso);border-color:var(--rosso)}
.tag.sla{color:#8a5a22;background:#fdf1e7;border-color:#eccfae}
.tag.ok{color:#2f6b1f;background:#EDF7E9;border-color:#D5EBDB}
.late{color:var(--rosso);font-weight:700}
.pc .passo{margin-top:3px}.pc .passo.no{color:var(--rosso)}
.pc.fermo{background:#FFF6F4;border-color:#F0C9C3}
.crm-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 4px}
.crm-bar input{flex:1 1 220px;max-width:340px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:16px;color:var(--ink);background:var(--card)}
.crm-bar input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,180,180,.18)}
.sez-fase{margin:22px 0 8px;display:flex;align-items:baseline;gap:8px}
.sez-fase b{font-family:var(--kicker);font-size:.78rem;color:var(--muted)}
.legenda-fasi p{font-size:.88rem;color:var(--ink-soft);margin:0 0 6px;line-height:1.5}
/* scheda a cassetto */
.ov{position:fixed;inset:0;background:rgba(16,35,63,.45);display:none;z-index:60;backdrop-filter:blur(2px)}.ov.on{display:block}
.dr{position:fixed;top:0;right:0;bottom:0;width:min(600px,100%);background:var(--bg);z-index:61;transform:translateX(100%);transition:transform .25s;overflow:auto;padding:24px 22px 80px;box-shadow:-20px 0 50px rgba(0,0,0,.2)}
.dr.on{transform:none}
.dr h2{font-family:var(--serif);font-size:2rem;letter-spacing:-.01em;margin:0 0 2px;line-height:1.1;padding-right:44px;font-weight:600}
.dr-chiudi{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--line);font-size:22px;cursor:pointer;color:var(--muted)}
.dr .meta{font-size:.88rem;color:var(--muted)}
.dr .blocco{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--ombra);padding:14px 16px;margin:12px 0}
.dr .blocco h3{font-family:var(--serif);font-size:1.25rem;font-weight:700;margin:0 0 8px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.dr .blocco.scuro{background:var(--ink);color:#fff;border-color:var(--ink)}.dr .blocco.scuro h3{color:#fff}.dr .blocco.scuro .meta{color:#B9C3CF}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:.9rem}
.kv span{color:var(--muted);font-size:.7rem;display:block;letter-spacing:.06em;text-transform:uppercase;font-family:var(--kicker)}
.kv b{font-weight:600}.blocco.scuro .kv span{color:#B9C3CF}
.riga-p{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:.9rem;align-items:flex-start}
.riga-p:last-child{border-bottom:none}.riga-p small{color:var(--muted)}
.azioni{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 4px}
.azioni a.btn{text-decoration:none;display:inline-flex;align-items:center}
.tl .it{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:.88rem}
.tl .it:last-child{border-bottom:none}
.tl .ic{width:22px;height:22px;border-radius:50%;background:var(--card2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px}
.tl .it.nota .ic{background:var(--ink);border-color:var(--ink);color:#fff}
.tl .it small{color:var(--muted);display:block;font-size:.78rem}
.tl .tx{white-space:pre-wrap;word-break:break-word}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 8px}
/* menu WhatsApp: fixed sullo schermo (sul telefono lo scorrimento per inerzia chiudeva i menu assoluti) */
.menu{position:relative;display:inline-block}
.menu .dd{display:none;position:fixed;z-index:90;overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -16px rgba(16,35,63,.45);min-width:260px;padding:6px}
.menu.on .dd{display:block}
.menu .dd a{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;font-size:.88rem;color:var(--ink)}
.menu .dd a:hover{background:var(--card2)}.menu .dd small{display:block;color:var(--muted);font-size:.76rem}
/* finestrelle e messaggi */
.mo{position:fixed;inset:0;background:rgba(16,35,63,.5);z-index:80;display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px 16px}
.mo .bx{background:var(--bg);border-radius:18px;padding:18px;width:min(460px,100%);box-shadow:0 30px 70px -20px rgba(0,0,0,.45);max-height:80vh;overflow:auto}
.mo h3{font-family:var(--serif);font-size:1.45rem;margin:0 0 4px;line-height:1.15}
.mo label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:block;margin:10px 0 3px;font-family:var(--kicker)}
.mo input,.mo select,.mo textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:16px;color:var(--ink);background:#fff}
.mo .pd{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.mo .err{font-size:.85rem;color:var(--rosso);min-height:18px;margin-top:6px}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:40px;font-size:.88rem;display:none;z-index:95;box-shadow:0 12px 30px -12px rgba(0,0,0,.45)}
.toast.on{display:block}
.nota-in{display:flex;gap:6px;margin-bottom:8px}.nota-in input{flex:1;padding:9px 11px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:16px}
@media (max-width:620px){ .og{grid-template-columns:1fr} .kv{grid-template-columns:1fr} .dr{padding:18px 14px 80px} .dr h2{font-size:1.6rem} .btn.s{min-height:38px} }