@font-face{font-family:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/figtree-latin-wght-normal.woff2) format("woff2-variations"),url(fonts/figtree-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;src:url(fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2-variations"),url(fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--abyss:#0A1A2A;--abyss2:#12395A;--shadow:0 1px 0 rgba(10,26,42,.05),0 16px 32px -22px rgba(10,26,42,.38);--accent:#2F5BEA;--bg:#ECF0F5;--surf:#FFFFFF;--surf2:#F6F8FA;--line:#E1E5EB;--ink:#141C26;--mute:#566274;--acct:var(--accent);--accbg:color-mix(in srgb,var(--accent) 11%,#ffffff);--good:#12724A;--goodbg:#E1F3EA;--bad:#B3261E;--badbg:#FBE6E4;--warn:#845400;--warnbg:#FBEFD3;--onbad:#fff;color-scheme:light}
:root.dk{--shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 34px -24px rgba(0,0,0,.85);--bg:#0B1118;--surf:#151D27;--surf2:#1A2430;--line:#263241;--ink:#E8EDF3;--mute:#93A0B1;--acct:#9DB2FF;--accbg:color-mix(in srgb,var(--accent) 24%,#151D27);--good:#52C48C;--goodbg:#12301F;--bad:#FF8F86;--badbg:#3A1815;--warn:#EBBB4B;--warnbg:#3A2E10;--onbad:#2A0D0A;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg) radial-gradient(900px 380px at 82% -140px,color-mix(in srgb,var(--accent) 10%,transparent),transparent) no-repeat;color:var(--ink);font:14px/1.45 "Figtree",system-ui,-apple-system,"Segoe UI",sans-serif}
button{font-family:inherit;font-size:13px;cursor:pointer}
input,select,textarea{font-family:inherit;font-size:14px}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.num{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
.card{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.lbl{font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--mute)}
.h2{font-size:16px;font-weight:700;margin:0}
.btn{background:var(--surf);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-weight:600;min-height:40px}
.btn:hover{background:var(--surf2)}
.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.pri:hover{filter:brightness(1.08)}
.btn.dng{background:var(--bad);border-color:var(--bad);color:var(--onbad)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.inp{width:100%;min-height:42px;border:1px solid var(--line);background:var(--surf2);color:var(--ink);border-radius:10px;padding:9px 12px}
.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.scroll{overflow-x:auto}
.gr{display:grid;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}
.gr:not(.gh):hover{background:var(--surf2)}
.gh{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);background:var(--surf2)}
.nav{display:flex;flex-direction:column;gap:4px}
.pill{border-radius:999px;padding:7px 14px;font-weight:700;min-height:40px;border:1px solid var(--line);background:var(--surf);color:var(--ink)}
.pill.on{background:var(--accent);border-color:var(--accent);color:#fff}
.opt{border-radius:10px;padding:9px 12px;text-align:left;min-height:42px;border:1px solid var(--line);background:var(--surf);color:var(--ink);font-weight:700}
.opt.on{background:var(--accent);border-color:var(--accent);color:#fff}
.chk{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--mute);background:var(--surf);color:#fff;font-weight:800;line-height:1;padding:0}
.chk.on{background:var(--accent);border-color:var(--accent)}
.sw{flex:0 0 auto;width:44px;height:26px;border-radius:13px;border:0;padding:3px;display:flex;align-items:center;background:var(--line)}
.sw.on{background:var(--accent);justify-content:flex-end}
.sw span{width:20px;height:20px;border-radius:50%;background:#fff}
.sw.draft{outline:2px dashed var(--warn);outline-offset:2px}
.ibtn{flex:0 0 auto;width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--surf);color:var(--bad);display:flex;align-items:center;justify-content:center}
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:12px;border:1px solid}
.side{flex:0 0 236px;display:flex;flex-direction:column;gap:22px;padding:22px 14px;background:var(--surf);border-right:1px solid var(--line)}
.navb{--sec:var(--c-blue);display:flex;align-items:center;gap:11px;border:0;border-radius:12px;padding:6px 10px 6px 8px;font-weight:650;text-align:left;min-height:44px;background:transparent;color:var(--ink)}
.nic{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--sec) 15%,transparent);color:var(--sec);transition:background .15s,color .15s}
.navb.on{background:linear-gradient(90deg,color-mix(in srgb,var(--sec) 22%,var(--surf)),color-mix(in srgb,var(--sec) 6%,var(--surf)));box-shadow:inset 4px 0 0 var(--sec);font-weight:800}
.navb.on .nic{background:var(--sec);color:var(--surf);box-shadow:0 4px 10px -4px var(--sec)}
.navb:not(.on):hover{background:color-mix(in srgb,var(--sec) 11%,var(--surf))}
.navb:not(.on):hover .nic{background:color-mix(in srgb,var(--sec) 26%,transparent)}
.nv-overview,.nv-accounts{--sec:var(--c-blue)}.nv-alti,.nv-strategies,.nv-ai{--sec:var(--c-violet)}.nv-storico{--sec:var(--c-magenta)}.nv-coorti{--sec:var(--c-teal)}.nv-diag,.nv-bot{--sec:var(--c-cyan)}
.nv-trades,.nv-report{--sec:var(--c-teal)}.nv-costs{--sec:var(--c-green)}.nv-restore{--sec:var(--c-amber)}.nv-wall,.nv-settings,.nv-sim{--sec:var(--c-indigo)}.nv-errors{--sec:var(--c-rose)}.nv-access{--sec:var(--c-magenta)}
.main{flex:999 1 560px;min-width:0;padding:26px 32px 60px;display:flex;flex-direction:column;gap:20px}
@media (max-width:820px){.nav{flex-direction:row;flex-wrap:wrap}.navb{min-height:40px;padding:5px 10px 5px 6px}.side{flex:1 1 100%;gap:14px;padding:14px 16px;border-right:0;border-bottom:1px solid var(--line)}.main{padding:18px 16px 40px}}
.login{max-width:420px;margin:12vh auto;padding:0 16px}
textarea{font-family:inherit;font-size:14px}
.lnk{border:0;background:transparent;padding:4px 0;font-weight:800;color:var(--acct);text-align:left;min-height:32px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

.ngr{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);padding:9px 12px;margin:18px 0 6px;border-radius:10px;background:color-mix(in srgb,var(--acct) 20%,var(--surf));border-left:4px solid var(--acct)}
.ngr:first-child{margin-top:2px}
.hero{border-radius:20px;padding:24px 28px;color:#EAF2F8;background:radial-gradient(110% 150% at 100% 0%,#1D6488 0%,transparent 58%),linear-gradient(135deg,var(--abyss),var(--abyss2));box-shadow:0 26px 44px -30px rgba(10,26,42,.95);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:26px;align-items:end}
.hl{font-size:12px;font-weight:700;letter-spacing:.03em;color:#9FB6C9}
.hbig{font-size:46px;line-height:1.1;font-weight:500;letter-spacing:-.03em;margin-top:6px;color:#fff}
.hsub{font-size:12.5px;color:#9FB6C9;margin-top:6px}
.hgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.12);border-radius:14px;overflow:hidden}
.hs{background:rgba(10,26,42,.55);padding:14px 16px}
.hv{font-size:30px;font-weight:500;letter-spacing:-.02em;margin-top:4px}
.strip{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;background:var(--surf);box-shadow:var(--shadow);overflow:hidden}
.sg{flex:1 1 340px;display:flex;align-items:center;gap:10px;padding:10px 14px}
.sg+.sg{border-left:1px solid var(--line)}
.sg .btn{margin-left:auto;min-height:34px;padding:5px 12px;white-space:nowrap}
.sd{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}
.sd.live{animation:pl 2s ease-out infinite}
.fi{flex:0 0 26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,currentColor 14%,transparent)}
.fday{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--mute);padding:12px 0 4px}
.fl-up,.fl-dn{border-radius:6px;animation:flash 1.8s ease-out}
.fl-up{--fc:var(--good)}.fl-dn{--fc:var(--bad)}
@keyframes flash{0%{background:color-mix(in srgb,var(--fc) 38%,transparent)}100%{background:transparent}}
@keyframes pl{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 55%,transparent)}100%{box-shadow:0 0 0 7px transparent}}
@media (max-width:820px){.hero{grid-template-columns:1fr;padding:20px}.hbig{font-size:36px}.ngr{display:none}.sg+.sg{border-left:0;border-top:1px solid var(--line)}}
@media (prefers-reduced-motion:reduce){.sd.live,.fl-up,.fl-dn{animation:none}}

/* ---- identita' per sezione: ogni pagina ha il suo colore (solo decorazione: i pulsanti restano blu) ---- */
:root{--c-blue:#2F5BEA;--c-violet:#7B4FD8;--os:#7B4FD8;--c-teal:#0E8F8A;--c-green:#1F8A4C;--c-amber:#C2760A;--c-rose:#C9403A;--c-cyan:#0E7FB8;--c-indigo:#4A47D0;--c-magenta:#B0457B;--gold:#B8860B}
:root.dk{--c-blue:#8FA8FF;--c-violet:#B79BF5;--os:#C78BFF;--c-teal:#4FD1C5;--c-green:#5FCB8E;--c-amber:#E9A94B;--c-rose:#F08C85;--c-cyan:#5BC0EE;--c-indigo:#9C9AF5;--c-magenta:#E58BB5;--gold:#FFD23F}
.main{--sec:var(--c-blue)}
.sec-overview,.sec-accounts{--sec:var(--c-blue)}
.sec-alti,.sec-strategies,.sec-ai{--sec:var(--c-violet)}
.sec-orch{--sec:var(--c-rose)}
.sec-diag{--sec:var(--c-cyan)}
.sec-trades,.sec-report{--sec:var(--c-teal)}
.sec-costs,.sec-prev{--sec:var(--c-green)}
.sec-restore{--sec:var(--c-amber)}.sec-wall{--sec:var(--c-indigo)}
.sec-errors{--sec:var(--c-rose)}
.sec-settings,.sec-sim{--sec:var(--c-indigo)}
.sec-bot{--sec:var(--c-cyan)}
.sec-access{--sec:var(--c-magenta)}
.c-rose{--sec:var(--c-rose)}.c-cyan{--sec:var(--c-cyan)}.c-green{--sec:var(--c-green)}.c-indigo{--sec:var(--c-indigo)}.c-amber{--sec:var(--c-amber)}.c-violet{--sec:var(--c-violet)}.c-teal{--sec:var(--c-teal)}.c-magenta{--sec:var(--c-magenta)}.c-blue{--sec:var(--c-blue)}
.main{background:linear-gradient(180deg,color-mix(in srgb,var(--sec) 11%,transparent) 0,transparent 300px)}
.pic{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--sec);background:color-mix(in srgb,var(--sec) 15%,var(--surf));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sec) 28%,transparent)}
.pic.sm{width:36px;height:36px;border-radius:11px}
.card .h2::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--sec);margin-right:9px;vertical-align:1px}
.gh{background:color-mix(in srgb,var(--sec) 9%,var(--surf2));color:color-mix(in srgb,var(--sec) 55%,var(--mute))}
.grp{display:flex;flex-direction:column;gap:12px}
.grp+.grp{margin-top:10px}
.grph{display:flex;align-items:center;gap:12px;padding:2px 2px 0}
.grpt{font-size:17px;font-weight:800;letter-spacing:-.01em}
.grpd{font-size:13px;color:var(--mute)}
.grpb{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;align-items:start}
.grp>.grpb>.card,.grp>.card{box-shadow:inset 0 3px 0 var(--sec),var(--shadow)}
.tl{background-image:linear-gradient(180deg,color-mix(in srgb,var(--sec) 7%,transparent),transparent 70%)}
.kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.kv:last-child{border-bottom:0}
.kv>span:first-child{color:var(--mute)}
@media (max-width:820px){.pic{width:40px;height:40px}}

