/* Layout: barra comandi fissa; per ogni vista una banda KPI con i valori di contorno a sinistra e il risultato principale, in un blocco nero e oro, a destra; sotto, griglia di grafici. Piattaforma report Netrising: un solo artefatto, un cliente per vista. Palette nero, oro, grigi freddi. */
:root{
  --bg:#f6f4ef; --surface:#ffffff; --surface-2:#f0ece4; --ink:#171717; --muted:#677180; --line:#e5e0d6;
  --gold:#bea785; --gold-ink:#8a7451; --gold-soft:#f2ece1;
  --pos:#38761d; --pos-soft:#e5efdf; --neg:#b4472d; --neg-soft:#f7e5df;
  --c1:#a68d63; --c2:#171717; --c3:#8b93a0; --c4:#dcccb0;
  --hero-bg:#171717; --hero-fg:#e8e3d9; --hero-v:#d9c6a0; --hero-line:rgb(255 255 255 / .12);
  --sea:#ece7dd; --land:#fbfaf7; --border:#d6cfc1; --grat:#e2dccf; --bub-bg:#171717; --bub-fg:#e6d3ad;
  --shadow:0 1px 2px rgb(23 23 23 / .05),0 10px 28px rgb(23 23 23 / .05);
  --font:"Outfit",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:14px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#121110; --surface:#1b1a18; --surface-2:#252320; --ink:#f1ede6; --muted:#9aa1ab; --line:#2f2c28;
  --gold:#c9b48f; --gold-ink:#d4c19e; --gold-soft:#2c2720;
  --pos:#8fc274; --pos-soft:#1f2a1b; --neg:#e58a72; --neg-soft:#33201b;
  --c1:#c9b48f; --c2:#ece6da; --c3:#8b93a0; --c4:#6c5f4b;
  --hero-bg:#bea785; --hero-fg:#171717; --hero-v:#171717; --hero-line:rgb(23 23 23 / .18);
  --sea:#161514; --land:#26241f; --border:#3b3731; --grat:#1f1d1a; --bub-bg:#bea785; --bub-fg:#171717;
  --shadow:none; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#121110; --surface:#1b1a18; --surface-2:#252320; --ink:#f1ede6; --muted:#9aa1ab; --line:#2f2c28;
  --gold:#c9b48f; --gold-ink:#d4c19e; --gold-soft:#2c2720;
  --pos:#8fc274; --pos-soft:#1f2a1b; --neg:#e58a72; --neg-soft:#33201b;
  --c1:#c9b48f; --c2:#ece6da; --c3:#8b93a0; --c4:#6c5f4b;
  --hero-bg:#bea785; --hero-fg:#171717; --hero-v:#171717; --hero-line:rgb(23 23 23 / .18);
  --sea:#161514; --land:#26241f; --border:#3b3731; --grat:#1f1d1a; --bub-bg:#bea785; --bub-fg:#171717;
  --shadow:none; color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--top-bg,var(--surface))}
button,input{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
.num{font-variant-numeric:tabular-nums}
.wrap{max-width:1260px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--top-bg,var(--surface));color:var(--top-fg,var(--ink));border-bottom:1px solid var(--top-line,var(--line))}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding-block:12px}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto;min-width:0}
.mark{width:34px;height:34px;border-radius:50%;background:var(--mark-bg,#0b0b0b);color:#f3dfb0;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;margin:0;font-weight:700;font-size:13px;letter-spacing:0;text-indent:0;flex:none;box-shadow:inset 0 0 0 1px rgb(243 223 176 / .35)}
.brand .mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0;padding:0;font-size:13px;line-height:1;letter-spacing:0;text-transform:none;color:#f3dfb0;background:var(--mark-bg,#0b0b0b);box-shadow:inset 0 0 0 1px var(--mark-line,rgb(243 223 176 / .35));font-weight:700;text-indent:0;overflow:hidden}
.brand .mark.logo{width:auto;min-width:42px;height:42px;border-radius:10px;padding:5px}
.brand .mark img{display:block;height:100%;width:auto;max-width:150px;object-fit:contain}
.brand b{display:block;font-weight:600;font-size:18px;letter-spacing:.01em;white-space:nowrap}
.brand span{display:block;font-size:11px;color:var(--top-sub,var(--gold-ink));letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.ctrls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.seg{display:inline-flex;flex-wrap:wrap;background:var(--top-seg,var(--surface-2));border-radius:999px;padding:3px;gap:2px}
.seg button{border:0;background:none;padding:6px 12px;border-radius:999px;font-size:13px;color:var(--top-muted,var(--muted));cursor:pointer;white-space:nowrap}
.seg button[aria-pressed="true"]{background:var(--top-on-bg,var(--ink));color:var(--top-on-fg,var(--surface));font-weight:500}
.custom{display:flex;gap:6px;align-items:center;font-size:13px}
.custom input{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:5px 8px;font-size:13px}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer}
.btn:hover{border-color:var(--gold)}
.btn.primary{background:var(--gold);color:#171717;border-color:transparent}
.btn svg{width:15px;height:15px}
.btn.spin svg{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.fresh{font-size:12px;color:var(--top-muted,var(--muted));white-space:nowrap}
.nav{border-top:1px solid var(--top-line,var(--line))}
.nav .wrap{padding-block:0;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;gap:4px}
.nav a{display:block;padding:12px 14px 11px;color:var(--top-muted,var(--muted));text-decoration:none;font-weight:500;font-size:14px;border-bottom:2px solid transparent;white-space:nowrap}
.nav a[aria-current="page"]{color:var(--top-fg,var(--ink));border-color:var(--top-under,var(--gold))}
.nav a:hover{color:var(--top-fg,var(--ink))}

main{padding-block:26px 56px}
.view{display:grid;gap:18px;animation:in .35s ease both}
@keyframes in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
.vhead{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:8px 16px}
.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 4px}
.vhead h1{font-size:clamp(26px,3.3vw,36px);font-weight:500;letter-spacing:-.015em;margin:0;text-wrap:balance}
.vhead p{margin:4px 0 0;color:var(--muted);max-width:62ch}
.period{font-size:13px;color:var(--muted);text-align:right}
.period b{color:var(--ink);font-weight:500}

/* banda KPI: tessere a sinistra, valore principale a destra */
.band{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,330px);gap:12px;align-items:stretch}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;align-content:start}
@media (max-width:760px){.band{grid-template-columns:1fr}.band .hero{order:-1}}
.tile{background:var(--surface);border-radius:var(--r);padding:15px 16px 13px;display:flex;flex-direction:column;gap:6px;min-width:0;box-shadow:var(--shadow)}
.tile .l{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.tile .v{font-size:26px;font-weight:500;letter-spacing:-.01em;line-height:1.1}
.tile .s{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--muted)}
.hero{background:var(--hero-bg);color:var(--hero-fg);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-width:0;position:relative;overflow:hidden}
.hero .l{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.hero .v{font-size:clamp(46px,5.5vw,66px);font-weight:400;letter-spacing:-.02em;line-height:1;color:var(--hero-v)}
.hero .split{display:grid;gap:6px;font-size:13px}
.hero .split div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--hero-line);padding-top:6px}
.hero .d{background:var(--hero-line);color:var(--hero-fg)}
.d{display:inline-flex;align-items:center;gap:3px;font-weight:600;font-size:12px;padding:2px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.d.good{background:var(--pos-soft);color:var(--pos)}
.d.bad{background:var(--neg-soft);color:var(--neg)}
.sk{color:transparent!important;background:linear-gradient(90deg,var(--surface-2),var(--line),var(--surface-2));background-size:200% 100%;animation:sh 1.2s linear infinite;border-radius:6px}
.hero .sk{background:var(--hero-line)}
@keyframes sh{to{background-position:-200% 0}}

.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.card{background:var(--surface);border-radius:var(--r);padding:18px;box-shadow:var(--shadow);min-width:0;display:flex;flex-direction:column;gap:12px}
.card h2{font-size:15px;font-weight:600;margin:0}
.card .sub{font-size:12px;color:var(--muted);margin-top:-8px}
.ch{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
.s12{grid-column:span 12}.s8{grid-column:span 8}.s7{grid-column:span 7}.s6{grid-column:span 6}.s5{grid-column:span 5}.s4{grid-column:span 4}.s3{grid-column:span 3}
@media (max-width:900px){.s8,.s7,.s6,.s5,.s4,.s3{grid-column:span 12}}
.chart{position:relative;height:280px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--line);background:none;border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer;color:var(--muted)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--surface);border-color:var(--ink)}

