/*! MailSenpai - strato v2, gruppo «hero-app» (postlive 05/10/2026): composizioni chiare dell'interfaccia nelle hero
   (elementi globali «msp v3 hero ...»). Si carica solo con lo strato v2 acceso. Sorgente: /root/backups/ui-20261005-postlive/hero-app/sorgenti
   @pagine: 11,399,13,5014,99756,99757,99758,99759 */
.m3w{--m3a:#a85419;--m3i:#2f2a26;--m3i2:#4a433d;--m3m:#5d5750;--m3l:#efe2d4;font-variant-numeric:tabular-nums}
.m3s{position:relative;container-type:inline-size}
.m3w .msp3{position:relative;overflow:hidden;background:#fff;border:1px solid #eadccd;border-radius:18px;box-shadow:0 1px 2px rgba(60,35,15,.06),0 28px 60px -28px rgba(120,60,20,.32);font:400 12px/1.35 Poppins,system-ui,sans-serif;color:var(--m3i);text-align:left;letter-spacing:0}
.m3s *,.m3p *{box-sizing:border-box}
.m3w svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.m3w em,.m3w i{font-style:normal}
.m3-bar{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-bottom:1px solid var(--m3l)}
.m3-ham{display:grid;gap:3px;width:14px}.m3-ham i{height:2px;border-radius:2px;background:#8a8079}
.m3-crumb{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--m3m);font-size:11.5px}
.m3-crumb em{color:var(--m3i);font-weight:600}.m3-crumb i{margin:0 3px}
.m3-acc,.m3-who{display:flex;align-items:center;gap:7px;font-weight:500;font-size:11.5px;white-space:nowrap}
.m3-av{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#ba561a,#9c4813);color:#fff;font-size:9.5px;font-weight:700}
.m3-in{display:grid;grid-template-columns:140px minmax(0,1fr);background:#f8f5f2}
.m3-wide .m3-in{grid-template-columns:minmax(0,1fr)}
.m3-side{display:flex;flex-direction:column;gap:1px;padding:12px 8px;background:#fff;border-right:1px solid var(--m3l)}
.m3-who{padding:2px 6px 10px;margin-bottom:4px;border-bottom:1px solid var(--m3l);font-weight:600}
.m3-nav{display:flex;align-items:center;gap:7px;padding:7px;border-radius:9px;color:var(--m3i2);font-size:11.5px;white-space:nowrap}
.m3-nav svg{color:#857a71}
.m3-nav.is-on{background:#fdeedd;color:#94501f;font-weight:600}.m3-nav.is-on svg{color:var(--m3a)}
.m3-plan{display:flex;align-items:center;gap:7px;margin:3px 0;padding:6px;border:1px solid #f1d8bd;border-radius:11px;background:linear-gradient(135deg,#fff8f0,#fdeedd)}
.m3-plan>i,.m3-pi{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#ba561a,#9c4813);color:#fff}
.m3-plan>span,.m3-ph>span{display:grid;justify-items:start;gap:2px;font-weight:600;font-size:11px;line-height:1.2;white-space:nowrap}
.m3-plan>i{width:24px;height:24px}
.m3-badge{padding:1px 7px;border-radius:99px;background:#9c4813;color:#fff;font-size:9px;font-weight:700;letter-spacing:.06em;line-height:1.6}
.m3-main{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-content:start;min-width:0;padding:14px}
.m3-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.m3-k,.m3-rep,.m3-tab,.m3-r,.m3-info{background:#fff;border:1px solid #eee3d8;border-radius:12px}
.m3-k{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:11px 12px;box-shadow:0 1px 2px rgba(60,35,15,.04)}
.m3-k.is-hot{border-color:#e7a066;box-shadow:0 8px 20px -10px rgba(186,86,26,.4)}
.m3-kl{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--m3i2)}
.m3-ki{grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fdeedd;color:#b0581c}
.m3-k.is-hot .m3-ki{background:linear-gradient(135deg,#e8803a,#b8561c);color:#fff}
.m3-kn{margin-top:3px;font-size:17px;font-weight:600}
.m3-kv{grid-column:1/-1;margin-top:1px;color:var(--m3a);font-size:11px;font-weight:500}
.m3-rep{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;padding:11px 12px}
.m3-rh,.m3-h,.m3-fh{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600}
.m3-rh>span:first-child,.m3-t,.m3-fh>span:first-child{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3-sel,.m3-chip{padding:3px 9px;border:1px solid #e5d8cb;border-radius:7px;color:var(--m3i2);font-size:10.5px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3-dest{display:flex;justify-content:space-between;padding:7px 10px;border:1px solid #f0e6dc;border-radius:9px;background:#fcfaf8;font-weight:600}
.m3-o{color:var(--m3a);font-weight:600}
.m3-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.m3-r{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:5px;padding:9px 10px;border-color:#f0e6dc}
.m3-rl{color:var(--m3i2);font-size:10.5px;font-weight:500;line-height:1.25}
.m3-rv{font-size:15px;font-weight:600;line-height:1.2}
.m3-tr,.m3-prog{grid-column:1/-1;display:block;height:6px;overflow:hidden;border-radius:9px;background:#f1ebe6}
.m3-tr i,.m3-prog i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f2913f,#c45b1b);transform-origin:left}
.m3-tr i{width:max(7px,calc(var(--v)*1%))}
.m3-rr{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--m3i2);font-size:10.5px}
.m3-pill{padding:1px 7px;border-radius:99px;background:#f4efea;color:var(--m3i);font-size:10px;font-weight:600}
.m3-t{font-size:13px}
.m3-btns{display:flex;gap:6px}
.m3-b{display:inline-flex;align-items:center;gap:4px;padding:5px 11px 5px 8px;border-radius:99px;background:linear-gradient(135deg,#ba561a,#9c4813);color:#fff;font-size:10.5px;font-weight:600;white-space:nowrap}
.m3-b svg{width:12px;height:12px;stroke-width:2.4}
.m3-tab{overflow:hidden}
.m3-row{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,.8fr);gap:8px;align-items:center;padding:9px 12px;border-top:1px solid #f3ebe3}
.m3-th{padding:8px 12px;border-top:0;background:#fcfaf8;color:var(--m3m);font-size:9px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}
.m3-th span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m3-cn{display:grid;justify-items:start;gap:3px;min-width:0}
.m3-cn>span:first-child{max-width:100%;line-height:1.25;font-weight:600}
.m3-st{padding:1px 7px;border-radius:99px;background:#f2ede8;color:var(--m3m);font-size:9.5px;font-weight:600;white-space:nowrap}
.m3-st.is-ok,.m3-st.is-run{background:#fdeedd;color:#94501f}
.m3-cn .m3-prog{width:100%;height:4px}
.m3-num{display:grid;font-weight:600}
.m3-num i{color:var(--m3m);font-size:10px;font-weight:400}
.m3-fl{position:absolute;z-index:2;padding:10px;background:#fff;border:1px solid #eadccd;border-radius:14px;box-shadow:0 22px 44px -20px rgba(120,60,20,.38);font:400 11px/1.35 Poppins,system-ui,sans-serif;color:var(--m3i)}
.m3-fh{font-size:11px;margin-bottom:8px}
.m3-tpl{right:-14px;bottom:-112px;width:min(240px,54%)}
.m3w-funz{padding-bottom:112px}
.m3-minis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.m3-mi{position:relative;display:grid;gap:4px;justify-items:center;border-radius:8px}
.m3-mp{display:grid;align-content:start;gap:3px;width:100%;height:62px;padding:5px;border:1px solid #eee3d8;border-radius:8px;background:#fff}
.m3-mp i{display:block;height:3px;border-radius:2px;background:#ece5de}
.m3-mp i:nth-child(1){height:9px;background:linear-gradient(90deg,#f2913f,#c45b1b)}
.m3-mp i:nth-child(2){height:18px;background:#fde9d6}
.m3-mp i:nth-child(4){width:70%}
.m3-mp i:nth-child(5){width:52%;height:8px;margin-top:2px;background:#ba561a}
.m3-mi2 .m3-mp i:nth-child(1){background:#3a2f28}.m3-mi2 .m3-mp i:nth-child(2){background:#f6d9bd}
.m3-mi3 .m3-mp i:nth-child(2){background:#fbe0cc;height:14px}.m3-mi3 .m3-mp i:nth-child(5){width:100%;background:#9c4813}
.m3-ml{color:var(--m3i2);font-size:10px;font-weight:500}
.m3-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:8px;padding:9px 10px}
.m3-ii{display:grid;gap:3px;min-width:0;color:var(--m3m);font-size:10px;font-weight:500}
.m3-iid{justify-items:end;align-content:start;border-radius:8px}
.m3-iid .m3-o{font-size:15px;line-height:1.2}
.m3-chip{justify-self:start;max-width:100%;background:#fcfaf8;color:var(--m3i)}
.m3-rates--big .m3-r{padding:10px 11px}
.m3-rates--big .m3-rv{font-size:17px}
.m3-chart{left:-26px;bottom:-98px;width:min(230px,50%)}
.m3w-np{padding-bottom:98px}
.m3-cols{display:flex;align-items:flex-end;gap:4px;height:52px;padding:0 2px;border-bottom:1px solid #eadccd}
.m3-cols i{flex:1;height:calc(var(--h)*1%);min-height:3px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#f2913f,#c45b1b);transform-origin:bottom}
.m3-cap{margin-top:6px;color:var(--m3m);font-size:10px}
.m3p{display:none}
@media (min-width:1240px){
.m3p{display:block;position:absolute;inset:0;pointer-events:none;z-index:1}
.m3p .msp3.m3-fl{position:absolute;overflow:visible;padding:14px;border-radius:16px}
.m3-pl1{left:max(0px,calc(50% - 600px));top:calc(50% - 64px);width:220px}
.m3-pl2{right:max(0px,calc(50% - 600px));top:calc(50% - 128px);width:244px}
.m3-cols14{height:60px}
.m3-ph{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.m3-pt{font-size:12.5px}
.m3-pn{margin-bottom:10px;font-size:15px;font-weight:600}.m3-pn span{color:var(--m3m);font-size:11px;font-weight:400}
.m3-u{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 6px;padding:7px 0;border-top:1px solid #f3ebe3;color:var(--m3i2);font-size:10.5px}
.m3-uv{color:var(--m3i);font-weight:600}
}
.m3-cur{position:absolute;left:0;top:0;z-index:4;width:22px;height:22px;pointer-events:none;opacity:0;transition:transform 1.05s cubic-bezier(.45,.05,.25,1),opacity .4s}
.m3-cur svg{width:22px;height:22px;fill:#2f2a26;stroke:#fff;stroke-width:1.6}
.m3-cur::after{content:"";position:absolute;left:-7px;top:-7px;width:20px;height:20px;border-radius:50%;background:rgba(186,86,26,.32);opacity:0;transform:scale(.3)}
.m3-js .m3-cur{opacity:1}
.m3-cur.is-tap::after{animation:m3Tap .7s ease-out}
.m3w [data-m3-t]{position:relative}
.m3w [data-m3-t]::after{content:"";position:absolute;inset:-3px;border:2px solid rgba(186,86,26,.6);border-radius:13px;opacity:0;transition:opacity .35s;pointer-events:none}
.m3w [data-m3-t].is-hl::after{opacity:1}
.m3w :is(.m3-k,.m3-rep,.m3-r,.m3-row,.m3-info,.m3-fl){animation:m3In .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*90ms + .35s)}
.m3w .m3-fl{animation:m3In .65s cubic-bezier(.2,.7,.2,1) calc(var(--i,0)*90ms + .35s) both,m3Fl 7s ease-in-out 1.6s infinite}
.m3w .m3-tr i{animation:m3Fill 1.3s cubic-bezier(.2,.7,.2,1) .7s both}
.m3w .m3-cols i{animation:m3Gr 1s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--k)*45ms + .7s)}
.m3w .m3-prog i{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
@keyframes m3In{from{opacity:0;transform:translateY(12px) scale(.98)}}
@keyframes m3Fill{from{transform:scaleX(.55)}}
@keyframes m3Gr{from{transform:scaleY(.45)}}
@keyframes m3Fl{50%{translate:0 -7px}}
@keyframes m3Tap{30%{opacity:1}to{opacity:0;transform:scale(1.7)}}
.m3w.m3-ok.m3-off *{animation-play-state:paused!important}
@container (max-width:470px){.m3-in{grid-template-columns:minmax(0,1fr)}.m3-side{display:none}}
@container (max-width:430px){
.m3-th{text-transform:none;letter-spacing:0;font-size:9.5px}.m3-main{gap:10px;padding:11px}.m3-cards{gap:8px}.m3-k{padding:9px 10px}.m3-kn{font-size:15px}
.m3-rates{gap:6px}.m3-r{gap:4px;padding:8px}.m3-rv{font-size:14px}.m3w-home .m3-main{padding-bottom:26px}
.m3-sel{display:none}.m3-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,.8fr);gap:6px;padding:8px 10px}.m3-cn>span:first-child{white-space:normal;line-height:1.25}.m3-st{padding:1px 6px;font-size:9px}
.m3-info{grid-template-columns:minmax(0,1fr) auto}.m3-info .m3-ii:nth-child(2){display:none}
.m3-rates--big{grid-template-columns:1fr 1fr}.m3-rates--big .m3-r:last-child{display:none}
}
@container (max-width:340px){.m3-th{font-size:8.5px}.m3-b2{display:none}}
@media (prefers-reduced-motion:reduce){.m3w *{animation:none!important;transition:none!important}.m3-cur{display:none}}
.lps .m3w-home .hc-ai{top:calc(100% - 22px);bottom:auto}
.m3w-home{margin-bottom:64px}
@media (max-width:640px){.lps .m3w-home .hc-ai{top:auto}.m3w-home{margin-bottom:0}}
@media (max-width:640px){.m3w-funz,.m3w-np{padding-bottom:0}.m3w-funz .m3-main,.m3w-np .m3-main{padding-bottom:26px}.m3w .m3-fl.m3-tpl,.m3w .m3-fl.m3-chart{position:relative;left:auto;right:auto;bottom:auto;width:auto;margin:-14px 10px 0}}
/* === novita AI hero home v2 (05/10) === campo chat con bordo luminoso al posto della vecchia card «AI · novità» */
@property --hc2-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.lps .hc-ai.hc-ai2{width:340px;max-width:340px;gap:12px;padding:12px 12px 12px 14px;border-radius:20px;border:1.5px solid transparent;
 background:linear-gradient(#fffdfb,#fffdfb) padding-box,conic-gradient(from var(--hc2-a),#f58634,#fcaf3b,#ffe2c4,#e0662a,#ffb46b,#f58634) border-box;
 box-shadow:0 26px 50px -24px rgba(196,92,24,.55),0 0 0 0 rgba(252,175,59,.0);animation:hcFl 6s ease-in-out 3,hc2-giro 4.5s linear infinite,hc2-alone 3.6s ease-in-out infinite}
.lps .hc-ai.hc-ai2:hover{border-color:transparent;transform:translateY(-2px)}
@keyframes hc2-giro{to{--hc2-a:360deg}}
@keyframes hc2-alone{0%,100%{box-shadow:0 26px 50px -24px rgba(196,92,24,.55),0 0 0 0 rgba(252,175,59,0)}50%{box-shadow:0 26px 50px -24px rgba(196,92,24,.55),0 0 0 7px rgba(252,175,59,.16)}}
.hc-ai2 .hc2-ic{position:relative;flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#fcaf3b,#e0662a 60%,#b9481a);box-shadow:0 8px 18px -8px rgba(224,102,42,.8)}
.hc-ai2 .hc2-ic svg{width:22px;height:22px;animation:hc2-brilla 2.4s ease-in-out infinite}
@keyframes hc2-brilla{0%,100%{transform:scale(1) rotate(0)}45%{transform:scale(1.14) rotate(8deg)}60%{transform:scale(.96) rotate(-4deg)}}
.hc-ai2 .hc2-c{flex:1 1 auto;min-width:0;display:block}
.hc-ai2 .hc2-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.hc-ai2 .hc2-new{position:relative;overflow:hidden;display:inline-block;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#e0662a,#f58634)}
.hc-ai2 .hc2-new::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);transform:translateX(-120%);animation:hc2-riflesso 3s ease-in-out infinite}
@keyframes hc2-riflesso{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.hc-ai2 .hc2-lbl{font-size:13px;font-weight:700;color:var(--ink,#2b2420)}
.hc-ai2 .hc2-q{display:flex;align-items:center;height:30px;padding:0 10px;border-radius:10px;background:#fff4ea;border:1px solid #f6dcc6;font-size:13px;color:#6b5a4e;white-space:nowrap;overflow:hidden}
.hc-ai2 .hc2-t{display:block;min-width:0;overflow:hidden;white-space:nowrap}
.hc-ai2 .hc2-car{flex:0 0 2px;width:2px;height:15px;margin-left:2px;border-radius:1px;background:#e0662a;animation:hc2-cursore 1s steps(1) infinite}
@keyframes hc2-cursore{50%{opacity:0}}
.hc-ai2 .hc2-send{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#d9772b;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.hc-ai2 .hc2-send svg{width:17px;height:17px}
.hc-ai2.hc2-invio .hc2-send{transform:scale(1.18);background:#1e8a52;box-shadow:0 0 0 6px rgba(30,138,82,.16)}
.hc-ai2 .hc2-ok{display:none}
.hc-ai2.hc2-invio .hc2-ok{display:block}.hc-ai2.hc2-invio .hc2-pl{display:none}
@media (max-width:640px){.lps .hc-ai.hc-ai2{width:auto;max-width:none}}
@media (prefers-reduced-motion:reduce){.lps .hc-ai.hc-ai2,.hc-ai2 .hc2-ic svg,.hc-ai2 .hc2-new::after,.hc-ai2 .hc2-car{animation:none!important}}
/* === fine novita AI hero home v2 === */