/* ---- Simulazioni ---- */
.simform{gap:16px}
.simform>.grph{padding:4px 2px}
.modes{display:flex;flex-wrap:wrap;gap:8px;padding:5px;border-radius:14px;background:var(--surf2);border:1px solid var(--line);align-self:flex-start;width:fit-content;max-width:100%}
.sgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:18px;align-items:stretch}
.sgrid>.grp>.card{flex:1}
.sgrid>.wide{grid-column:1/-1}
.sgrid>.grp+.grp{margin-top:0}
.simform .grp>.card{box-shadow:inset 0 3px 0 var(--sec),var(--shadow)}
.runbar{display:flex;background:linear-gradient(135deg,color-mix(in srgb,var(--c-indigo) 10%,var(--surf)),var(--surf));border-color:color-mix(in srgb,var(--c-indigo) 30%,var(--line))}
.runbar .btn.pri{padding:12px 26px;font-size:15px;font-weight:800;box-shadow:0 10px 22px -12px var(--accent)}
.gauge{display:block;margin:2px auto 0;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
.scards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.scard{display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;box-shadow:inset 0 4px 0 var(--sec),var(--shadow);background:linear-gradient(180deg,color-mix(in srgb,var(--sec) 8%,var(--surf)),var(--surf) 55%)}
.scard .kv:last-child{border-bottom:0}
.rng{position:relative;height:10px;border-radius:6px;background:var(--surf2);box-shadow:inset 0 0 0 1px var(--line);margin:6px 0 2px}
.rng .ci{position:absolute;top:0;bottom:0;border-radius:6px;background:color-mix(in srgb,var(--sec) 38%,transparent)}
.rng .be{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--ink);border-radius:1px;opacity:1}
.rng .dot{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:var(--sec);transform:translate(-50%,-50%);border:3px solid var(--surf);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.heat{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:8px}
.hm{border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;border:1px solid var(--line)}
.wkrow{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 12px;border-radius:10px;overflow:hidden;border:1px solid var(--line);font-size:13px;flex-wrap:wrap}
.cht{position:relative;padding-left:40px}
.cht .yl{position:absolute;left:0;font-size:11px;color:var(--mute);transform:translateY(-50%)}
@media (max-width:560px){.sgrid{grid-template-columns:1fr}.runbar .btn.pri{width:100%}}

/* ---- Simulazioni: scenario mensile, fasce di recupero ---- */
.scgen{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:14px;background:var(--surf2);border:1px solid var(--line)}
.scrows{display:flex;flex-direction:column;gap:8px}
.scrow{display:grid;grid-template-columns:34px minmax(150px,1.1fr) minmax(0,2.4fr) minmax(110px,.8fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surf)}
.scn{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--sec);background:color-mix(in srgb,var(--sec) 14%,var(--surf))}
.scin,.scpc{display:flex;align-items:center;gap:6px;min-width:0}
.scpills{display:flex;flex-wrap:wrap;gap:6px}
.scfix{font-weight:700;color:var(--mute)}
.scu{color:var(--mute);font-size:13px}
.bdr{display:grid;grid-template-columns:1.1fr .9fr 2.2fr 1.3fr .9fr 1.3fr;gap:10px;align-items:center;padding:9px 18px;border-top:1px solid var(--line);font-size:14px}
.bdr.few{opacity:.55}
.bdr.bdh{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);border-top:0;background:var(--surf2)}
.bbar{height:12px;border-radius:7px;background:var(--surf2);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.bbar>span{display:block;height:100%;border-radius:7px;opacity:1}
.bci{display:block;font-size:11px;font-weight:500;color:var(--mute)}
@media (max-width:760px){.scrow{grid-template-columns:30px 1fr;row-gap:8px}.scrow>.scpills,.scrow>.scpc,.scrow>.btn{grid-column:1/-1}}

/* simulazioni: piu' strumenti */
.prow{display:flex;flex-direction:column;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surf2)}
.prh{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pfs{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px}
.pfs .lbl{display:block;margin-bottom:5px;line-height:1.25}
.pnm{font-weight:800;font-size:15px}
.dset{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surf2)}
.ocr{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:9px 18px;border-top:1px solid var(--line);font-size:14px}
.ocr.och{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);border-top:0;background:var(--surf2)}
.olg{display:grid;grid-template-columns:90px 230px minmax(0,1fr) 170px;gap:12px;align-items:flex-start;padding:10px 18px;border-top:1px solid var(--line);font-size:14px}
@media (max-width:760px){.olg{grid-template-columns:1fr 1fr}.olg>.otx{grid-column:1/-1}}
.tgr{display:grid;grid-template-columns:2fr .7fr 1.2fr 1.2fr 1.1fr .9fr;gap:10px;align-items:center;padding:9px 18px;border-top:1px solid var(--line);font-size:14px}
.tgr.tgh{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);border-top:0;background:var(--surf2)}
.tgr.tgt{background:var(--surf2)}

.cmr{display:grid;grid-template-columns:2.2fr 1.3fr 1.3fr 1fr;gap:10px;align-items:center;padding:9px 18px;border-top:1px solid var(--line);font-size:14px}
.cmg{display:grid;grid-template-columns:1.6fr .9fr 1.5fr 1.5fr 1.6fr 1fr;gap:10px;align-items:center;padding:9px 18px;border-top:1px solid var(--line);font-size:13px}
.cmh{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);border-top:0;background:var(--surf2)}

.dgr{display:grid;gap:10px;align-items:center;padding:8px 18px;border-top:1px solid var(--line);font-size:13px}
.dgr.dgh{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);border-top:0;background:var(--surf2)}