.bars{display:grid;gap:8px}
.bar{display:grid;grid-template-columns:minmax(0,10em) minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;border:0;background:none;padding:2px 0;text-align:left;width:100%}
button.bar{cursor:pointer}
.bar .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar .tr{height:9px;background:var(--surface-2);border-radius:999px;overflow:hidden}
.bar .tr i{display:block;height:100%;border-radius:999px;background:var(--c1);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.bar .x{font-variant-numeric:tabular-nums;color:var(--muted);min-width:4.5em;text-align:right}
.bar.on .n{font-weight:600}
.bars.dim button.bar:not(.on){opacity:.45}
.stack{display:flex;height:12px;border-radius:999px;overflow:hidden;background:var(--surface-2)}
.stack i{display:block;height:100%}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:9px;height:9px;border-radius:3px;display:inline-block}

/* cartina satellitare */
.mapcard{padding:0;overflow:hidden;gap:0}
.maphead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px}
.mapsrc{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0 18px 14px;font-size:12px;color:var(--muted)}
.mapbox{position:relative;background:var(--sea);aspect-ratio:10/7;max-width:100%;touch-action:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mapbox svg{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}
.mapbox svg:active{cursor:grabbing}
.zoomui{position:absolute;right:12px;top:12px;display:grid;gap:6px;z-index:2}
.zoomui button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:18px;line-height:1;cursor:pointer;box-shadow:var(--shadow)}
.zoomui button:hover{border-color:var(--gold)}
.maplegend{position:absolute;left:12px;bottom:12px;z-index:2;background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:11px;display:grid;gap:5px}
.maplegend .ramp{width:140px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--gold-soft),var(--gold))}
.maplegend .rl{display:flex;justify-content:space-between}
.mtip{position:fixed;pointer-events:none;z-index:20;background:#171717;color:#f1ede6;border:1px solid rgb(190 167 133 / .5);font-size:12px;padding:9px 11px;border-radius:10px;opacity:0;transition:opacity .15s;max-width:260px;line-height:1.5}
.mtip b{color:#d9c6a0;font-weight:600;font-size:13px}
.mapfoot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 18px;font-size:12px;color:var(--muted)}

.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;min-height:32px}
.fchip{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:var(--surface);border:0;border-radius:999px;padding:5px 11px;font-size:12px;cursor:pointer}
.linkbtn{border:0;background:none;color:var(--gold-ink);cursor:pointer;font-size:12px;padding:3px;text-decoration:underline;text-underline-offset:2px}

.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:left;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
th.r,td.r{text-align:right}
td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
td.path{max-width:28em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.heat td.h{text-align:center;font-variant-numeric:tabular-nums;font-weight:500;min-width:4.5em}
.meter{display:inline-block;width:64px;height:6px;border-radius:999px;background:var(--surface-2);vertical-align:middle;margin-left:8px;overflow:hidden}
.meter i{display:block;height:100%;background:var(--c1)}

.insights{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.insights li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;font-size:14px;line-height:1.5}
.insights .dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--gold-soft);color:var(--gold-ink)}
.insights .dot.w{background:var(--neg-soft);color:var(--neg)}
.insights b{font-weight:600}