/* ---- Pagine a fasce colorate (stile scelto): indice fisso, una fascia per blocco ---- */
.bnav{display:flex;flex-wrap:wrap;gap:6px;position:sticky;top:0;z-index:40;padding:8px 10px;margin:-8px -10px 0;border-radius:14px;background:var(--bg);box-shadow:0 10px 14px -10px rgba(10,26,42,.35)}
.bchip{border-radius:999px;padding:6px 15px;font-weight:700;min-height:36px;color:var(--ink);border:1.5px solid color-mix(in srgb,var(--sec) 55%,var(--line));background:color-mix(in srgb,var(--sec) 9%,var(--surf))}
.bchip:hover{background:color-mix(in srgb,var(--sec) 18%,var(--surf))}
.band{border-radius:16px;border:1px solid color-mix(in srgb,var(--sec) 35%,var(--line));background:var(--surf);overflow:hidden;scroll-margin-top:60px;box-shadow:var(--shadow)}
.bandh{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;padding:11px 18px;background:color-mix(in srgb,var(--sec) 16%,var(--surf));border-bottom:1px solid color-mix(in srgb,var(--sec) 30%,var(--line))}
.bandh h3{margin:0;font-size:17px;font-weight:800;color:var(--sec)}
.bandh span{color:var(--mute);font-size:13px}
.bandb{padding:16px 18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:16px;align-items:start}
.bandb>.full,.bandb>.simform,.bandb>#simRes,.bandb>#simNotes,.bandb>#simList{grid-column:1/-1}
.bandb .card{box-shadow:none}
.bandb>.card{background:var(--surf)}
#simRes{display:flex;flex-direction:column;gap:14px;min-width:0}
.simtool{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
/* le impostazioni diventano schede compatte a intestazione colorata, tre per riga */
.simform .sgrid{display:block}
.scols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;align-items:start}
.scol{display:flex;flex-direction:column;gap:14px;min-width:0}
.sgrid>.scols:not(:first-child){margin-top:14px}
.simform .sgrid>.wide{margin-bottom:14px}
.simform .sgrid .grp{gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surf);margin:0;min-width:0}
.simform .sgrid .grp>.grph{padding:7px 12px;background:color-mix(in srgb,var(--sec) 12%,var(--surf));gap:9px}
.simform .sgrid .grp>.grph .pic{width:26px;height:26px;border-radius:8px;box-shadow:none;background:transparent}
.simform .sgrid .grp>.grph .pic svg{width:16px;height:16px}
.simform .sgrid .grp>.grph .grpt{font-size:13px;color:var(--sec);letter-spacing:.02em}
.simform .sgrid .grp>.grph .grpd{font-size:12px}
.simform .sgrid .grp>.card{border:0;border-radius:0;box-shadow:none;flex:1}
.simform .sgrid .grp+.grp{margin-top:0}
.simform .sgrid .grp>.card{height:auto}
.simform .sgrid>.wide{grid-column:1/-1}
.simform .sgrid .grp .sgd{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (max-width:420px){.simform .sgrid .grp .sgd{grid-template-columns:1fr!important}}

/* fasce applicate a riquadri già esistenti */
.band.wrap{box-shadow:var(--shadow)}
.band.wrap>.inband{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important}
.bhid{display:none!important}

/* Operazioni in corso (Panoramica) — schede morbide e colorate */
.opgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;padding:14px}
.opc{--side:var(--c-blue);position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 16px 13px;border-radius:18px;border:1px solid color-mix(in srgb,var(--side) 22%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--side) 11%,var(--surf)) 0%,var(--surf) 62%);box-shadow:0 10px 24px -20px color-mix(in srgb,var(--side) 70%,transparent);min-width:0}
.opc::before{content:"";position:absolute;left:16px;right:16px;top:0;height:4px;border-radius:0 0 6px 6px;background:var(--side)}
.opc-h{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.opc-who{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.opc-who b{font-size:19px;font-weight:800;letter-spacing:-.01em}
.opc-br{font-size:12.5px;color:var(--mute);font-weight:600}
.opc-m{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.opc-side{font-size:12px;font-weight:800;letter-spacing:.06em;padding:4px 11px;border-radius:999px;color:var(--surf);background:var(--side)}
.opc-lots{font-size:13px;color:var(--mute)}
.opc-r{font-size:15px;font-weight:700}
.opc-pnl{margin-left:auto;font-size:17px;font-weight:800;padding:5px 13px;border-radius:999px}
.opc-bar{position:relative;height:12px;border-radius:999px;background:color-mix(in srgb,var(--mute) 16%,var(--surf));margin:4px 0 0}
.opc-bar>i{position:absolute;top:0;bottom:0;display:block}
.opc-fill{border-radius:999px;opacity:.5}
.opc-zero{width:2px;margin-left:-1px;background:var(--mute);opacity:.7;top:-3px!important;bottom:-3px!important}
.opc-stop{width:3px;margin-left:-1.5px;background:var(--c-rose);border-radius:2px;top:-3px!important;bottom:-3px!important}
.opc-now{width:18px;height:18px;margin-left:-9px;border-radius:50%;border:3px solid var(--surf);top:-3px!important;bottom:auto!important;box-shadow:0 2px 6px rgba(0,0,0,.28)}
.opc-sc{position:relative;height:14px;font-size:10.5px;color:var(--mute)}
.opc-sc span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.opc-pos{font-size:12.5px;color:var(--mute)}
.opc-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.opc-eq{font-size:13px;color:var(--mute);padding-top:9px;border-top:1px dashed color-mix(in srgb,var(--side) 30%,var(--line))}
.opc-eq b{color:var(--ink);font-size:15px}

/* Conti — righe a stati colorati */
.accrow{margin:8px 12px;border-radius:16px;border:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;padding:12px 14px}
.accbar{height:8px;border-radius:999px;background:color-mix(in srgb,var(--mute) 18%,var(--surf));overflow:hidden;margin-top:5px}
.accbar>div{height:100%;border-radius:999px}
@media (max-width:640px){.opgrid{padding:10px;grid-template-columns:1fr}.accrow{margin:8px 6px}}
[aria-label="Elenco conti"] .gh{padding-left:31px;padding-right:27px}

/* Strategie — schede colorate per famiglia */
.stcard{--side:var(--c-violet);display:flex;flex-direction:column;gap:14px;position:relative;padding:18px 18px 16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--side) 22%,var(--line));background:linear-gradient(165deg,color-mix(in srgb,var(--side) 10%,var(--surf)) 0%,var(--surf) 55%);overflow:hidden}
.stcard::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--side)}
.stcard-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}
.stcard-h .h2{display:flex;align-items:center;gap:9px}
.stcard-dot{width:12px;height:12px;border-radius:50%;background:var(--side);box-shadow:0 0 0 4px color-mix(in srgb,var(--side) 20%,transparent);display:inline-block}
.stcard-n{font-size:12.5px;font-weight:700;color:var(--side);background:color-mix(in srgb,var(--side) 14%,var(--surf));padding:5px 12px;border-radius:999px;white-space:nowrap}
.stcard-n b{font-size:14px}
.stcard-pc{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.smet{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.smet>div{background:color-mix(in srgb,var(--side) 8%,var(--surf));border-radius:14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--side) 14%,transparent)}
.stcard .rkbox{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:14px;background:var(--surf2);border:1px dashed color-mix(in srgb,var(--side) 35%,var(--line))}
.stcard-f{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;margin-top:auto;border-top:1px dashed color-mix(in srgb,var(--side) 30%,var(--line))}
.stcard .stp{width:44px;height:44px;padding:0;border-radius:50%;font-size:20px;font-weight:700;color:var(--side);border-color:color-mix(in srgb,var(--side) 40%,var(--line));background:color-mix(in srgb,var(--side) 9%,var(--surf))}
.stcard .h2::before{display:none}
.smet{grid-template-columns:1fr 1fr}
.stcard-bar>div:first-child{background:var(--side)!important}

/* Conti — barra filtri, conti nuovi, conti assegnati, pannello del conto */
.acctool{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--c-blue) 9%,var(--surf)),var(--surf));border:1px solid color-mix(in srgb,var(--c-blue) 20%,var(--line))}
.acctool .pill{border-radius:999px}
.acctool .pill.on{background:var(--c-blue);color:#fff;border-color:var(--c-blue)}
.acctool .inp{border-radius:12px;background:var(--surf)}
.fcard{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--c-teal) 28%,var(--line));background:linear-gradient(165deg,color-mix(in srgb,var(--c-teal) 10%,var(--surf)),var(--surf) 60%);position:relative;overflow:hidden}
.fcard::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--c-teal),var(--c-blue))}
.fcard .h2{font-size:18px}
.fdis{margin-left:6px;padding:2px 9px;min-height:28px;font-size:12px}
.fdisbox{display:flex;flex-direction:column;gap:8px;padding-top:4px}
.fdislist{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:12px;background:var(--surf2);border:1px dashed var(--line)}
.fdisrow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fndgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;max-height:520px;overflow-y:auto;padding:2px}
.fnd{display:flex;flex-direction:column;gap:9px;padding:13px 14px;border-radius:16px;background:var(--surf);border:1px solid color-mix(in srgb,var(--c-teal) 25%,var(--line));border-left:5px solid var(--c-teal);min-width:0}
.fnd.fon{background:color-mix(in srgb,var(--c-teal) 12%,var(--surf));box-shadow:0 0 0 2px var(--c-teal)}
.fnd.fbad{border-left-color:var(--bad);border-color:color-mix(in srgb,var(--bad) 28%,var(--line));background:color-mix(in srgb,var(--bad) 5%,var(--surf))}
.fnd-h{display:flex;align-items:center;gap:10px;min-width:0}
.fnd-n{flex:1;min-width:0}
.fnd-n .num{font-size:12px;color:var(--mute)}
.fnd-st{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:4px}
.fnd-b{padding:8px 11px;border-radius:12px;background:color-mix(in srgb,var(--c-teal) 8%,var(--surf2))}
.fnd-b .num:nth-child(2){font-size:12px;color:var(--mute)}
.fnd-p:empty{display:none}
.ffoot{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;background:color-mix(in srgb,var(--c-teal) 7%,var(--surf));border:1px dashed color-mix(in srgb,var(--c-teal) 35%,var(--line))}
.acard{border-radius:20px;border:1px solid color-mix(in srgb,var(--c-violet) 28%,var(--line));background:linear-gradient(165deg,color-mix(in srgb,var(--c-violet) 9%,var(--surf)),var(--surf) 60%);position:relative}
.acard::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--c-violet),var(--c-magenta))}
.acard .h2{font-size:18px}
.acard .gh{background:color-mix(in srgb,var(--c-violet) 12%,var(--surf2))}
.selp{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--st,var(--c-blue)) 30%,var(--line));background:linear-gradient(165deg,color-mix(in srgb,var(--st,var(--c-blue)) 10%,var(--surf)),var(--surf) 55%);position:relative;overflow:hidden}
.selp::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--st,var(--c-blue))}
.selp .opt{border-radius:14px}
.selp .opt.on{background:var(--st,var(--accent));border-color:var(--st,var(--accent));color:#fff}
@media (max-width:640px){.acctool{padding:12px}.selp{position:static}}
.fndgrid{align-items:start}
.fnd-h{flex-wrap:wrap}
.fnd-n{flex:1 1 140px}

/* simulazioni: campi allineati (etichetta / casella / nota su righe comuni), numeri leggibili */
.sgd{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));column-gap:14px;row-gap:0}
.sgd>.sf{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;margin-bottom:14px;min-width:0}
.sgd>.sf>.lbl{align-self:end;margin-bottom:6px;line-height:1.25}
.sgd>.sf>.sfi{display:flex;align-items:center;gap:8px}
.sgd>.sf>.sfi .inp{max-width:230px}
.sgd>.sf>.sfh{font-size:12px;color:var(--mute);margin-top:5px;line-height:1.35}
.inp::placeholder{color:var(--mute);opacity:1}
.inp:disabled{color:var(--mute);opacity:1}
.simform .sgrid .grp .sgd{margin-bottom:-14px}
.sf{min-width:0}
.sf>.lbl{display:block;margin-bottom:6px}
.sf>.sfi{display:flex;align-items:center;gap:8px}
.sf>.sfh{font-size:12px;color:var(--mute);margin-top:5px;line-height:1.35}
.coWk{margin-top:2px}.coWh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px 12px;border-bottom:1px solid var(--line)}
.coDay{border-top:1px solid var(--line)}.coDh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 18px;background:var(--surf2)}
.coN{color:var(--mute);font-weight:600;margin-left:6px}.coMini{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--mute)}.coS{white-space:nowrap}.coWh .coS{margin-right:14px}
/* Situazione conti: riepilogo, barra dei filtri e righe */
.coKpi{display:grid;grid-template-columns:minmax(150px,.6fr) 1.3fr 1.7fr;padding:0;overflow:hidden}
.coK{padding:16px 20px;display:flex;flex-direction:column;gap:10px;min-width:0}.coK+.coK{border-left:1px solid var(--line)}
.coBig{font-size:38px;font-weight:500;letter-spacing:-.02em;line-height:1}.coSub{font-size:12px;color:var(--mute)}
.coTri{display:flex;flex-wrap:wrap;gap:8px 22px}.coTri span{display:flex;flex-direction:column;font-size:12px;color:var(--mute);line-height:1.3}.coTri b{font-size:24px;font-weight:600;letter-spacing:-.01em}.coTri i{font-style:normal}
.coBar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--line)}.coBar i{display:block;height:100%}
.coTool{display:flex;flex-direction:column;gap:14px}
.coFs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 14px;align-items:end}.coMore{padding-top:14px;border-top:1px dashed var(--line)}
.coF{display:flex;flex-direction:column;gap:5px;min-width:0}.coF .lbl{font-size:11px}.coF select.inp{appearance:auto;cursor:pointer}
.coDayRow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.coDayRow .inp{width:auto;flex:1 1 130px;min-width:0}
.pill.sm{min-height:34px;padding:4px 12px;font-size:13px}
.coAct{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.btn.on{background:var(--accbg);border-color:var(--accent);color:var(--acct)}
.coT{min-width:900px}
.coR{grid-template-columns:1.5fr 1fr 1.7fr 1.8fr;align-items:start;gap:14px;padding:14px 18px}.coR.coAdm{grid-template-columns:1.5fr 1fr 1.7fr 1.8fr 168px}
.coR.gh{padding:9px 18px;align-items:center}
.coC{min-width:0;display:flex;flex-direction:column;gap:3px;align-items:flex-start}.coC b.num{font-size:15px}
.coM{font-size:12px;line-height:1.4}.coMu{color:var(--mute)}.coV{font-size:14px;margin-top:3px}
.coAc{align-items:stretch}.coBt{display:flex;flex-direction:column;gap:6px}.coBt .btn{min-height:34px;padding:5px 10px;font-size:12px;white-space:nowrap}
.coAsk{grid-column:1/-1}.coDlg{padding:10px 14px;border-radius:10px;border:1px solid;display:flex;flex-direction:column;gap:8px}
@media (max-width:820px){
  .coKpi{grid-template-columns:1fr}.coK+.coK{border-left:0;border-top:1px solid var(--line)}
  .coT{min-width:0}.coHd{display:none}
  .coR,.coR.coAdm{grid-template-columns:1fr 1fr;gap:12px 14px;padding:14px 16px}
  .coC::before{content:attr(data-l);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}
  .coS{white-space:normal}.coC[data-l='']::before{display:none}.coLg{grid-column:1/-1}.coAc{grid-column:1/-1}.coBt{flex-direction:row;flex-wrap:wrap}
}
.opc-big{outline:2px solid var(--gold);outline-offset:2px;box-shadow:0 0 0 7px color-mix(in srgb,var(--gold) 20%,transparent),0 0 26px 2px color-mix(in srgb,var(--gold) 38%,transparent),0 14px 28px -16px var(--gold)}
.opc-hr{border:2px solid var(--good);background:linear-gradient(160deg,color-mix(in srgb,var(--good) 20%,var(--surf)) 0%,color-mix(in srgb,var(--good) 6%,var(--surf)) 70%);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 14%,transparent),0 14px 28px -18px var(--good)}
.opc-os{border:2px solid var(--os);background:linear-gradient(160deg,color-mix(in srgb,var(--os) 20%,var(--surf)) 0%,color-mix(in srgb,var(--os) 6%,var(--surf)) 70%);box-shadow:0 0 0 4px color-mix(in srgb,var(--os) 14%,transparent),0 14px 28px -18px var(--os)}
.opc-near{outline:3px solid var(--bad);outline-offset:2px;box-shadow:0 0 0 8px color-mix(in srgb,var(--bad) 24%,transparent),0 0 30px 4px color-mix(in srgb,var(--bad) 50%,transparent);animation:opcnear 1.8s ease-in-out infinite}
@keyframes opcnear{50%{box-shadow:0 0 0 12px color-mix(in srgb,var(--bad) 14%,transparent),0 0 40px 8px color-mix(in srgb,var(--bad) 65%,transparent)}}
@media (prefers-reduced-motion:reduce){.opc-near{animation:none}}
.opc-hi{outline:2px solid var(--c-violet);outline-offset:2px;box-shadow:0 0 0 6px color-mix(in srgb,var(--c-violet) 16%,transparent),0 14px 28px -18px var(--c-violet)}
.opc-sl{display:flex;align-items:center;gap:8px;margin:8px 0 4px;flex-wrap:wrap}
.opc-sll{font-size:12px;color:var(--mute);margin-right:2px}
.opc-slb{width:40px;height:40px}
.opc-be{min-width:48px;height:40px;padding:0 12px;font-weight:800}
.opc-sln{font-size:12px;color:var(--warn);font-weight:700}
.opc-ttr{margin-top:8px}
.opc-tt{min-height:36px;font-size:13px}

.askpop{position:absolute;z-index:80;max-width:calc(100vw - 16px)}
.askpop .bar{margin:0;box-shadow:0 18px 44px -12px rgba(0,0,0,.5);animation:askin .12s ease-out}
.askpop .bar>div{flex:1 1 100% !important}
@keyframes askin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.askpop .bar{animation:none}}
.wlpre{display:flex;flex-direction:column;gap:8px}.wlpre:empty{display:none}.wlpre>*{margin:0 !important}
/* tema scuro «pozzi scuri»: sfondo pagina più chiaro, riquadri più scuri e incassati */
:root.dk{--bg:#222E3D;--surf:#0E151E;--surf2:#18222F;--line:#33445A;--accbg:color-mix(in srgb,var(--accent) 24%,#0E151E);--shadow:inset 0 2px 8px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.07)}
.dk .side{background:#080D13;border-right-color:#1A2431}
.dk .gh{background:#18222F}
.dk .inp{background:#080D13}
:root.dk body{background-image:none!important}
.dk .card{background-image:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 55%)}
.wlframe{display:flex;flex-direction:column;gap:14px;padding:14px;border-radius:22px;border:2px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--bg));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}
.wlhead{display:flex;align-items:center;gap:14px}.wlhead h2{margin:0;font-size:19px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.wlline{flex:1;height:2px;border-radius:2px;background:color-mix(in srgb,var(--accent) 45%,transparent)}
.wlsub{margin:0;text-align:center;font-size:15px;font-weight:800}
.wlend{text-align:center;font-size:12px;font-weight:700;color:var(--mute);letter-spacing:.04em}
@media(max-width:600px){.wlhead{flex-wrap:wrap;justify-content:center}.wlhead .wlline{display:none}}
/* stop trascinabile */
.opc-barw{margin:0;padding:0}
.opc-drag{padding:9px 0 2px;margin:-5px 0 0;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none;border-radius:8px}
.opc-drag:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.opc-drag .opc-stop::after{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--c-rose);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-rose) 25%,transparent)}
.opc-bar.has-gh .opc-stop{opacity:.4}
.opc-gh{width:3px;margin-left:-1.5px;border-radius:2px;background:var(--c-rose);top:-6px!important;bottom:-6px!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--c-rose) 35%,transparent)}
.opc-gh::after{content:"";position:absolute;left:50%;top:-4px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--c-rose);border:2px solid var(--surf)}
.opc-slh{font-size:11.5px;color:var(--mute)}
.opc-slpv{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 2px;padding:9px 11px;border-radius:10px;font-size:12.5px;background:var(--warnbg);border:1px solid color-mix(in srgb,var(--c-rose) 45%,var(--line))}
.opc-slpv[hidden]{display:none}