.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.post{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0;text-decoration:none;color:inherit}
.post:hover{border-color:var(--gold)}
.post .t{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post .m{display:flex;gap:14px;font-size:12px;color:var(--muted)}
.post .m b{display:block;color:var(--ink);font-size:16px;font-weight:600}
.post .dt{font-size:11px;color:var(--gold-ink);text-transform:uppercase;letter-spacing:.06em}

.msgbox{border:1px dashed var(--line);border-radius:12px;padding:14px;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.note{font-size:12px;color:var(--muted);max-width:80ch;margin:0}
.empty{font-size:13px;color:var(--muted);padding:10px 0;margin:0}
@media (max-width:560px){.tile .v{font-size:22px}.brand span{display:none}.chart{height:230px}.period{text-align:left}}
@media (prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}}
.top .btn{background:var(--top-seg,var(--surface));border-color:var(--top-line,var(--line));color:var(--top-fg,var(--ink))}
.top .btn.primary{background:var(--top-under,var(--gold));color:var(--top-on-fg,#171717);border-color:transparent}
.top .custom input,.top .picker select{background:var(--top-seg,var(--surface));color:var(--top-fg,var(--ink));border-color:var(--top-line,var(--line))}
.top .custom{color:var(--top-muted,var(--muted))}

/* accesso riservato, cruscotto interno e pannelli di pubblicazione */
body:not(.internal) [data-internal]{display:none!important}
body:not(.publisher) [data-publisher]{display:none!important}
#gate{padding-block:48px 64px}
.gatecard{max-width:520px;margin:0 auto;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:30px 28px;display:grid;gap:16px}
.gatecard h1{font-size:clamp(24px,3vw,32px);font-weight:500;letter-spacing:-.015em;margin:0;text-wrap:balance}
.gatecard p{margin:0;color:var(--muted);line-height:1.5}
.gform{display:flex;flex-wrap:wrap;gap:8px}
.gform input{flex:1 1 220px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:10px 16px;font-size:15px;min-width:0}
.gform input:focus{border-color:var(--gold);outline:none}
.gerr{color:var(--neg)!important;font-size:13px;margin:0}
.row{display:flex;flex-wrap:wrap;gap:8px}
.pwform{display:grid;gap:10px;background:var(--surface-2);border-radius:12px;padding:14px}
.pwform label{display:grid;gap:4px;font-size:12px;color:var(--muted)}
.pwform .in{display:flex;gap:6px}
.pwform input,.pwform select,.pwform textarea{min-width:0;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 10px;font-size:14px;font-family:inherit;color:var(--ink)}
.pwform .in input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.pwform.newc{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.pwform .wide{grid-column:1/-1}
.pwform code{font-size:11px}
.pbar{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden}
.pbar i{display:block;height:100%;width:0;background:var(--gold);transition:width .3s}
#aprog{display:grid;gap:6px;font-size:13px;color:var(--muted)}
#lock{display:none}
body.open #lock{display:inline-flex}
.fixedp{font-size:13px;font-weight:500;color:var(--top-fg,var(--ink));background:var(--top-seg,var(--surface-2));border-radius:999px;padding:7px 14px}
body:not(.internal) #presets{display:none!important}
body:not(.internal) #fixedp{display:inline-block!important}
.pill.good{background:var(--pos-soft);color:var(--pos)}
body.pdfing .view{animation:none}
.pdfhead{display:none;padding:0 0 14px;border-bottom:1px solid var(--line);margin-bottom:16px;font-size:13px;color:var(--muted)}
.pdfhead b{color:var(--ink);font-size:16px;font-weight:600;display:block}
body.pdfing .pdfhead{display:block}
.pdfbox{position:fixed;inset:0;z-index:30;background:rgb(0 0 0 / .55);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.pdfsheet{background:var(--surface);color:var(--ink);border-radius:var(--r);width:min(760px,100%);max-height:100%;overflow:auto;padding:20px;display:grid;gap:12px}
.pdfbar{display:flex;justify-content:space-between;align-items:start;gap:12px}
.pdfbar b{display:block;font-size:17px;font-weight:600}
.pdfbar span{font-size:12px;color:var(--muted);word-break:break-all}
.pdfpages{display:grid;gap:10px}
.pdfpages img{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff}
a.btn{text-decoration:none;color:inherit}
.picker select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 30px 7px 14px;font-size:13.5px;font-weight:500;max-width:240px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.cname{display:flex;align-items:center;gap:10px;font-weight:500;white-space:nowrap}
.cmk{width:26px;height:26px;border-radius:8px;background:var(--surface-2);display:grid;place-items:center;font-size:10.5px;font-weight:600;color:var(--muted);flex:none}
tr.click{cursor:pointer}
tr.click:hover td{background:var(--surface-2)}
.muted{color:var(--muted)}
.pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.pill.warn{background:var(--neg-soft);color:var(--neg)}
#ctab table td{white-space:nowrap}
.faillist{margin:0;padding-left:18px;font-size:13px;color:var(--muted);columns:2;column-gap:24px}
@media (max-width:760px){.faillist{columns:1}}

/* scheda Strategia (interna) */
.st-wrap{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr)!important;gap:18px;min-width:0}
.st-wrap>*{grid-column:1/-1;min-width:0}
.st-index{display:flex;flex-wrap:wrap;gap:6px;position:sticky;top:calc(var(--topH,118px) + 6px);z-index:3;background:var(--bg);padding:6px 0}
.st-index button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer;color:var(--ink)}
.st-index button:hover{border-color:var(--gold)}
.st-sec{scroll-margin-top:180px}
.st-sec>h2.st-h{font-size:22px;font-weight:500;letter-spacing:-.01em;margin:10px 0 0;grid-column:span 12}
.st-sec>p.st-sub{grid-column:span 12;margin:-6px 0 0;color:var(--muted);font-size:14px;max-width:70ch}
.st-p{margin:0;font-size:14.5px;line-height:1.6;max-width:72ch}
.st-facts{display:grid;gap:0;margin:0}
.st-facts div{display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:13.5px}
.st-facts div:first-child{border-top:0}
.st-facts dt{color:var(--muted)}
.st-facts dd{margin:0;font-weight:500}
.st-prods{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.st-prod{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:4px}
.st-prod b{font-size:14px;letter-spacing:.04em}
.st-prod span{font-size:13px;color:var(--muted);line-height:1.5}
.st-rate{background:var(--hero-bg);color:var(--hero-fg);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:10px;justify-content:space-between;min-width:0}
.st-rate .v{font-size:clamp(48px,6vw,64px);line-height:1;color:var(--hero-v);font-weight:400;letter-spacing:-.02em}
.st-rate .stars{font-size:18px;letter-spacing:3px;color:var(--hero-v)}
.st-rate .l{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.st-rate small{font-size:12px;opacity:.8;line-height:1.5}
.st-themes{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.st-themes li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;font-size:13.5px;line-height:1.5}
.st-themes .dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--pos-soft);color:var(--pos)}
.st-themes .dot.att{background:var(--neg-soft);color:var(--neg)}
.st-themes b{display:block;font-weight:600;font-size:14px}
.st-sig{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.st-sig div{background:var(--surface-2);border-radius:12px;padding:12px 14px;display:grid;gap:4px}
.st-sig b{font-size:22px;font-weight:500}
.st-sig span{font-size:12.5px;color:var(--muted);line-height:1.45}
.st-goals{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:g}
.st-goals li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;font-size:14px;line-height:1.5;counter-increment:g}
.st-goals li::before{content:counter(g);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--gold-soft);color:var(--gold-ink)}
.card.now{border:1px solid var(--gold)}
.st-when{font-size:12px;color:var(--gold-ink);letter-spacing:.06em;text-transform:uppercase;margin-top:-6px}
.st-prin{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.st-prin div{border-left:3px solid var(--gold);padding:4px 0 4px 12px;display:grid;gap:3px}
.st-prin b{font-size:14px}
.st-prin span{font-size:13px;color:var(--muted);line-height:1.5}
.st-tl{margin:0;padding:0;list-style:none;display:grid;gap:0}
.st-tl li{display:grid;grid-template-columns:minmax(0,8.5em) 18px minmax(0,1fr);gap:12px;position:relative}
.st-tl .tw{font-size:12.5px;color:var(--gold-ink);font-weight:600;padding-top:2px;text-align:right}
.st-tl .m{position:relative}
.st-tl .m::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--line)}
.st-tl .m::after{content:"";position:absolute;left:3px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--surface)}
.st-tl li:last-child .m::before{bottom:auto;height:10px}
.st-tl .c{padding-bottom:18px;display:grid;gap:3px}
.st-tl .c b{font-size:14.5px}
.st-tl .c span{font-size:13.5px;color:var(--muted);line-height:1.55;max-width:70ch}
.st-ba{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.st-ba .tile .v{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.st-ba .tile .from{font-size:15px;color:var(--muted);font-weight:400}
.st-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.st-nums div{border-top:2px solid var(--gold);padding-top:8px;display:grid;gap:3px}
.st-nums b{font-size:24px;font-weight:500;letter-spacing:-.01em}
.st-nums span{font-size:12.5px;color:var(--muted);line-height:1.45}
.st-works{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
.st-works div{background:var(--surface-2);border-radius:12px;padding:12px 14px;display:grid;gap:4px}
.st-works b{font-size:13.5px}
.st-works span{font-size:13px;color:var(--muted);line-height:1.5}
.st-next{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}
.st-step{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.st-step .tag{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--gold-soft);color:var(--gold-ink)}
.st-step .tag.now{background:var(--ink);color:var(--surface)}
.st-step .tag.y{background:var(--surface-2);color:var(--muted)}
.st-step h3{margin:0;font-size:15.5px;font-weight:600}
.st-step .why{font-size:13px;color:var(--gold-ink);margin:0}
.st-step p{margin:0;font-size:13.5px;line-height:1.55}
.st-src{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none}
.st-src a{color:var(--gold-ink)}
@media (max-width:560px){.st-tl li{grid-template-columns:18px minmax(0,1fr)}.st-tl .tw{grid-column:2;text-align:left;order:-1;padding:0 0 2px}.st-tl .m{grid-row:1 / span 2;grid-column:1}.st-facts div{grid-template-columns:1fr;gap:2px}.st-index{position:static}}
@media print{.st-index{display:none}}

/* vista interna Netrising */
.seg button:disabled{opacity:.4;cursor:not-allowed}
.tile .tsplit{display:grid;gap:4px;font-size:12.5px;margin-top:2px}
.tile .tsplit div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:5px}
.tile .tsplit span:first-child{color:var(--muted)}
.tile .s span{min-width:0}
.kpis.pano{grid-template-columns:repeat(2,minmax(0,1fr))}
.kpis.pano>:nth-child(1){grid-column:1;grid-row:1}
.kpis.pano>:nth-child(2){grid-column:1;grid-row:2}
.kpis.pano>:nth-child(3){grid-column:2;grid-row:1}
.kpis.pano>:nth-child(4){grid-column:2;grid-row:2}
@media (max-width:560px){.kpis.pano{grid-template-columns:minmax(0,1fr)}.kpis.pano>*{grid-column:auto!important;grid-row:auto!important}}
#ctab td{padding-block:12px}
#ctab .cname{gap:18px}
#ctab .cmk{width:116px;height:50px;border-radius:10px;font-size:13px}
.cmk.lg{display:flex;align-items:center;justify-content:center;padding:7px 12px}
.cmk.lg img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@media (max-width:560px){#ctab .cmk{width:84px;height:40px}}
.loadbox{display:grid;gap:10px;padding:6px 0;max-width:460px}
.loadbox .pbar i{transition:width .4s ease}
.subtabs{justify-self:start;background:var(--surface-2)}
.subtabs button{color:var(--muted)}
.subtabs button[aria-pressed="true"]{background:var(--ink);color:var(--surface)}
/* selettori dentro la pagina (domini, piattaforme, sotto-schede): leggibili su fondo chiaro, scelta attiva nel colore del cliente */
body:is(.internal,.rich) main .seg{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
body:is(.internal,.rich) main .seg button{color:var(--ink);opacity:.75}
body:is(.internal,.rich) main .seg button:hover{opacity:1}
body:is(.internal,.rich) main .seg button[aria-pressed="true"]{background:var(--gold);color:var(--gold-on,#171717);opacity:1}
body:is(.internal,.rich) main .seg button:disabled{opacity:.4}
body.rich .insights .dot.w,body.rich .st-themes .dot.att,body.rich .pill.warn{background:var(--gold-soft);color:var(--gold-ink)}
.mark.logo.nr{padding:9px 14px}
.accseg{justify-self:start}
.y25f{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.y25g{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}
.y25g .fl{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.y25 .ysub{display:block;font-size:11.5px;color:var(--muted);font-weight:400;margin-top:2px}
.y25 .cmptab td:first-child{white-space:normal;min-width:15em}
.y25 tr[data-c]{cursor:pointer}
.gcbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.gcbar .fl{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.gctab .ysub{display:block;font-size:11.5px;color:var(--muted);font-weight:400;margin-top:2px}
.gctab td:first-child{white-space:normal;min-width:14em}
.gctab td.r{white-space:nowrap}
.gctab tr[data-gc]{cursor:pointer}
.gctab tr[data-gc]:hover td{background:var(--surface-2)}
.gctab tr[data-gc].me:hover td{background:var(--gold-soft)}
.gctab tr.gctot td{background:var(--surface-2)}
.y25 tr[data-c]:hover td{background:var(--surface-2)}
.y25 tr[data-c].me:hover td{background:var(--gold-soft)}
.y26{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12px;color:var(--muted);margin-top:2px}
.y26 b{color:var(--ink);font-weight:600}
.y26i{display:block;font-size:11.5px;opacity:.75;margin-top:2px;text-align:right}
.y26h{font-size:13px}
.y25 td.r{white-space:nowrap}
.y25 tr.y26row td{border-top:2px solid var(--line)}
.y25 tr.y26r td{background:var(--surface-2);font-size:12px;white-space:nowrap}
.leadlist{gap:10px}
.cmptab td,.cmptab th{white-space:nowrap}
.cmptab tr.me td{background:var(--gold-soft);font-weight:600}
.cmptab td.best{color:var(--pos);font-weight:600}
.cmptab .rk{display:inline-block;min-width:1.6em;font-size:11px;color:var(--muted);margin-left:4px}
.igfeed{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media (max-width:1000px){.igfeed{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.igfeed{grid-template-columns:repeat(2,minmax(0,1fr))}}
.igpost{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;background:var(--surface)}
.igpost:hover{border-color:var(--gold)}
.igpost img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:var(--surface-2)}
.igpost .im{display:grid;place-items:center;aspect-ratio:1;background:var(--surface-2);color:var(--muted);font-size:12px;padding:12px;text-align:center}
.igpost .pm{display:flex;flex-wrap:wrap;gap:4px 12px;padding:10px 12px;font-size:12px;color:var(--muted)}
.igpost .pm b{color:var(--ink);font-weight:600}
.igpost .pd{padding:10px 12px 0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink)}
.igpost .pt{padding:4px 12px 0;font-size:12.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.topfeed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.topfeed .tfh{margin:0 0 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);font-weight:600}
.topfeed .igfeed{grid-template-columns:repeat(3,minmax(0,1fr))}
.topfeed.one{grid-template-columns:minmax(0,1fr)}
.topfeed.one .igfeed{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1000px){.topfeed{grid-template-columns:minmax(0,1fr)}.topfeed.one .igfeed{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.topfeed .igfeed,.topfeed.one .igfeed{grid-template-columns:repeat(2,minmax(0,1fr))}}
.winlist{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.winlist li{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-top:1px solid var(--line);padding-top:8px}
.leadlist .tablewrap{overflow:auto;flex:1 1 auto;min-height:0}
.leadlist th{position:sticky;top:0;background:var(--surface);z-index:1}
.leadlist td{white-space:normal}
.leadlist .ln{font-weight:500}
.leadlist .lm{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
@media (min-width:901px){.leadlist{contain:size}}
@media (max-width:900px){.leadlist{max-height:460px}}
.ovbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
#ctab tfoot td{font-weight:600;border-bottom:0;border-top:2px solid var(--line)}
#ctab .roi.good{color:var(--pos)} #ctab .roi.bad{color:var(--neg)}
/* tabella Tutti i clienti: colonne a larghezza fissa, voci e dati centrati, separatori verticali */
#ctab .ovt{table-layout:fixed;min-width:1040px;font-size:13.5px}
#ctab .ovt td:first-child .cname{white-space:normal;line-height:1.25}
#ctab .ovt th{vertical-align:bottom;padding:10px 12px 11px;border-bottom:2px solid var(--line);line-height:1.25}
#ctab .ovt th.c,#ctab .ovt td.c{text-align:center;padding-inline:8px}
#ctab .ovt th.c{white-space:normal;letter-spacing:.035em}
#ctab .ovt th small{display:block;margin-top:3px;font-size:10.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted);opacity:.8}
#ctab .ovt td{padding:12px}
#ctab .ovt th.c:not(:last-child),#ctab .ovt td.c:not(:last-child){border-left:1px solid var(--line)}
#ctab .ovt .cv{display:block;font-size:14.5px;font-weight:500;line-height:1.2;color:var(--ink)}
#ctab .ovt td.muted .cv{color:var(--muted);font-weight:400}
#ctab .ovt .roi.good .cv{color:var(--pos)} #ctab .ovt .roi.bad .cv{color:var(--neg)}
#ctab .ovt .cd{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:4px;min-height:20px;margin-top:5px}
#ctab .ovt .cd .d,#ctab .ovt .cd .pill{font-size:11px;padding:1px 7px}
#ctab .ovt td.dt .cv{color:var(--muted);font-size:13px;font-weight:400}
#ctab .ovt tfoot td{padding-block:14px;background:var(--surface-2)}
#ctab .ovt tfoot .cv{font-weight:600}
#ctab .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* intestazione: marchio e Esci sulla prima riga, comandi del report sulla seconda */
.top .wrap>.brand{order:1}
.top .wrap>.acct{order:2;display:flex;align-items:center;gap:10px;margin-left:auto}
.top .wrap>.ctrls{order:3;flex:1 1 100%}
.top .btn.ghost{background:transparent;border-color:var(--top-line,var(--line));color:var(--top-muted,var(--muted))}
.top .btn.ghost:hover{color:var(--top-fg,var(--ink));border-color:var(--top-fg,var(--ink))}
body:not(.open) .acct{display:none}
/* scheda Adv unita alle campagne */
.vpart{display:grid;gap:18px;min-width:0}
.adv-jump{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;justify-self:start;font-size:13px;color:var(--muted)}
.adv-jump button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;color:var(--ink);display:inline-flex;align-items:center;gap:8px}
.adv-jump button:hover{border-color:var(--gold)}
.adv-jump button{flex-wrap:wrap;row-gap:4px;column-gap:12px;text-align:left;border-radius:16px}
.adv-jump .aj{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.adv-jump .aj b{font-weight:600}
.adv-jump .dotr{width:8px;height:8px;border-radius:50%;background:var(--st-red)}
.adv-jump .dotw{width:8px;height:8px;border-radius:50%;background:var(--st-warn)}
.adv-camps{scroll-margin-top:calc(var(--topH,140px) + 24px);padding-top:26px;margin-top:10px;border-top:2px solid var(--line)}
.adv-camps .cp-sechead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 16px}
.adv-camps .cp-sechead h2{margin:0;font-size:clamp(22px,2.6vw,28px);font-weight:500;letter-spacing:-.01em}
.adv-camps .cp-sechead p{margin:4px 0 0;color:var(--muted);max-width:70ch;font-size:14px}
/* scheda Il nostro lavoro */
.lw-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px}
@media (max-width:900px){.lw-hero{grid-template-columns:minmax(0,1fr)}}
.lw-cover{position:relative;border-radius:var(--r);overflow:hidden;min-height:340px;background:#111 center/cover no-repeat;display:flex;align-items:flex-end;cursor:zoom-in;border:0;padding:0;text-align:left;color:#fff;width:100%}
.lw-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgb(0 0 0 / .7))}
.lw-cover .in{position:relative;z-index:1;padding:22px 24px;display:grid;gap:10px}
.lw-cover b{font-size:clamp(22px,2.6vw,30px);font-weight:500;letter-spacing:-.01em;line-height:1.15;max-width:22ch}
.lw-stats{display:flex;flex-wrap:wrap;gap:6px}
.lw-stats span{background:rgb(255 255 255 / .16);backdrop-filter:blur(6px);border:1px solid rgb(255 255 255 / .22);border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:500}
.lw-feat{position:relative;border-radius:var(--r);overflow:hidden;background:#000 center/cover no-repeat;min-height:240px;border:0;padding:0;cursor:pointer;color:#fff;text-align:left;display:flex;align-items:flex-end;width:100%}
.lw-feat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / .05),rgb(0 0 0 / .65))}
.lw-feat .in{position:relative;z-index:1;padding:18px 20px;display:grid;gap:3px}
.lw-feat .in span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.lw-feat .in b{font-size:19px;font-weight:600}
.lw-play{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:2;width:64px;height:64px;border-radius:50%;background:rgb(255 255 255 / .92);display:grid;place-items:center;box-shadow:0 8px 24px rgb(0 0 0 / .35);transition:transform .15s}
.lw-play::before{content:"";margin-left:5px;border-left:18px solid #111;border-top:11px solid transparent;border-bottom:11px solid transparent}
.lw-feat:hover .lw-play,.lw-reel:hover .lw-play{transform:translate(-50%,-50%) scale(1.07)}
.lw-index{display:flex;flex-wrap:wrap;gap:6px;position:sticky;top:calc(var(--topH,118px) + 6px);z-index:3;background:var(--bg);padding:6px 0}
.lw-index button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 13px;font-size:13px;cursor:pointer;color:var(--ink);display:inline-flex;gap:7px;align-items:center}
.lw-index button b{font-weight:600;color:var(--gold-ink)}
.lw-index button:hover{border-color:var(--gold)}
.lw-sec{display:grid;gap:14px;scroll-margin-top:170px}
.lw-sh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:6px 16px;border-top:1px solid var(--line);padding-top:22px;margin-top:8px}
.lw-sh h2{margin:0;font-size:clamp(21px,2.3vw,26px);font-weight:500;letter-spacing:-.01em}
.lw-sh p{margin:3px 0 0;color:var(--muted);font-size:14px;max-width:70ch}
.lw-sh a{font-size:13px;color:var(--gold-ink);font-weight:600;text-decoration:none;white-space:nowrap}
.lw-al{display:grid;gap:10px}
.lw-al h3{margin:6px 0 0;font-size:15px;font-weight:600;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.lw-al h3 span{font-size:12.5px;font-weight:400;color:var(--muted)}
.lw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lw-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lw-grid.c6{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:900px){.lw-grid.c6{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lw-grid.c6 .lw-th{aspect-ratio:1}
@media (max-width:900px){.lw-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.lw-grid,.lw-grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lw-th{display:block;width:100%;border:0;padding:0;border-radius:12px;overflow:hidden;background:var(--surface-2);cursor:zoom-in;aspect-ratio:3/2;position:relative}
.lw-th img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.lw-th:hover img{transform:scale(1.04)}
.lw-th.big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
@media (max-width:560px){.lw-th.big{grid-column:span 2;grid-row:auto;aspect-ratio:3/2}}
.lw-reels{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,190px));gap:14px}
.lw-reel{display:flex;flex-direction:column;gap:8px;border:0;background:none;padding:0;cursor:pointer;text-align:left;color:inherit;min-width:0}
.lw-reel .pv{position:relative;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#111 center/cover no-repeat;box-shadow:var(--shadow)}
.lw-reel .pv::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgb(0 0 0 / .45))}
.lw-reel .lw-play{width:48px;height:48px}
.lw-reel .lw-play::before{border-left-width:14px;border-top-width:9px;border-bottom-width:9px;margin-left:4px}
.lw-reel .dur{position:absolute;right:8px;bottom:8px;z-index:2;color:#fff;font-size:11.5px;font-weight:600;background:rgb(0 0 0 / .55);padding:1px 7px;border-radius:99px}
.lw-reel b{font-size:13.5px;font-weight:600;line-height:1.3}
.lw-reel span.t{font-size:12px;color:var(--muted);margin-top:-6px}
.lw-site{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:start}
.lw-site.solo{grid-template-columns:minmax(0,1fr)}
@media (max-width:760px){.lw-site{grid-template-columns:minmax(0,1fr)}.lw-site .lw-phone{display:none}}
.lw-browser{border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:0 1px 2px rgb(0 0 0 / .06),0 16px 40px rgb(0 0 0 / .12);border:1px solid var(--line)}
.lw-bbar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--surface-2);border-bottom:1px solid var(--line)}
.lw-bbar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.lw-bbar i+i{background:#febc2e}.lw-bbar i+i+i{background:#28c840}
.lw-bbar span{margin-left:10px;flex:1;background:var(--surface);border-radius:6px;padding:3px 10px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lw-browser .lw-th{border-radius:0;aspect-ratio:16/10}
.lw-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.lw-strip .lw-th{aspect-ratio:16/10;border-radius:8px}
.lw-phone{border-radius:34px;padding:9px;background:#111;box-shadow:0 18px 40px rgb(0 0 0 / .22)}
.lw-phone .lw-th{border-radius:26px;aspect-ratio:375/812}
.lw-phone .lw-th img{object-position:top}
.lw-ig{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
@media (max-width:1000px){.lw-ig{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.lw-ig{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lw-ig .lw-th{aspect-ratio:4/5;border-radius:6px}
.lw-gr{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.lw-gr figure{margin:0;display:grid;gap:8px}
.lw-gr .lw-th{aspect-ratio:4/3;background:var(--surface-2)}
.lw-gr .lw-th img{object-fit:contain;padding:14px}
.lw-gr figcaption{font-size:13px;font-weight:500}
dialog.lwbox{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;color:#fff;overflow:hidden}
dialog.lwbox::backdrop{background:rgb(8 8 8 / .9)}
.lwb-in{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:max(14px,env(safe-area-inset-top,0px)) 16px max(14px,env(safe-area-inset-bottom,0px))}
.lwb-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;opacity:.9}
.lwb-top button,.lwb-nav{border:1px solid rgb(255 255 255 / .25);background:rgb(255 255 255 / .08);color:#fff;border-radius:999px;cursor:pointer}
.lwb-top button{width:40px;height:40px;font-size:22px;line-height:1}
.lwb-stage{display:grid;place-items:center;min-height:0;position:relative}
.lwb-stage img,.lwb-stage video{max-width:100%;max-height:100%;border-radius:10px;display:block;background:#000}
.lwb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;font-size:22px;z-index:2}
.lwb-nav.p{left:4px}.lwb-nav.n{right:4px}
.lwb-cap{text-align:center;font-size:13.5px;opacity:.85;min-height:1.4em}
/* Strategia: analisi Netrising (chi è, cosa facciamo, task ClickUp, consigli) */
.sp-who{background:var(--hero-bg);color:var(--hero-fg);border-radius:var(--r);padding:22px 24px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:center}
.sp-who .eb{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.sp-who p{margin:6px 0 0;font-size:17px;line-height:1.55;max-width:130ch}
.sp-who .tags{display:flex;flex-wrap:wrap;gap:6px}
.sp-who .tags span{border:1px solid var(--hero-line);border-radius:999px;padding:4px 10px;font-size:12px;white-space:nowrap}
@media (max-width:760px){.sp-who{grid-template-columns:minmax(0,1fr)}.sp-who .tags{justify-content:flex-start}}
.sp-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:6px 14px;margin-top:6px}
.sp-h h2{margin:0;font-size:22px;font-weight:500;letter-spacing:-.01em}
.sp-h p{margin:3px 0 0;color:var(--muted);font-size:14px;max-width:72ch}
.sp-doing{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.sp-ch{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px;display:grid;gap:8px;align-content:start}
.sp-ch .t{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sp-ch b{font-size:15px}
.sp-ch .st{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--pos-soft);color:var(--pos);white-space:nowrap}
.sp-ch .st.w{background:var(--st-warn-soft,#fff1de);color:var(--st-warn,#e07b00)}
.sp-ch .st.o{background:var(--surface-2);color:var(--muted)}
.sp-ch p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted)}
.sp-ch .ev{font-size:13px;line-height:1.45;border-top:1px solid var(--line);padding-top:8px}
.sp-ch .ev b{font-size:13px}
.cu-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cu-stat{display:flex;gap:6px;align-items:center;font-size:12.5px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 11px}
.cu-stat i{width:9px;height:9px;border-radius:3px;display:inline-block}
.cu-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
@media (max-width:1000px){.cu-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cu-board{grid-template-columns:minmax(0,1fr)}}
.cu-col{background:var(--surface-2);border-radius:14px;padding:10px;display:grid;gap:8px;align-content:start}
.cu-col h3{margin:2px 4px 2px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;gap:8px}
.cu-col h3 span{display:inline-flex;align-items:center;gap:6px}
.cu-col h3 i{width:9px;height:9px;border-radius:3px}
.cu-t{background:var(--surface);border-radius:10px;padding:10px 11px;display:grid;gap:6px;box-shadow:0 1px 2px rgb(0 0 0 / .05)}
.cu-t b{font-size:13.5px;font-weight:600;line-height:1.35}
.cu-t .m{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:11.5px;color:var(--muted)}
.cu-t .ls{font-weight:600;padding:1px 7px;border-radius:999px;background:var(--gold-soft);color:var(--gold-ink)}
.cu-t .due.late{color:var(--st-red,#d32f2f);font-weight:600}
.cu-t .who{display:inline-flex;align-items:center;gap:5px}
.cu-t .who i{width:18px;height:18px;border-radius:50%;background:var(--ink);color:var(--surface);font-style:normal;font-size:9px;font-weight:700;display:grid;place-items:center}
.sp-reco{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:1000px){.sp-reco{grid-template-columns:minmax(0,1fr)}}
.sp-rc{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:18px;display:grid;gap:12px;align-content:start;border-top:4px solid var(--gold)}
.sp-rc h3{margin:0;font-size:16px;display:flex;align-items:center;gap:8px}
.sp-rc ol{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.sp-rc li{display:grid;gap:4px}
.sp-rc li b{font-size:14px;line-height:1.35;display:flex;gap:8px;align-items:baseline}
.sp-rc li span{font-size:13.5px;line-height:1.5;color:var(--muted)}
.sp-pr{flex:none;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:1px 7px;border-radius:999px}
.sp-pr.a{background:var(--st-red-soft,#fdecea);color:var(--st-red,#d32f2f)} .sp-pr.m{background:var(--st-warn-soft,#fff1de);color:var(--st-warn,#e07b00)} .sp-pr.b{background:var(--surface-2);color:var(--muted)}
.sp-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.sp-plan{grid-template-columns:minmax(0,1fr)}}
.sp-plan>div{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px;display:grid;gap:8px;align-content:start}
.sp-plan .w{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);font-weight:700}
.sp-plan ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13.5px;line-height:1.5}
/* Newsletter simulate */
.nl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.nl-card{display:grid;gap:10px;align-content:start}
.nl-mail{background:#fff;color:#1d1d1f;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgb(0 0 0 / .1),0 10px 26px rgb(0 0 0 / .08);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;border:1px solid var(--line)}
.nl-mail .hd{display:flex;justify-content:center;align-items:center;height:46px;padding:8px;background:#fff;border-bottom:1px solid #eee}
.nl-mail .hd img{max-height:28px;max-width:60%}
.nl-mail .hd b{font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.nl-mail .hero{height:132px;background:#333 center/cover no-repeat}
.nl-mail .bd{padding:12px 14px 14px;display:grid;gap:7px}
.nl-mail .bd strong{font-size:14px;line-height:1.3;text-align:center}
.nl-mail .ln{height:6px;border-radius:3px;background:#e9e9ec}
.nl-mail .ln.s{width:70%;margin:0 auto}
.nl-mail .cta{justify-self:center;margin-top:4px;background:var(--nl-a,#2e7d32);color:#fff;font-size:11px;font-weight:600;padding:6px 14px;border-radius:5px}
.nl-mail .ft{background:#f1f1f3;height:30px;display:flex;justify-content:center;align-items:center;gap:6px}
.nl-mail .ft i{width:8px;height:8px;border-radius:50%;background:#c9c9ce}
.nl-meta{display:grid;gap:3px}
.nl-meta b{font-size:14px;line-height:1.3}
.nl-meta span{font-size:12px;color:var(--muted)}
.nl-kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.nl-kp div{background:var(--surface);border-radius:10px;padding:7px 8px;text-align:center;box-shadow:var(--shadow)}
.nl-kp small{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.nl-kp b{font-size:15px;font-weight:600}
.nl-kp b.hi{color:var(--pos)} .nl-kp b.lo{color:var(--st-warn,#e07b00)}
/* scheda Campagne */
:root{--plat-meta:#1877f2;--plat-google:#1a73e8;--plat-google2:#34a853;--cp0:var(--c1);--cp1:#5b8def;--cp2:#e0a03a;--cp3:#3fa37a;--cp4:#c2577a;--cp5:#8b93a0}
.simnote{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;padding:12px 16px;border-radius:12px;background:var(--st-warn-soft,#fff1de);color:var(--ink);font-size:13px;border:1px dashed color-mix(in srgb,var(--st-warn,#e07b00) 55%,transparent)}
.simnote b{color:var(--st-warn,#e07b00);text-transform:uppercase;letter-spacing:.08em;font-size:11.5px}
.cp-tools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.cp-sort{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.plat{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}
.plat::before{content:"";width:8px;height:8px;border-radius:50%}
.plat.meta{background:color-mix(in srgb,var(--plat-meta) 12%,transparent);color:var(--plat-meta)} .plat.meta::before{background:var(--plat-meta)}
.plat.google{background:color-mix(in srgb,var(--plat-google2) 12%,transparent);color:var(--plat-google2)} .plat.google::before{background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0)}
.cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:1100px){.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cp-grid{grid-template-columns:minmax(0,1fr)}}
.cp{--st-c:var(--st-ok,#2e7d32);border-top:4px solid var(--st-c)!important;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;min-width:0;border:1px solid var(--line)}
.cp.st-red{--st-c:var(--st-red,#d32f2f)} .cp.st-warn{--st-c:var(--st-warn,#e07b00)}
.cp-cr{position:relative;background:var(--surface-2);padding:16px;display:grid;place-items:center;height:370px;overflow:hidden;border-bottom:1px solid var(--line)}
.cp-fmt{position:absolute;left:10px;top:10px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;background:rgb(0 0 0 / .55);color:#fff;padding:3px 8px;border-radius:999px}
.cp-body{padding:16px 18px 14px;display:flex;flex-direction:column;gap:10px;flex:1}
.cp-tags{display:flex;justify-content:space-between;align-items:center;gap:8px}
.cp-st{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--st-c)}
.cp-st i{width:8px;height:8px;border-radius:50%;background:currentColor}
.cp h3{margin:0;font-size:15.5px;font-weight:600;line-height:1.3}
.cp-meta{margin:-4px 0 0;font-size:12px;color:var(--muted)}
.cp-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;margin:0;padding:10px 0;border-block:1px solid var(--line)}
.cp-kpi dt{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.cp-kpi dd{margin:2px 0 0;font-size:14.5px;font-weight:500;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.cp-kpi dd .d{font-size:10.5px;padding:0 6px}
.cp-spark{height:46px;position:relative}
/* creatività simulate */
.cr{width:100%;max-width:300px;background:#fff;color:#1c1e21;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgb(0 0 0 / .12),0 6px 18px rgb(0 0 0 / .08);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:12px;position:relative}
.cr .cmk{width:30px;height:30px;border-radius:50%;padding:3px}
.cr-art{--h:30;position:relative;aspect-ratio:1/1;overflow:hidden;display:flex;align-items:flex-end;padding:16px;background:linear-gradient(140deg,var(--hero-bg,#171717) 0%,color-mix(in srgb,var(--gold,#bea785) 75%,hsl(var(--h) 60% 50%)) 100%)}
.cr-art b{position:relative;z-index:1;color:#fff;font-size:19px;line-height:1.15;font-weight:700;text-shadow:0 1px 8px rgb(0 0 0 / .35);max-width:85%}
.cr-shape{position:absolute;border-radius:50%;background:rgb(255 255 255 / .14)}
.cr-shape.a{width:70%;aspect-ratio:1;right:-18%;top:-18%}
.cr-shape.b{width:38%;aspect-ratio:1;right:18%;top:30%;background:rgb(255 255 255 / .09)}
.cr-meta{max-width:215px}
.cr-meta.story,.cr-meta.reel{max-width:205px}
.cr-meta.story .cr-art,.cr-meta.reel .cr-art{aspect-ratio:4/5}
.cr-meta.story .cr-art b,.cr-meta.reel .cr-art b{font-size:16px}
.cr-mh{display:flex;align-items:center;gap:8px;padding:9px 10px}
.cr-mh b{display:block;font-size:12.5px} .cr-mh span{font-size:11px;color:#65676b}
.cr-mf{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;background:#f0f2f5}
.cr-mf span{display:block;font-size:10px;color:#65676b} .cr-mf b{font-size:12.5px}
.cr-cta{flex:none;background:#e4e6eb;color:#050505;font-weight:600;font-size:11.5px;padding:6px 10px;border-radius:6px}
.cr-dots{display:flex;justify-content:center;gap:4px;padding:6px 0 0}
.cr-dots i{width:5px;height:5px;border-radius:50%;background:#ccd0d5} .cr-dots i.on{background:#1877f2}
.cr-search{padding:14px 14px 12px;display:grid;gap:6px;max-width:330px}
.cr-sp b{font-size:11px;font-weight:700}
.cr-url{display:flex;align-items:center;gap:8px}
.cr-url b{display:block;font-size:12px;font-weight:500} .cr-url span{font-size:11px;color:#4d5156}
.cr-fav{width:26px;height:26px;border-radius:50%;background:#f1f3f4;display:grid;place-items:center;font-size:10px;font-weight:700;color:#5f6368;text-transform:uppercase}
.cr-h{color:#1a0dab;font-size:16px;line-height:1.3}
.cr-search p{margin:0;color:#4d5156;font-size:12px;line-height:1.45}
.cr-links{display:flex;flex-wrap:wrap;gap:6px 14px;color:#1a0dab;font-size:12px}
.cr-video{background:#0f0f0f}
.cr-video .cr-art{aspect-ratio:16/9}
.cr-play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:58px;height:40px;border-radius:12px;background:#ff0033;z-index:2}
.cr-play::after{content:"";position:absolute;left:23px;top:12px;border-left:16px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}
.cr-dur{position:absolute;right:8px;bottom:12px;z-index:2;background:rgb(0 0 0 / .8);color:#fff;font-size:11px;padding:1px 5px;border-radius:4px}
.cr-vbar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgb(255 255 255 / .3)} .cr-vbar i{display:block;width:35%;height:100%;background:#ff0033}
.cr-banner .cr-art{aspect-ratio:1.91/1}
.cr-bfoot{display:flex;justify-content:space-between;align-items:center;padding:8px 10px}
.cr-bfoot .cr-cta{background:#1a73e8;color:#fff;border-radius:999px}
.cptab td:first-child{white-space:normal;min-width:16em;font-weight:500}
.cptab tfoot td{font-weight:600;border-top:2px solid var(--line);background:var(--surface-2)}

/* Campagne: stato in evidenza, data di partenza, suggerimenti, dettaglio */
.cp{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.cp:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgb(23 23 23 / .06),0 14px 32px rgb(23 23 23 / .1)}
.cp:focus-visible{outline:2px solid var(--st-c);outline-offset:2px}
.cp.st-red{border:2px solid var(--st-red)!important;border-top-width:2px!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--st-red) 12%,transparent),var(--shadow)}
.cp.st-red .cp-body{background:linear-gradient(180deg,var(--st-red-soft),var(--surface) 140px)}
.cp.st-warn{border:2px solid color-mix(in srgb,var(--st-warn) 70%,transparent)!important;border-top-width:2px!important}
.cp.st-warn .cp-body{background:linear-gradient(180deg,var(--st-warn-soft),var(--surface) 120px)}
.cp-flag{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:9px 16px;background:var(--st-c);color:#fff;font-size:12.5px}
.cp-flag b{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.cp-flag span{opacity:.95}
.cp.st-ok .cp-cr{opacity:.97}
.cp-start{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}
.cp-start svg{width:22px;height:22px;flex:none;color:var(--gold-ink)}
.cp-sd{display:grid;line-height:1.2;min-width:0;flex:1}
.cp-sd span,.cp-days span{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cp-sd b{font-size:14.5px;font-weight:600}
.cp-days{display:grid;justify-items:end;line-height:1.1;padding-left:12px;border-left:1px solid var(--line)}
.cp-days b{font-size:22px;font-weight:600;letter-spacing:-.01em}
.cp-start.big{padding:14px 16px;background:var(--surface)}
.cp-start.big .cp-sd b{font-size:17px} .cp-start.big .cp-days b{font-size:30px}
.cp-tips{border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--st-c) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--st-c) 28%,transparent)}
.cp-tips p{margin:0 0 4px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--st-c)}
.cp-tips ul{margin:0;padding-left:16px;display:grid;gap:4px;font-size:12.5px;line-height:1.4}
.cp-tips.ok{background:var(--surface-2);border-color:var(--line)}
.cp-more{margin-top:auto;align-self:flex-end;font-size:12.5px;font-weight:600;color:var(--st-c)}
.cp-alert{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:12px 16px;border-radius:12px;background:var(--st-red-soft);border:1px solid color-mix(in srgb,var(--st-red) 40%,transparent);font-size:13.5px}
.cp-alert b{color:var(--st-red)}
.cp-alert .btn{margin-left:auto}
.plat.sm{margin-left:8px;font-size:10.5px;padding:1px 7px}
.cptab .cp-st{font-size:12px}
.cptab tr.st-red td:first-child{box-shadow:inset 3px 0 0 var(--st-red)} .cptab tr.st-warn td:first-child{box-shadow:inset 3px 0 0 var(--st-warn)} .cptab tr.st-ok td:first-child{box-shadow:inset 3px 0 0 var(--st-ok)}
.cptab tr.st-red{--st-c:var(--st-red)} .cptab tr.st-warn{--st-c:var(--st-warn)} .cptab tr.st-ok{--st-c:var(--st-ok)}
.cptab .cp-st{color:var(--st-c)}
/* dettaglio */
dialog.cpd{width:min(1040px,calc(100vw - 24px));max-height:calc(100vh - 24px);border:0;border-radius:20px;padding:0;background:var(--bg);color:var(--ink);box-shadow:0 30px 80px rgb(0 0 0 / .35);overflow:auto;overscroll-behavior:contain}
dialog.cpd::backdrop{background:rgb(15 15 15 / .55);backdrop-filter:blur(2px)}
.cpd-in{display:grid;gap:14px;padding:0 0 22px}
.cpd-in>*:not(.cpd-head){margin-inline:22px}
.cpd-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px 14px;background:var(--surface);border-bottom:1px solid var(--line);border-top:6px solid var(--st-c)}
.cpd-head.st-red{--st-c:var(--st-red)} .cpd-head.st-warn{--st-c:var(--st-warn)} .cpd-head.st-ok{--st-c:var(--st-ok)}
.cpd-head .cp-st{color:var(--st-c)}
.cpd-head .cp-tags{justify-content:flex-start;flex-wrap:wrap}
.cpd-head h2{margin:8px 0 2px;font-size:22px;font-weight:600;letter-spacing:-.01em}
.cpd-head p{margin:0;font-size:13px;color:var(--muted)}
.cpd-x{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:22px;line-height:1;cursor:pointer;color:var(--ink)}
.cpd-x:hover{border-color:var(--ink)}
.cpd-top{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:16px;align-items:start}
.cpd-cr{background:var(--surface-2);border-radius:var(--r);padding:18px;display:grid;place-items:center}
.cpd-side{display:grid;gap:12px}
.cpd-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cpd-facts div{background:var(--surface);border-radius:12px;padding:12px 14px;display:grid;gap:2px;box-shadow:var(--shadow)}
.cpd-facts span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cpd-facts b{font-size:20px;font-weight:600}
.cpd-side .cp-kpi{background:var(--surface);border-radius:12px;padding:12px 14px;border:0;box-shadow:var(--shadow)}
.cpd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cpd-in h3{margin:0;font-size:15px;font-weight:600}
.cpd-in .chart{height:240px}
.cpd-refs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
.cpd-ref{--rc:var(--st-ok);display:grid;gap:5px}
.cpd-ref.warn{--rc:var(--st-warn)} .cpd-ref.bad{--rc:var(--st-red)}
.cpd-rl{display:flex;justify-content:space-between;align-items:baseline;font-size:13px} .cpd-rl b{font-size:16px;color:var(--rc)}
.cpd-rb{position:relative;height:8px;border-radius:999px;background:var(--surface-2)}
.cpd-rb i{display:block;height:100%;border-radius:999px;background:var(--rc)}
.cpd-rb em{position:absolute;top:-4px;width:2px;height:16px;background:var(--ink);opacity:.55}
.cpd-rv{font-size:11.5px;color:var(--muted)}
.cpd-plan{--st-c:var(--st-ok);background:var(--surface);border-radius:var(--r);padding:18px 20px;display:grid;gap:14px;border:1px solid var(--line);border-left:5px solid var(--st-c)}
.cpd-plan.st-red{--st-c:var(--st-red)} .cpd-plan.st-warn{--st-c:var(--st-warn)}
.cpd-plan h3{font-size:18px}
.cpd-lbl{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--st-c);display:flex;align-items:center;gap:8px}
.cpd-lbl span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--st-c);color:#fff;font-size:11.5px;letter-spacing:0}
.cpd-plan ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13.5px;line-height:1.5}
.cpd-diag{background:color-mix(in srgb,var(--st-c) 8%,var(--surface));border-radius:12px;padding:12px 14px}
.cpd-goal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cpd-goal>div{background:var(--surface-2);border-radius:12px;padding:12px 14px}
.cpd-goal p:last-child{margin:0;font-size:13.5px;line-height:1.5}
.cpd-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cpd-steps>div{border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.cpd-tests{border:1px dashed var(--line);border-radius:12px;padding:12px 14px}
@media (max-width:820px){.cpd-top,.cpd-grid,.cpd-refs,.cpd-goal,.cpd-steps{grid-template-columns:minmax(0,1fr)}.cpd-in>*:not(.cpd-head){margin-inline:14px}.cpd-head{padding:14px}}
@media (prefers-reduced-motion:reduce){.cp{transition:none}.cp:hover{transform:none}}
/* strategist */
.toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);z-index:40;max-width:min(560px,calc(100vw - 32px));background:var(--ink);color:var(--surface);padding:11px 16px;border-radius:12px;font-size:13.5px;box-shadow:0 10px 30px rgb(0 0 0 / .25);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.toast.show{pointer-events:auto}
.toast-link{color:inherit;font-weight:700;text-decoration:underline;display:inline-block;margin-top:6px}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast.bad{background:var(--st-red,#d32f2f);color:#fff}
.picker.spick select{max-width:260px}
.picker.spick select:disabled{opacity:.6;cursor:not-allowed}
.sgsel{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.sgsel select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px}
.cc-who{display:inline-flex;align-items:center;gap:8px;margin-top:-6px;font-size:12.5px;color:var(--ink);font-weight:500}
.cc-who i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10.5px;font-weight:700;background:var(--ink);color:var(--surface);letter-spacing:.02em}
.cc-who.none{color:var(--muted);font-weight:400} .cc-who.none i{background:var(--surface-2);color:var(--muted);border:1px dashed var(--line)}
/* Tutti i clienti a box: banda e badge colorati per stato */
:root{--st-red:#d32f2f;--st-red-soft:#fdecea;--st-warn:#e07b00;--st-warn-soft:#fff1de;--st-ok:#2e7d32;--st-ok-soft:#e7f4e8;--st-na:#7d8592;--st-na-soft:#eef0f3}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--st-red:#ff7070;--st-red-soft:#3b1e1e;--st-warn:#ffae4a;--st-warn-soft:#3a2a15;--st-ok:#79c47c;--st-ok-soft:#1b2e1c;--st-na:#9aa1ab;--st-na-soft:#25272c}}
:root[data-theme="dark"]{--st-red:#ff7070;--st-red-soft:#3b1e1e;--st-warn:#ffae4a;--st-warn-soft:#3a2a15;--st-ok:#79c47c;--st-ok-soft:#1b2e1c;--st-na:#9aa1ab;--st-na-soft:#25272c}
.ovroot{display:grid;gap:14px}
.ovtools{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.ovsegs{display:flex;flex-wrap:wrap;gap:8px}
.stchips{display:flex;flex-wrap:wrap;gap:8px}
.stchip{--st-c:var(--ink);--st-soft:var(--surface-2);display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 12px 7px 14px;font:inherit;font-size:13px;font-weight:500;cursor:pointer}
.stchip i{width:10px;height:10px;border-radius:50%;background:var(--st-c)}
.stchip b{font-weight:700;min-width:22px;padding:1px 7px;border-radius:999px;background:var(--st-soft);color:var(--st-c);text-align:center;font-size:12px}
.stchip:hover{border-color:var(--st-c)}
.stchip[aria-pressed="true"]{border-color:var(--st-c);box-shadow:inset 0 0 0 1px var(--st-c);background:var(--st-soft)}
.stchip.red,.cc.st-red{--st-c:var(--st-red);--st-soft:var(--st-red-soft)}
.stchip.warn,.cc.st-warn{--st-c:var(--st-warn);--st-soft:var(--st-warn-soft)}
.stchip.ok,.cc.st-ok{--st-c:var(--st-ok);--st-soft:var(--st-ok-soft)}
.stchip.na,.cc.st-na{--st-c:var(--st-na);--st-soft:var(--st-na-soft)}
.ovtot{display:flex;flex-wrap:wrap;gap:6px 22px;padding:12px 16px;border-radius:var(--r);background:var(--surface-2);font-size:13px;color:var(--muted)}
.ovtot b{color:var(--ink);font-weight:600;margin-left:4px}
.ovtot span:first-child b{margin:0 2px 0 0}
.cgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:1280px){.cgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cgrid{grid-template-columns:minmax(0,1fr)}}
.cc{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 18px 14px;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.cc::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:var(--st-c)}
.cc.st-red,.cc.st-warn{background:linear-gradient(180deg,var(--st-soft) 0,var(--surface) 96px)}
.cc:hover{transform:translateY(-2px);border-color:var(--st-c);box-shadow:0 2px 4px rgb(23 23 23 / .06),0 14px 32px rgb(23 23 23 / .09)}
.cc:focus-visible{outline:2px solid var(--st-c);outline-offset:2px}
.cc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
#ctab .cc .cmk{width:128px;height:54px;border-radius:10px;font-size:15px}
.cc-st{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;letter-spacing:.02em;padding:4px 10px;border-radius:999px;background:var(--st-soft);color:var(--st-c);white-space:nowrap;border:1px solid color-mix(in srgb,var(--st-c) 30%,transparent)}
.cc-st i{width:8px;height:8px;border-radius:50%;background:currentColor}
.cc.st-red .cc-st i{animation:stpulse 1.6s ease-out infinite}
@keyframes stpulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--st-red) 60%,transparent)}100%{box-shadow:0 0 0 7px transparent}}
@media (prefers-reduced-motion:reduce){.cc{transition:none}.cc:hover{transform:none}.cc.st-red .cc-st i{animation:none}}
.cc-name{margin:0;font-size:16px;font-weight:600;line-height:1.25;color:var(--ink)}
.cc-kpi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0;padding:12px 0;border-block:1px solid var(--line)}
.cc-kpi div{min-width:0}
.cc-kpi dt{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.cc-kpi dd{margin:3px 0 0;font-size:15px;font-weight:500;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;color:var(--ink)}
.cc-kpi dd .d,.cc-kpi dd .pill{font-size:10.5px;padding:0 6px}
.cc-kpi .roi.good dd{color:var(--pos)} .cc-kpi .roi.bad dd{color:var(--neg)}
.cc-why{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:12.5px;line-height:1.35;color:var(--ink)}
.cc-why li{display:flex;gap:8px;align-items:baseline}
.cc-why li::before{content:"";width:7px;height:7px;border-radius:50%;flex:none;transform:translateY(-1px);background:var(--st-na)}
.cc-why li.l2::before{background:var(--st-red)} .cc-why li.l1::before{background:var(--st-warn)} .cc-why li.l0::before{background:var(--st-ok)}
.cc-foot{margin-top:auto;padding-top:4px;display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}
.cc-go{color:var(--ink);font-weight:500}
.cc:hover .cc-go{color:var(--st-c)}
.ovrules summary{cursor:pointer;font-size:13px;color:var(--muted);font-weight:500}
.ovrules .note{margin-top:8px}
.t-red{color:var(--st-red)} .t-warn{color:var(--st-warn)} .t-ok{color:var(--st-ok)}
.vault .row{margin-top:4px}
.kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
/* immagini spaccacapitolo (interni) */
.chap{position:relative;border-radius:var(--r);overflow:hidden;width:100%;height:clamp(150px,22vw,280px);background:var(--hero-bg);margin:0}
.chap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.chap::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(10 10 10 / .72) 0%,rgb(10 10 10 / .38) 42%,rgb(10 10 10 / 0) 75%)}
.chap figcaption{position:absolute;left:clamp(18px,3vw,36px);bottom:clamp(16px,2.6vw,30px);z-index:1;color:#fff;display:grid;gap:6px}
.chap .cn{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--hero-v,#d9c6a0);font-weight:500}
.chap .ct{font-size:clamp(26px,3.4vw,42px);font-weight:500;letter-spacing:-.015em;line-height:1.05}
.chap .cs{font-size:13px;opacity:.82}
body.pdfing .chap{display:none}
@media (max-width:560px){.kpis.k3{grid-template-columns:repeat(2,minmax(0,1fr))}}