/* stanghetta rossa: passando il cursore sopra dice quanti dollari blocca lo stop */
.opc-stop:hover::before{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);white-space:nowrap;z-index:6;padding:5px 9px;border-radius:8px;font-size:12px;font-weight:600;color:var(--fg);background:var(--surf2);border:1px solid var(--line);box-shadow:0 4px 14px rgba(0,0,0,.35);pointer-events:none}
.opc-stop{cursor:default}
.opc-drag .opc-stop{cursor:ew-resize}

/* cursore sui grafici: valore del punto sotto il cursore */
.hvtip{position:fixed;z-index:60;display:none;pointer-events:none;white-space:pre-line;max-width:260px;padding:7px 10px;border-radius:8px;font-size:12px;line-height:1.35;font-weight:600;color:var(--fg);background:var(--surf2);border:1px solid var(--line);box-shadow:0 4px 14px rgba(0,0,0,.4)}
.hvl{stroke:var(--mute);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;pointer-events:none;visibility:hidden}
svg[data-hv]{cursor:crosshair}
[data-hvt]{cursor:default}

/* righe dei conti fuori dallo schermo non vengono impaginate finche' non servono: il ridisegno con 350 conti costa meno della meta' */
.accrow{content-visibility:auto;contain-intrinsic-size:auto 64px}

/* riquadro saldo: grafico M5 di sfondo (candele sfuocate) con il prezzo corrente */
.hero{position:relative;overflow:hidden}
.hero>*{position:relative;z-index:1}
.hero>.hcv{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;filter:blur(1.4px);opacity:.85;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 100%);transition:opacity .6s}
.hero>.hpx{position:absolute;left:0;top:0;transform:translateY(-50%);z-index:2;pointer-events:none;font:700 12px/1 "JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;letter-spacing:.02em;padding:5px 10px;border-radius:999px;color:#DDFBFF;background:rgba(3,16,22,.78);border:1px solid rgba(34,227,242,.6);box-shadow:0 0 14px -4px #22E3F2;white-space:nowrap}

/* ===== stile «ghiaccio» (solo tema scuro) ===== */
/* D — Ciano glaciale + lime (radar) */
:root.dk{--bg:#03090C;--surf:#0A151A;--surf2:#102128;--line:#1D3B46;--ink:#E3F3F6;--mute:#84A8B3;--accent:#17D9E8;--acct:#7FEAF2;
 --c-blue:#4DA6FF;--c-cyan:#17D9E8;--c-teal:#23E3B4;--c-green:#B4F03A;--c-amber:#F4B63A;--c-magenta:#FF8A70;--c-violet:#52C7FF;--os:#C78BFF;--c-indigo:#5E9BFF;--c-rose:#FF7468;
 --shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 38px -22px #000}
:root.dk body{background:#03090C radial-gradient(1000px 460px at 90% -180px,rgba(23,217,232,.15),transparent) no-repeat,radial-gradient(700px 380px at -10% 105%,rgba(180,240,58,.06),transparent) no-repeat}
.dk .side{background:linear-gradient(180deg,#061116,#03090C)}
.dk .hero{background:repeating-radial-gradient(circle at 88% 50%,transparent 0 34px,rgba(23,217,232,.10) 35px 36px),radial-gradient(70% 140% at 88% 50%,rgba(23,217,232,.20),transparent 62%),linear-gradient(135deg,#04141A,#071F27);box-shadow:0 0 44px -18px rgba(23,217,232,.6);overflow:hidden}
.dk .hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#B4F03A,#17D9E8 55%,transparent);box-shadow:0 0 16px #17D9E8;pointer-events:none}
.dk .hbig{color:#fff;text-shadow:0 0 26px rgba(23,217,232,.75)}
.dk .hl,.dk .hsub{color:#7FB5C0}
.dk .hgrid{background:transparent;gap:8px;border-radius:0;overflow:visible}
.dk .hs{border:1.5px solid rgba(23,217,232,.38);border-radius:12px;background:rgba(3,14,18,.78);box-shadow:inset 0 -3px 0 rgba(23,217,232,.35),0 0 18px -10px #17D9E8}
.dk .hv{text-shadow:0 0 14px currentColor}
.dk .card,.dk .band,.dk .strip,.dk .stcard,.dk .fcard,.dk .selp,.dk .scard{border:1.5px solid color-mix(in srgb,var(--sec,var(--accent)) 60%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--sec,var(--accent)) 7%,var(--surf2)),var(--surf) 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(0,0,0,.65),0 0 24px -12px color-mix(in srgb,var(--sec,var(--accent)) 90%,transparent),0 26px 36px -24px #000}
.dk .card{border-top:2px solid var(--sec,var(--accent))}
.dk .side{border-right:1.5px solid var(--line);box-shadow:10px 0 30px -18px #000}
.dk .navb.on{box-shadow:inset 4px 0 0 var(--sec),0 0 18px -8px var(--sec),inset 0 0 0 1px color-mix(in srgb,var(--sec) 45%,transparent)}
.dk .btn{border:1.5px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:linear-gradient(180deg,var(--surf2),var(--surf));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 0 rgba(0,0,0,.5)}
.dk .btn:hover{border-color:var(--accent);box-shadow:0 0 14px -4px var(--accent),0 3px 0 rgba(0,0,0,.5)}
.dk .btn.pri{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 100%,#fff 12%),color-mix(in srgb,var(--accent) 78%,#000));color:#03100A;border-color:color-mix(in srgb,var(--accent) 70%,#fff);box-shadow:0 0 20px -6px var(--accent),inset 0 1px 0 rgba(255,255,255,.4),0 3px 0 rgba(0,0,0,.5)}
.dk .inp{background:color-mix(in srgb,var(--bg) 85%,#000);border:1.5px solid var(--line);box-shadow:inset 0 2px 6px rgba(0,0,0,.6)}
.dk .hero{position:relative;border:1.5px solid color-mix(in srgb,var(--accent) 55%,transparent)}
/* D — card operazioni in corso */
.dk .opc{border:1.5px solid color-mix(in srgb,var(--side) 65%,var(--line));background:linear-gradient(165deg,color-mix(in srgb,var(--side) 9%,#0E1D24),#071217 68%);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(0,0,0,.6),0 0 22px -10px color-mix(in srgb,var(--side) 85%,transparent),0 18px 26px -20px #000}
.dk .opc::before{height:3px;left:22px;right:22px;border-radius:0 0 4px 4px;background:var(--side);box-shadow:0 0 14px var(--side)}
.dk .opc-side{color:#04141A;box-shadow:0 0 14px -2px var(--side)}
.dk .opc-pnl{border:1px solid color-mix(in srgb,currentColor 45%,transparent);text-shadow:0 0 12px currentColor}
.dk .opc-bar{background:#06101A;box-shadow:inset 0 1px 4px rgba(0,0,0,.7),0 0 0 1px #1D3B46}
.dk .opc-now{box-shadow:0 0 12px 2px currentColor,0 0 0 3px #071217}
.dk .opc-who b{text-shadow:0 0 12px color-mix(in srgb,var(--side) 60%,transparent)}
.dk .hero .hgrid .hs:first-child .hv{color:#4FE3F5!important}
/* D medio: via di mezzo tra D e D vivace */
:root.dk{--line:#24505F;--accent:#19DDEC}
.dk .card,.dk .band,.dk .strip,.dk .stcard,.dk .fcard,.dk .selp,.dk .scard{border:1.5px solid color-mix(in srgb,var(--sec,var(--accent)) 72%,var(--line));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1px rgba(0,0,0,.6),0 0 26px -10px color-mix(in srgb,var(--sec,var(--accent)) 90%,transparent),0 26px 36px -24px #000}
.dk .card{border-top:2.5px solid var(--sec,var(--accent))}
.dk .hero{border:1.5px solid rgba(25,221,236,.8);box-shadow:0 0 0 1px #000,0 0 38px -8px rgba(25,221,236,.6),inset 0 0 44px -30px #19DDEC}
.dk .hs{border:1.5px solid rgba(25,221,236,.48);box-shadow:inset 0 -3px 0 rgba(25,221,236,.7),0 0 18px -8px #19DDEC}
.dk .opc{border:1.5px solid color-mix(in srgb,var(--side) 78%,transparent);box-shadow:inset 0 0 14px -10px var(--side),0 0 0 1px #000,0 0 24px -9px var(--side),0 18px 26px -20px #000}
.dk .navb.on{box-shadow:inset 4px 0 0 var(--sec),0 0 20px -7px var(--sec),inset 0 0 0 1px color-mix(in srgb,var(--sec) 60%,transparent)}
.dk .side{border-right:1.5px solid #1F4D5B;box-shadow:10px 0 32px -18px rgba(25,221,236,.35)}

/* ===== variante «Notte»: piu scuro, ghiaccio nei bordi e nelle luci ===== */
/* Notte: ancora piu scuro, ghiaccio solo nei bordi e nelle luci */
:root.dk{--bg:#010305;--surf:#04090D;--surf2:#08121A;--line:#1B4250;--ink:#E1EEF2;--mute:#7E9DA8}
:root.dk body{background:#010305 radial-gradient(1000px 460px at 90% -200px,rgba(25,221,236,.10),transparent) no-repeat}
.dk .side{background:linear-gradient(180deg,#02070A,#010305)}
.dk .card,.dk .band,.dk .strip,.dk .stcard,.dk .fcard,.dk .selp,.dk .scard{background:linear-gradient(180deg,color-mix(in srgb,var(--sec,var(--accent)) 5%,#07121A),#03080C 72%)}
.dk .hero{background:repeating-radial-gradient(circle at 88% 50%,transparent 0 34px,rgba(25,221,236,.08) 35px 36px),radial-gradient(70% 140% at 88% 50%,rgba(25,221,236,.12),transparent 62%),linear-gradient(135deg,#01080B,#03121A)}
.dk .hs{background:rgba(1,6,9,.85)}
.dk .opc{background:linear-gradient(165deg,color-mix(in srgb,var(--side) 7%,#07121A),#02070A 68%)}
.dk .inp{background:#010305}

/* ===== numeri e testi colorati meno accesi (il riquadro del saldo con le candele resta illuminato) ===== */
.dk [style*="color:var(--c-cyan)"]{color:#62B9C4!important}
.dk [style*="color:var(--c-teal)"]{color:#60B9A3!important}
.dk [style*="color:var(--c-green)"]{color:#9DBA6E!important}
.dk [style*="color:var(--c-amber)"]{color:#CDA65B!important}
.dk [style*="color:var(--c-blue)"]{color:#76A2D6!important}
.dk [style*="color:var(--c-magenta)"]{color:#D18B77!important}
.dk [style*="color:var(--c-violet)"]{color:#78AECB!important}
.dk [style*="color:var(--c-indigo)"]{color:#7C98CF!important}
.dk [style*="color:var(--c-rose)"]{color:#CF7F77!important}
.dk [style*="color:var(--good)"]{color:#66AB88!important}
.dk [style*="color:var(--bad)"]{color:#CF8C85!important}
.dk [style*="color:var(--warn)"]{color:#C8A85E!important}
.dk [style*="color:var(--acct)"]{color:#85C4CC!important}
.dk .opc-pnl{text-shadow:none}

/* ===== pulsanti e selezioni meno illuminati (i contorni restano come sono) ===== */
.dk .btn.pri,.dk .cbtn{background:linear-gradient(180deg,#22808E,#1A6A77);border-color:#3A9AA8;color:#EAF5F7;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 3px 0 rgba(0,0,0,.5)}
.dk .btn.pri:hover,.dk .cbtn:hover{filter:none;background:linear-gradient(180deg,#27909F,#1E7886);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 10px -5px #3A9AA8,0 3px 0 rgba(0,0,0,.5)}
.dk .pill.on,.dk .opt.on,.dk .acctool .pill.on{background:#1D6F7C;border-color:#3A9AA8;color:#EAF5F7;box-shadow:none}
.dk .chk.on,.dk .sw.on{background:#1D6F7C;border-color:#3A9AA8}
.dk .btn:hover{box-shadow:0 0 8px -5px var(--accent),0 3px 0 rgba(0,0,0,.5)}
.dk .btn.on{background:#10323A;border-color:#3A9AA8;color:#A9D8DF}
/* Chat (stile inserito dallo script: serve piu' forza) e barre di avanzamento meno accese */
.dk #chatBox .cbtn{background:linear-gradient(180deg,#22808E,#1A6A77);color:#EAF5F7;border:1.5px solid #3A9AA8;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 26px -8px rgba(0,0,0,.6)}
.dk [style*="background:var(--good)"]{background:#4C8F73!important}
.dk [style*="background:var(--c-green)"]{background:#7F9E5C!important}
.dk [style*="background:var(--c-blue)"]{background:#5A86B8!important}
.dk [style*="background:var(--c-teal)"]{background:#4A9D8A!important}
.dk [style*="background:var(--c-cyan)"]{background:#4C9AA6!important}
.dk [style*="background:var(--c-amber)"]{background:#B08B4A!important}
.dk [style*="background:var(--bad)"]{background:#B06E68!important}
.dk [style*="background:var(--warn)"]{background:#A98F4C!important}

/* grafico di sfondo piu' nitido (non passa piu' sopra altri dati) */
.hero>.hcv{filter:none;opacity:.95}

/* ===== Notte: pulsanti rossi (Chiudi tutte ecc.) leggibili ===== */
.dk .btn.dng{background:linear-gradient(180deg,#9A3F3B,#7A2E2C);border-color:#D0675F;color:#FFEDEB;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 3px 0 rgba(0,0,0,.5)}
.dk .btn.dng:hover{background:linear-gradient(180deg,#A8453F,#85322F);border-color:#E0766E;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 10px -5px #E0766E,0 3px 0 rgba(0,0,0,.5)}
.dk .btn.dng[disabled]{background:linear-gradient(180deg,#3A2524,#2E1E1D);border-color:#5E3A38;color:#B58C89;box-shadow:0 3px 0 rgba(0,0,0,.5)}

/* ---- telefono (iPhone): menu compatto, tabella a schede, filtri a griglia ---- */
.menub,.menunow{display:none}
@media (max-width:820px){
  .side{position:sticky;top:0;z-index:30;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:8px 10px!important;padding:max(8px,env(safe-area-inset-top,0px)) 14px 8px!important;box-shadow:0 6px 18px -12px rgba(0,0,0,.45)}
  .sidehd{flex:1 1 0;min-width:0}
  .sidehd>div:last-child>div:nth-child(2),.sidehd #panelBuild{display:none}
  .side:not(.mopen) .sidehd>div:first-child{width:30px!important;height:30px!important}
  .menunow{display:none!important;flex:1 1 0;min-width:0;font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
  .menub{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border-radius:999px;font-weight:700}
  .side .nav,.side .sidest,.side .sideacc{display:none!important}
  .side.mopen .nav{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;flex:1 1 100%;max-height:calc(100dvh - 70px);overflow-y:auto;padding-bottom:6px}
  .side.mopen .sidest{display:flex!important;flex:1 1 100%}
  .side.mopen .sideacc{display:flex!important;flex:1 1 100%}
  .side.mopen .sidehd #panelBuild{display:block}
  .side.mopen .navb{min-height:46px}
  .main>header{gap:8px!important}
  .main>header h1{font-size:21px!important}
  .main>header .pic{display:none}
  /* tabella dell'anzianita: una scheda per conto, eta' e saldo vicini */
  #anzCard .anT{min-width:0!important}
  #anzCard .anT .gh{display:none}
  #anzCard .anr{grid-template-columns:1fr 1fr!important;gap:10px 14px;padding:14px 16px}
  #anzCard .anr>[role=cell]::before{content:attr(data-l);display:block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mute);margin-bottom:2px;font-style:normal}
  #anzCard .anr .c-login{order:1}#anzCard .anr .c-conto{order:2}
  #anzCard .anr .c-eta{order:3;font-size:20px}#anzCard .anr .c-bal{order:4;font-size:20px}
  #anzCard .anr .c-start{order:5}#anzCard .anr .c-diff{order:6}
  #anzCard .anr .c-stato{order:7}#anzCard .anr .c-ops{order:8}#anzCard .anr .c-strat{order:9;grid-column:1/-1}
  #anzCard .anF{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important}
  #anzCard .anF>.coF{flex:none!important;min-width:0}
  #anzCard .anF>.anFull{grid-column:1/-1}
  #anzCard .anF .anSp{display:none}
  #anzCard .anF>.btn{width:100%}
  #anzCard svg[role=img]{margin:0 auto}
}
@media (max-width:820px){.bnav{position:static;margin:0}}

/* ---- Linee ---- */
.nv-linee,.sec-linee{--sec:var(--c-teal)}.nv-cbook,.sec-cbook{--sec:var(--c-amber)}
.lnl{display:flex;flex-direction:column;gap:10px;max-height:760px;overflow-y:auto;padding:4px 4px 4px 0;scrollbar-width:thin}
.lnl.compact{gap:8px}
.lnl>.opc,.lnl>.opr{flex:0 0 auto}
.opr{--side:var(--c-blue);position:relative;display:flex;flex-direction:column;gap:8px;padding:12px 12px 10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--side) 22%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--side) 9%,var(--surf)) 0%,var(--surf) 62%);min-width:0}
.opr::before{content:"";position:absolute;left:12px;right:12px;top:0;height:3px;border-radius:0 0 4px 4px;background:var(--side)}
.opr-h{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.opr-h b{font-size:15px;font-weight:800}
.opr-side{font-size:11px;font-weight:800;letter-spacing:.06em;padding:2px 8px;border-radius:999px;color:var(--surf);background:var(--side)}
.opr-pnl{margin-left:auto;font-size:14px;font-weight:800;padding:3px 10px;border-radius:999px}
.opr-bar{position:relative;height:6px;border-radius:999px;background:color-mix(in srgb,var(--mute) 16%,var(--surf))}
.opr-bar>i{position:absolute;top:0;bottom:0;display:block}
.opr-zero{width:2px;margin-left:-1px;background:var(--mute);opacity:.7;top:-2px!important;bottom:-2px!important}
.opr-now{width:12px;height:12px;margin-left:-6px;border-radius:50%;border:2px solid var(--surf);top:-3px!important;bottom:auto!important}
.dk .opr{border:1.5px solid color-mix(in srgb,var(--side) 78%,transparent);background:linear-gradient(165deg,color-mix(in srgb,var(--side) 7%,#07121A),#02070A 68%);box-shadow:inset 0 0 14px -10px var(--side),0 0 0 1px #000,0 0 18px -9px var(--side)}
.dk .opr::before{left:22px;right:22px;box-shadow:0 0 14px var(--side)}
.dk .opr-side{color:#04141A;box-shadow:0 0 14px -2px var(--side)}
.dk .opr-pnl{border:1px solid color-mix(in srgb,currentColor 45%,transparent)}
.dk .opr-bar{background:#06101A;box-shadow:inset 0 1px 4px rgba(0,0,0,.7),0 0 0 1px #1D3B46}

/* trade aperti oneshot (viola) e High risk (verde): nel tema scuro vincono sul colore BUY/SELL, cosi' si riconoscono subito */
.dk .opc.opc-os{--side:var(--os);border:2px solid var(--os);background:linear-gradient(165deg,color-mix(in srgb,var(--os) 26%,#0A0714),color-mix(in srgb,var(--os) 8%,#05060C) 72%);box-shadow:inset 0 0 18px -8px var(--os),0 0 0 1px #000,0 0 28px -6px var(--os),0 18px 26px -20px #000}
.dk .opc.opc-hr{--side:var(--good);border:2px solid var(--good);background:linear-gradient(165deg,color-mix(in srgb,var(--good) 24%,#06100A),color-mix(in srgb,var(--good) 7%,#04080A) 72%);box-shadow:inset 0 0 18px -8px var(--good),0 0 0 1px #000,0 0 28px -6px var(--good),0 18px 26px -20px #000}
.dk .opc.opc-os::before{background:var(--os);box-shadow:0 0 14px var(--os)}
.dk .opc.opc-hr::before{background:var(--good);box-shadow:0 0 14px var(--good)}

/* C-Book: mosaico di tessere piccole (un trade o un conto per tessera), puntini dei trade e barre dei giorni */
.cbmg{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.cbm{--c:var(--mute);--k:10%;--side:var(--line);display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);border-left:3px solid var(--side);background:color-mix(in srgb,var(--c) var(--k),var(--surf));min-width:0}
.cbm b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbm-v{font-size:15px;font-weight:600}.cbm-s{font-size:11px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cbm-n{outline:2px solid var(--accent);outline-offset:-2px}.cbm-e{border-style:dashed;opacity:.7}
.cbdw{display:flex;flex-wrap:wrap;gap:3px}.cbd{display:block;width:11px;height:11px;border-radius:3px}.cbd.w{background:var(--good)}.cbd.l{background:var(--bad)}
.cbbw{display:flex;gap:6px;align-items:flex-end;overflow-x:auto;padding-bottom:4px}.cbb{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:42px;justify-content:flex-end}
.cbb-bar{width:26px;border-radius:5px 5px 2px 2px}.cbb-v{font-size:11px}.cbb-d{font-size:11px;color:var(--mute)}.cbb-w{font-size:10.5px;color:var(--mute);min-height:13px}
.cbl{display:grid;grid-template-columns:130px 70px 1fr 56px 90px;gap:8px;align-items:center;padding:5px 0;border-top:1px solid var(--line)}
@media (max-width:640px){.cbmg{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.cbl{grid-template-columns:1fr 1fr 1fr}}

/* Big Brother: analisi di fondo a schede */
.bbtop{display:flex;flex-direction:column;gap:12px}.bbtop-r{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between;align-items:flex-start}
.bbtabs{display:flex;gap:4px;overflow-x:auto;padding:4px;border-radius:14px;background:var(--surf2);scrollbar-width:none}.bbtabs::-webkit-scrollbar{display:none}
.bbtab{flex:1 0 auto;border:0;background:transparent;color:var(--mute);font:inherit;font-weight:650;padding:9px 14px;border-radius:10px;min-height:40px;white-space:nowrap;cursor:pointer}
.bbtab:hover{color:var(--ink)}.bbtab.on{background:var(--surf);color:var(--ink);box-shadow:0 1px 0 var(--line),0 0 0 1px var(--line)}.bbtab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bbsec{display:flex;flex-direction:column;gap:12px}.bbhd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px}
.bbsub{font-size:13px;line-height:1.5;color:var(--mute);max-width:820px}.bbtx{font-size:13.5px;line-height:1.5;margin-top:3px}
.bbstack{display:flex;flex-direction:column;gap:10px}.bbband{padding:11px 13px;border-radius:10px;border-left:4px solid var(--line)}
.bbchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bbhero{display:flex;flex-direction:column;gap:16px}.bbhero-top{display:flex;flex-wrap:wrap;gap:18px 32px;align-items:flex-end;justify-content:space-between}
.bbbig{font-size:clamp(36px,7vw,56px);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin:4px 0}
.bbkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px 22px;flex:1 1 min(100%,360px);min-width:0;max-width:640px}
.bbkgrid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px}
.bbk{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:12px;background:var(--surf2);min-width:0}.bbhero .bbk{background:transparent;padding:0}
.bbkv{font-size:22px;font-weight:500;letter-spacing:-.01em}.bbks{font-size:12px;color:var(--mute);line-height:1.4}
.bbleg{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--mute);margin-top:6px}.bbleg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.bbprio{margin:0;padding:0 0 0 22px;display:flex;flex-direction:column;gap:12px}.bbprio li::marker{font-weight:700;color:var(--accent)}
.bbdims{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px 28px}
.bbshare{display:flex;flex-direction:column;gap:3px;padding:8px 0;border-top:1px solid var(--line)}.bbshare-h{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}.bbshare-f{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:var(--mute)}
.bbbar{height:6px;border-radius:3px;background:var(--surf2);overflow:hidden}.bbbar>div{height:100%;border-radius:3px}
.bbheat{border-collapse:separate;border-spacing:3px;width:100%;min-width:420px;font-size:12.5px}.bbheat th{font-weight:600;color:var(--mute);padding:4px 6px;font-size:11.5px;white-space:nowrap}.bbheat td{text-align:center;padding:9px 4px;border-radius:6px;min-width:44px}
.bbday{padding:11px 13px;border-radius:10px;background:var(--surf2)}.bbday-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}
.bbscg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:14px}
.bbsc{display:flex;flex-direction:column;gap:9px;padding:14px;border-radius:12px;background:var(--surf2);min-width:0}.bbsc-h{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.bbscv{font-size:22px;font-weight:500;white-space:nowrap}
.bbfacts{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;font-size:13px}.bbfacts>div{display:flex;flex-direction:column;gap:1px;min-width:0}.bbfacts span{font-size:11.5px;color:var(--mute)}
.bbverd{padding:9px 11px;border-radius:9px;border-left:4px solid var(--line);font-size:13px;line-height:1.45}
.bbcmp{display:flex;flex-direction:column;gap:12px}.bbcmp-r{display:grid;grid-template-columns:minmax(120px,200px) 1fr 1fr;gap:10px;align-items:center;font-size:13px}.bbcmp-b{display:flex;align-items:center;gap:8px}.bbcmp-b .bbbar{flex:1}
.bbtbl{width:100%;border-collapse:collapse;min-width:440px;font-size:13px}.bbtbl th{text-align:left;color:var(--mute);font-weight:600;font-size:12px;padding:6px 8px}.bbtbl td{padding:7px 8px;border-top:1px solid var(--line);white-space:nowrap}
.bbtbl td.num,.bbtbl th:not(:first-child){text-align:right}
.bbcf{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;font-size:13px;padding:3px 0;border-top:1px solid var(--line)}.bbcf-h{border-top:0;color:var(--mute);font-size:12px}.bbcf b:not(:first-child){text-align:right}.bbcf span{color:var(--mute)}
@media (max-width:560px){.bbcmp-r{grid-template-columns:1fr}.bbfacts{grid-template-columns:1fr 1fr}}
/* ---- Big Brother: Cruscotto */
.bba{display:flex;flex-direction:column;gap:14px;min-width:0}
.bba-head{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between;align-items:flex-end}
.bba-title{margin:0;font-size:24px;font-weight:700;letter-spacing:-.01em}
.bba-sub{font-size:13px;line-height:1.5;color:var(--mute);margin:4px 0 0;max-width:78ch}
.bba-pills{display:flex;flex-wrap:wrap;gap:6px}
.bba-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border:1px solid var(--line);border-radius:12px;background:var(--surf);overflow:hidden}
.bba-k{padding:12px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 -1px -1px 0;min-width:0}
.bba-kl{font-size:12px;color:var(--mute)}
.bba-kv{font-size:22px;font-weight:700;margin-top:3px;letter-spacing:-.01em}
.bba-ks{font-size:12px;color:var(--mute);margin-top:2px;line-height:1.4}
.bba-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;align-items:start}
.bba-main{display:flex;flex-direction:column;gap:30px;min-width:0}
.bba-rail{position:sticky;top:70px;display:flex;flex-direction:column;gap:2px}
.bba-rb{border:0;background:transparent;color:var(--mute);font:inherit;font-weight:600;text-align:left;padding:8px 10px;border-radius:8px;border-left:3px solid transparent;cursor:pointer;min-height:38px}
.bba-rb.on{color:var(--ink);background:var(--surf2);border-left-color:var(--accent)}
.bba-rb:hover{color:var(--ink)}
.bba-rn{font-size:12px;color:var(--mute);line-height:1.5;margin-top:12px;padding:0 10px}
.bba-sec{display:flex;flex-direction:column;gap:16px;min-width:0;scroll-margin-top:70px}
.bba-h2{margin:0;font-size:19px;font-weight:700;letter-spacing:-.005em}
.bba-h3{margin:0;font-size:16px;font-weight:700}
.bba-dh{font-size:13.5px;font-weight:650;margin-bottom:8px}
.bba-dh span{font-weight:400;color:var(--mute);font-size:12px;margin-left:6px}
.bba-two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start}
.bba-l,.bba-r{min-width:0}
.bba-plot{width:100%;height:auto;display:block;border-radius:10px;background:var(--surf);border:1px solid var(--line)}
.bba-f{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;padding:11px 0;border-top:1px solid var(--line)}
.bba-fn{width:24px;height:24px;border-radius:50%;background:var(--surf2);color:var(--mute);display:grid;place-items:center;font-size:12px;font-weight:700}
.bba-ft{font-weight:650;font-size:14.5px}
.bba-fe{font-size:13.5px;line-height:1.55;margin-top:3px;overflow-wrap:anywhere}
.bba-fc{font-size:12.5px;line-height:1.5;color:var(--mute);margin-top:4px}
.bba-fc span{font-weight:700;color:var(--warn)}
.bba-pr{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--surf2)}
.bba-pr ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}
.bba-ai{border:1px solid var(--line);border-radius:12px;background:var(--surf);padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.bba-aih{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between;align-items:flex-start}
.bba-aia{display:flex;flex-wrap:wrap;gap:8px}
.bba-aitx{white-space:pre-wrap;line-height:1.6;font-size:14px;padding:12px 14px;border-radius:10px;background:var(--surf2);overflow-wrap:anywhere;margin-top:6px}
.bba-hist{font-size:13px}
.bba-hist>summary{cursor:pointer;color:var(--mute);font-weight:600;padding:4px 0}
.bba-hist details{margin-top:6px}
.bba-hist details>summary{cursor:pointer;padding:6px 0;border-top:1px solid var(--line)}
.bba-stack{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.bba-note{padding:10px 12px;border-radius:10px;border-left:4px solid var(--line)}
.bba-dims{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.bba-dim{min-width:0}
.bba-dr{padding:8px 0;border-top:1px solid var(--line)}
.bba-drh{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;font-weight:600}
.bba-drf{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:var(--mute);margin-top:3px}
.bba-bar{height:6px;border-radius:3px;background:var(--surf2);overflow:hidden;margin-top:4px}
.bba-bar>i{display:block;height:100%;border-radius:3px}
.bba-scroll{overflow-x:auto;max-width:100%}
.bba-heat{display:grid;gap:3px;min-width:480px;font-size:12.5px}
.bba-hc{color:var(--mute);text-align:center;padding:4px 2px;font-size:12px}
.bba-hr{display:flex;align-items:center;font-weight:600}
.bba-hv{text-align:center;padding:9px 4px;border-radius:6px}
.bba-wd{padding:10px 0;border-top:1px solid var(--line)}
.bba-wdh{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;justify-content:space-between}
.bba-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bba-tbl{border:1px solid var(--line);border-radius:12px;background:var(--surf)}
.bba-sr{display:grid;grid-template-columns:minmax(220px,2.2fr) 54px minmax(150px,1.5fr) 110px 78px 78px 110px;gap:12px;align-items:center;padding:11px 14px;border-top:1px solid var(--line);font-size:13px}
.bba-sh{border-top:0;color:var(--mute);font-size:12px;font-weight:600;background:var(--surf2)}
.bba-sr .r,.bba-wr .r,.bba-cf .r{text-align:right}
.bba-eff{display:flex;align-items:center;gap:8px}
.bba-pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap}
.bba-wr{display:grid;grid-template-columns:minmax(120px,1.3fr) 56px 64px 84px minmax(120px,1.6fr) 100px 100px;gap:12px;align-items:center;padding:10px 14px;border-top:1px solid var(--line);font-size:13px}
.bba-cf{display:grid;grid-template-columns:minmax(150px,1.5fr) repeat(5,1fr);gap:12px;align-items:center;padding:9px 14px;border-top:1px solid var(--line);font-size:13px}
.bba-mid{position:relative;height:10px;background:var(--surf2);border-radius:5px}
.bba-mid i{position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--line)}
.bba-mid b{position:absolute;top:1px;bottom:1px;border-radius:3px}
.bba-rr{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:13.5px}
.bba-cmp{display:flex;flex-direction:column;gap:8px}
.bba-cr{display:grid;grid-template-columns:minmax(150px,1.3fr) 1fr 1fr;gap:12px;align-items:center;font-size:13px}
.bba-cb{display:flex;align-items:center;gap:8px}
.bba-t{width:100%;border-collapse:collapse;min-width:420px;font-size:13px}
.bba-t th{text-align:left;color:var(--mute);font-weight:600;font-size:12px;padding:6px 8px}
.bba-t td{padding:7px 8px;border-top:1px solid var(--line)}
@media (max-width:900px){
 .bba-body{grid-template-columns:minmax(0,1fr);gap:12px}
 .bba-rail{position:sticky;top:56px;z-index:5;flex-direction:row;overflow-x:auto;gap:4px;padding:6px;background:var(--bg);border-bottom:1px solid var(--line);scrollbar-width:none}
 .bba-rail::-webkit-scrollbar{display:none}
 .bba-rb{white-space:nowrap;border-left:0;flex:0 0 auto}
 .bba-rn{display:none}
 .bba-two{grid-template-columns:minmax(0,1fr)}
 .bba-cr{grid-template-columns:minmax(0,1fr)}
 .bba-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.bba-wl{grid-template-columns:minmax(240px,2.2fr) 84px minmax(150px,1.5fr) 100px 84px 84px 96px 110px}

/* ---- Panoramica Yuppiex_Q: Plancia */
.nv-quantra{--sec:var(--c-cyan)}
.navb.nv-quantra{font-weight:800}
.dk .navb.nv-quantra{color:#fff;text-shadow:0 0 12px color-mix(in srgb,var(--sec) 80%,transparent)}
.dk .navb.nv-quantra .nic{background:color-mix(in srgb,var(--sec) 30%,transparent);color:#fff;box-shadow:0 0 14px -3px var(--sec),inset 0 0 0 1px color-mix(in srgb,var(--sec) 65%,transparent)}
.dk .navb.nv-quantra.on .nic{background:var(--sec);color:var(--surf)}
.qa-hero{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:30px 28px 24px}
.qa-big{font-size:68px;margin-top:0;overflow-wrap:anywhere}
.qa-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:980px;margin-top:8px}
.qa-curve{width:100%;max-width:980px}
.qa-split{width:100%;max-width:980px;display:flex;flex-direction:column;gap:8px}
.qa-stack{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:2px}
.qa-stack i{display:block;min-width:3px}
.qa-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;font-size:12.5px;color:var(--mute)}
.qa-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.qa-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;background:var(--surf);overflow:hidden}
.qa-kpis .bba-k{border-right:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 -1px -1px 0}
.qa-2{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}
.qa-2b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.qa-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.qa-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.qa-tb{min-width:620px}
.qa-row{display:grid;grid-template-columns:minmax(96px,1.1fr) 40px minmax(130px,1.5fr) 70px 70px 70px 76px 58px;gap:10px;align-items:center;padding:11px 8px;border-top:1px solid var(--line);font-size:13px}
.qa-row .r{text-align:right}
.qa-th{border-top:0;color:var(--mute);font-size:12px;font-weight:600;background:var(--surf2);border-radius:8px}
.qa-tot{background:var(--surf2);border-radius:8px;font-weight:650}
.qa-nm{display:flex;align-items:center;gap:8px}
.qa-nm i{width:10px;height:10px;border-radius:3px;display:inline-block;flex:none}
.qa-row .btn{min-height:34px;padding:5px 12px}
.qa-st{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:13.5px}
.qa-st i{width:9px;height:9px;border-radius:50%;flex:none}
.qa-st em{margin-left:auto;font-style:normal;color:var(--mute);font-size:13px;text-align:right}
.qa-minis{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.qa-mi{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:13px}
.qa-mi span{color:var(--mute)}
@media (max-width:1100px){.qa-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.qa-2,.qa-2b{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){.qa-4{grid-template-columns:minmax(0,1fr)}.qa-big{font-size:40px}.qa-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.qa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.qa-hero{padding:22px 16px}}