@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
/* Chatter Console v2 — tema "RC Pay": minimale, font di sistema Apple (SF) e Inter come equivalente su Windows. */
:root{
  --bg:#f6f7fb;--surface:#fff;--surface-2:#f8fafc;
  --text:#0f172a;--ink:#0f172a;--soft:#334155;--muted:#64748b;--mut2:#94a3b8;
  --primary:#4f46e5;--primary-2:#7c3aed;--primary-dark:#4338ca;--light:#eef2ff;
  --line:#e7e9f2;--border:#e7e9f2;--line-2:#dbe1ea;
  --ok:#059669;--red:#dc2626;--warning:#d97706;
  --grad:linear-gradient(135deg,#4f46e5,#7c3aed);
  --shadow:0 1px 2px rgba(16,24,40,.04),0 4px 14px rgba(16,24,40,.05);
  --shadow-hover:0 2px 6px rgba(16,24,40,.06),0 14px 30px rgba(16,24,40,.09);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums}
::selection{background:#c7d2fe}
h1,h2,h3,p{margin-top:0}
h1{font-size:26px;font-weight:800;letter-spacing:-.6px;line-height:1.2;margin-bottom:6px}
h2{font-size:18px;font-weight:750;letter-spacing:-.3px}
h3{font-size:15px;font-weight:700;letter-spacing:-.2px}
a{color:var(--primary);text-decoration:none}
a:hover{color:var(--primary-dark)}
code{font-family:var(--mono);font-size:12px;background:var(--light);color:var(--primary-dark);padding:1px 6px;border-radius:6px}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#d5dbe5;border-radius:10px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:#b8c2d1;border:2px solid transparent;background-clip:padding-box}

/* Controlli */
button,input,select,textarea{font:inherit;color:inherit}
button{border:1px solid transparent;border-radius:10px;background:var(--primary);color:#fff;padding:9px 15px;cursor:pointer;font-weight:650;font-size:13.5px;line-height:1.3;box-shadow:0 1px 2px rgba(79,70,229,.25);transition:background .15s,box-shadow .15s,border-color .15s,filter .15s}
button:hover{filter:brightness(1.07)}
button:disabled{opacity:.5;cursor:not-allowed}
button.ghost{background:#fff;border-color:var(--line-2);color:var(--soft);box-shadow:none}
button.ghost:hover{background:var(--surface-2);border-color:#c3ccd8;filter:none}
button.danger{background:#fff;color:var(--red);border-color:#fecaca;box-shadow:none}
button.danger:hover{background:#fef2f2;border-color:#fca5a5;filter:none}
button.small{padding:5px 10px;font-size:12px}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
input,select,textarea{background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:9px 12px;color:var(--text);width:100%;min-width:0;font-size:14px;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:#a5b4fc;box-shadow:0 0 0 3px rgba(79,70,229,.14)}
input::placeholder,textarea::placeholder{color:var(--mut2)}
textarea{resize:vertical;min-height:100px;line-height:1.55}
input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary);flex:none;padding:0}
input[type=file]{padding:7px 9px;font-size:13px;color:var(--muted)}
input[type=file]::file-selector-button{border:1px solid var(--line-2);background:#fff;border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600;color:var(--soft);margin-right:10px;cursor:pointer}
label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--soft);min-width:0}
.check{flex-direction:row;align-items:center;gap:8px;font-weight:500}
form{margin:0}
small,.muted{color:var(--muted)}
small{font-size:12px}
.eyebrow{font-size:10.5px;letter-spacing:.08em;font-weight:800;color:var(--mut2);text-transform:uppercase}

/* Mattoncini */
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.spread{justify-content:space-between}
.stack{display:grid;gap:14px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);min-width:0}
.card> :last-child{margin-bottom:0}
.card.featured{background:var(--grad) top/100% 3px no-repeat,#fff}
.card.featured textarea{min-height:240px}
.badge{display:inline-block;padding:3px 9px;border-radius:7px;background:var(--light);color:var(--primary-dark);font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#cbd5e1;margin-right:6px;vertical-align:middle}
.dot.online,.dot.s-scrive{background:var(--ok);box-shadow:0 0 0 3px rgba(5,150,105,.15)}
.dot.s-pensa,.dot.s-in_attesa,.dot.s-letto{background:var(--warning)}
.dot.s-pausa{background:var(--primary)}
.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;padding:12px 15px;border-radius:11px;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.banner{margin-bottom:18px}
#notice:not(:empty){padding:11px 15px;margin-bottom:16px;border-radius:11px;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;font-size:13px;font-weight:600}
[hidden]{display:none!important}

/* Barra in alto: vetro smerigliato stile Apple */
.topbar{position:sticky;top:0;z-index:20;display:flex;gap:20px;align-items:center;min-height:64px;padding:10px 24px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--primary);letter-spacing:-.4px}
.brand:hover{color:var(--primary)}
.brand-ic{width:34px;height:34px;border-radius:10px;background:var(--grad);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:16px;box-shadow:0 2px 8px rgba(79,70,229,.28);flex:none}
.brand span{font-size:14.5px;font-weight:750;color:var(--text);letter-spacing:-.25px;line-height:1.15}
.brand small{display:block;font-size:9.5px;font-weight:800;letter-spacing:.12em;color:var(--mut2);margin-top:2px}
.worker-block{display:grid;gap:1px;border-left:1px solid var(--line);padding-left:20px;min-width:0}
.worker-block strong{font-size:14px;font-weight:750;letter-spacing:-.2px}
.worker-block small{max-width:340px;overflow-wrap:anywhere;font-size:11.5px;color:var(--mut2)}
#worker{font-size:12px;color:var(--soft);font-weight:600}
.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.top-actions label{flex-direction:row;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--muted)}
.top-actions select{width:auto;min-width:150px;padding:7px 10px;font-size:13px;font-weight:600}
.top-actions a.ghost{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1px solid var(--line-2);border-radius:10px;background:#fff;color:var(--soft);font-weight:600;font-size:13px}
.top-actions a.ghost:hover{background:var(--surface-2);border-color:#c3ccd8;color:var(--text)}
.top-actions button.ghost{height:36px;padding:0 14px}
.auto{min-width:118px;min-height:36px;padding:7px 14px;font-size:12px;font-weight:800;letter-spacing:.06em;border-radius:999px;background:#fff;color:var(--muted);border:1px solid var(--line-2);box-shadow:none;white-space:nowrap}
.auto:hover{background:var(--surface-2);filter:none}
.auto.on{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(5,150,105,.3)}
.auto.on:hover{filter:brightness(1.05)}

/* Struttura: sidebar fissa + contenuto */
.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 64px)}
.sidebar{position:sticky;top:64px;align-self:start;height:calc(100vh - 64px);overflow-y:auto;background:#fff;border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column}
.sidebar .eyebrow{padding-left:12px;margin-bottom:8px}
.sidebar nav{display:grid;gap:2px}
.sidebar nav button{display:flex;align-items:center;gap:11px;text-align:left;background:transparent;color:#475569;padding:9px 12px;border:1px solid transparent;border-radius:10px;font-size:13.5px;font-weight:600;box-shadow:none}
.sidebar nav button span{width:18px;font-size:15px;text-align:center;filter:grayscale(1);opacity:.7}
.sidebar nav button:hover{background:#f1f5f9;color:var(--text);filter:none}
.sidebar nav button[aria-current]{background:var(--light);color:var(--primary-dark);border-color:#e0e7ff}
.sidebar nav button[aria-current] span{opacity:1}
.sidebar-note{margin-top:auto;padding:28px 12px 0;font-size:11px;color:var(--mut2)}
.sidebar-note small{display:block;font-size:10.5px;margin-top:4px;color:var(--mut2)}
main#main{padding:28px 32px 56px;min-width:0;max-width:1320px;width:100%;margin:0 auto}
.panel-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}
.panel-head h1{margin:6px 0 0}
.toolbar{margin-bottom:18px}
.empty{padding:36px 18px;text-align:center;color:var(--muted);border:1px dashed var(--line-2);border-radius:14px;background:rgba(255,255,255,.6)}

/* Passi (generico) */
.step{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px auto;gap:10px;padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;align-items:end}
.step textarea{min-height:70px}
.steps{display:grid;gap:12px}

/* Chat */
.chat-layout{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;min-height:660px;box-shadow:var(--shadow)}
.chat-list-pane{border-right:1px solid var(--line);min-width:0;background:#fcfcfe}
.chat-filters{padding:14px;display:grid;gap:10px;border-bottom:1px solid var(--line)}
#chat-list{max-height:650px;overflow:auto}
.chat-row{padding:12px 14px;border-bottom:1px solid var(--line);display:grid;gap:7px;transition:background .12s}
.chat-row:hover{background:var(--surface-2)}
.chat-row.selected{background:#f5f7ff;box-shadow:inset 3px 0 var(--primary)}
.chat-open{display:block;width:100%;text-align:left;background:transparent;color:var(--text);padding:0;border:0;font-weight:400;box-shadow:none;border-radius:0}
.chat-open strong{font-size:14px;font-weight:700}
.preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:12px;margin-top:4px}
.phase-caldo{background:#fff7ed;color:#c2410c}
.phase-acquirente{background:#ecfdf5;color:#047857}
.phase-whale{background:#f5f3ff;color:#6d28d9}
.phase-spento{background:#f1f5f9;color:#64748b}
.conversation{padding:20px;min-width:0}
.messages{height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:18px;background:var(--bg);border-radius:14px;margin:14px 0;overscroll-behavior:contain}
.bubble{max-width:80%;border-radius:16px;padding:9px 13px;align-self:flex-start;background:#fff;border:1px solid var(--line);overflow-wrap:anywhere;box-shadow:0 1px 1px rgba(16,24,40,.03)}
.bubble.bot{align-self:flex-end;background:var(--light);border-color:#e0e7ff;color:#1e1b4b}
.bubble.me{align-self:flex-end;background:var(--grad);color:#fff;border-color:transparent}
.bubble p{white-space:pre-wrap;margin:0}
.bubble time{display:block;font-size:10.5px;opacity:.65;margin-top:4px}
.bubble img{max-width:240px;max-height:240px;width:100%;object-fit:contain;border-radius:10px}
.bubble audio{width:260px;max-width:100%}
.bubble button{padding:0;background:transparent;display:block;max-width:100%;box-shadow:none;border:0}
.composer{display:flex;gap:10px;align-items:end}
.composer label{flex:1}
.composer textarea{min-height:70px}
.contact-details{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
summary{cursor:pointer;font-weight:650;margin-bottom:12px}
.memory{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border:1px solid var(--line);padding:14px;border-radius:12px;font-size:13px}

/* Dashboard */
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}
.tile{padding:18px 16px}
.tile strong{display:block;font-size:24px;font-weight:800;letter-spacing:-.5px;margin-top:6px;overflow-wrap:anywhere}
.tile.highlight{background:linear-gradient(135deg,#1e1b4b,#3730a3);color:#fff;border-color:transparent}
.tile.highlight small{color:#c7d2fe}
.bar-row{display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:center;margin:14px 0}
.bar-track{height:8px;background:var(--light);border-radius:8px;overflow:hidden}
.bar{height:100%;background:var(--grad);border-radius:8px}
.record{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;justify-content:space-between;overflow-wrap:anywhere}
.record:last-child{border:0}
.record small{display:block}

/* Parametri e codice */
fieldset{margin:0;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));background:#fff;box-shadow:var(--shadow);min-width:0}
legend{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--mut2);padding:0 6px}
.wide{grid-column:1/-1}
.code-editor{min-height:520px;font:12.5px/1.7 var(--mono);tab-size:4;white-space:pre;overflow:auto;background:#0f172a;color:#e2e8f0;border-color:#1e293b;border-radius:14px;padding:14px 16px}
.code-editor:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(79,70,229,.25)}

/* Ingresso (login) */
body[data-page=login]{background:radial-gradient(1200px 600px at 50% -10%,#eef2ff 0%,rgba(238,242,255,0) 60%),var(--bg)}
.entrance{max-width:1080px;margin:auto;padding:64px 24px 72px}
.welcome{text-align:center;margin-bottom:28px}
.welcome::before{content:"C";display:grid;place-items:center;width:52px;height:52px;margin:0 auto 18px;border-radius:15px;background:var(--grad);color:#fff;font-weight:800;font-size:23px;box-shadow:0 6px 18px rgba(79,70,229,.3)}
.welcome .eyebrow{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;color:var(--primary-dark);box-shadow:var(--shadow)}
.welcome h1{font-size:34px;letter-spacing:-1px;margin:14px 0 8px}
.welcome h1 .badge{font-size:11px;margin-left:4px}
.welcome p{color:var(--muted);font-size:14.5px;margin:0}
.login{max-width:400px;margin:auto;display:grid;gap:16px;padding:28px}
.login h2,.login p{margin:0}
.login h2{font-size:20px;font-weight:800;letter-spacing:-.4px}
.login button{width:100%;padding:11px 16px;font-size:14px;font-weight:700;background:var(--grad);box-shadow:0 2px 10px rgba(79,70,229,.3)}
.creator-section{margin-top:56px}
.creator-section h2{margin-bottom:4px}
.creator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-top:18px}
.creator-card{display:block;color:var(--text);overflow:hidden;padding:0;transition:box-shadow .15s ease,transform .15s ease}
.creator-card:hover{color:var(--text);box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.creator-photo{height:190px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);display:flex;align-items:center;justify-content:center}
.creator-photo img{width:100%;height:100%;object-fit:cover}
.initial{width:76px;height:76px;border-radius:22px;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:32px;font-weight:800;box-shadow:0 6px 18px rgba(79,70,229,.28)}
.creator-copy{padding:16px 18px 18px}
.creator-copy h3{margin-bottom:3px}
.creator-copy p{min-height:20px;font-size:13px}

/* Varie */
.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:12px 15px;z-index:50;border-radius:10px;box-shadow:var(--shadow)}
.skip:focus{top:12px}
dialog{border:1px solid var(--line);border-radius:18px;max-width:95vw;max-height:92vh;padding:16px;box-shadow:0 20px 60px rgba(15,23,42,.25)}
dialog::backdrop{background:rgba(15,23,42,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
dialog form{text-align:right;margin-bottom:12px}
dialog img{max-width:100%;max-height:75vh;display:block;margin:auto;border-radius:12px}

@media(min-width:1500px){.chat-layout{grid-template-columns:360px minmax(0,1fr)}}
@media(max-width:1100px){.topbar{gap:14px;padding:10px 16px}.brand span{display:none}.worker-block{border:0;padding:0}.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.step{grid-template-columns:1fr 1fr}.step>label:first-child{grid-column:1/-1}.chat-layout{grid-template-columns:265px minmax(0,1fr)}main#main{padding:24px}}
@media(max-width:899px){.topbar{position:static;flex-wrap:wrap}.shell{display:block}.sidebar{position:static;height:auto;padding:10px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.eyebrow,.sidebar-note{display:none}.sidebar nav{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:4px}.sidebar nav button{justify-content:center;padding:8px 4px;gap:5px;font-size:12px}.sidebar nav button span{font-size:14px}.top-actions{flex:1;justify-content:flex-end;gap:8px}.top-actions label{max-width:180px}.worker-block{flex:1}.grid{grid-template-columns:1fr}.chat-layout{grid-template-columns:240px minmax(0,1fr)}.conversation{padding:12px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.entrance{padding-top:36px}}
@media(max-width:600px){main#main{padding:18px 12px}.top-actions{flex-basis:100%;flex-wrap:wrap;gap:8px}.auto{min-width:104px}.top-actions label{flex:1 1 180px;max-width:none}.top-actions select{min-width:0;flex:1;width:100%}.chat-layout{grid-template-columns:minmax(0,1fr)}.chat-list-pane{border-right:0;border-bottom:1px solid var(--line)}#chat-list{max-height:230px}.chat-filters{grid-template-columns:1fr 1fr}.chat-filters label:first-child{grid-column:1/-1}.chat-row{padding:10px}.messages{height:360px}.bubble{max-width:90%}.card{padding:16px}.creator-card{padding:0}.tile strong{font-size:21px}.composer{align-items:stretch;flex-direction:column}fieldset{padding:14px;grid-template-columns:1fr}.wide{grid-column:auto}.row>label{flex:1;min-width:110px}.welcome h1{font-size:28px}.sidebar nav button{flex-direction:column;gap:0}.sidebar nav button span{width:auto}.record{flex-wrap:wrap}.code-editor{min-height:400px}}

/* Sequenze: timeline verticale */
.seq-timeline{list-style:none;margin:14px 0 0;padding:0 0 0 34px;position:relative;border-left:2px dashed var(--line-2);display:flex;flex-direction:column;gap:14px;counter-reset:seqstep}
.seq-item{position:relative;counter-increment:seqstep}
.seq-item.step{display:block;padding:0;background:none;border:0;border-radius:0} /* fix: la card del passo non eredita più la griglia a 4 colonne di .step */
.seq-node{position:absolute;left:-49px;top:2px;width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font:700 12px/1 var(--mono);box-shadow:0 2px 8px rgba(79,70,229,.32)}
.seq-node::before{content:counter(seqstep,decimal-leading-zero)}
.seq-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow)}
.seq-card textarea{min-height:54px}
.seq-meta{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:8px}
.seq-meta label{margin:0}
@media(max-width:600px){.seq-timeline{padding-left:28px}.seq-node{left:-43px;width:26px;height:26px}}

/* Galleria */
.gallery-upload{padding:0}
.gallery-upload>summary{cursor:pointer;padding:13px 16px;font-weight:700;color:var(--primary);margin:0;list-style:none}
.gallery-upload>summary::-webkit-details-marker{display:none}
.gallery-upload>form{padding:0 16px 16px}
.gallery-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0}
.gtab{border:1px solid var(--line-2);background:#fff;color:var(--soft);border-radius:999px;padding:6px 14px;cursor:pointer;font-size:13px;font-weight:600;box-shadow:none}
.gtab:hover{background:var(--surface-2);filter:none}
.gtab.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.gallery-tabs .spacer{flex:1}
.gallery-tabs .glevel{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.gallery-tabs .glevel select{width:auto;padding:6px 10px}
.outfit-group{margin:20px 0}
.outfit-title{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:750;margin:0 0 10px;color:var(--text)}
.outfit-title .count{background:var(--light);color:var(--primary-dark);border-radius:999px;padding:1px 9px;font-size:11.5px;font-weight:700}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.gallery-photo{width:100%;height:220px;object-fit:cover;border-radius:10px}
.gallery-card{padding:8px;overflow:hidden;border-radius:16px}
.gallery-card form{display:grid;gap:12px}
.gphoto{position:relative;border-radius:12px;overflow:hidden;background:var(--light);aspect-ratio:3/4}
.gphoto img,.gphoto video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.gphoto .photo-btn{padding:0;border:0;width:100%;height:100%;cursor:zoom-in;background:none;box-shadow:none;border-radius:0}
.gallery-card:hover .gphoto img{transform:scale(1.04)}
.gbadges{position:absolute;top:6px;left:6px;display:flex;gap:4px}
.gb{background:rgba(15,23,42,.72);color:#fff;border-radius:6px;padding:2px 6px;font-size:10.5px;font-weight:700;line-height:1.3}
.gb.off{background:rgba(220,38,38,.9)}
.gmeta{margin:8px 2px 2px;font-size:12px;color:var(--muted)}
.tiny{font-size:12px;padding:3px 8px;border-radius:7px}
.gdel{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(220,38,38,.92);color:#fff;font-size:13px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s;z-index:2;padding:0;box-shadow:none}
.gallery-card:hover .gdel,.gdel:focus{opacity:1}
@media(hover:none){.gdel{opacity:1}}

/* Plugin (04/11/2026) — copia della pagina Plugins di RC Pay: cartelle, poi le card dei plugin */
.rp-ph{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.rp-sub{color:var(--muted);font-size:13.5px;margin:0;max-width:640px;line-height:1.55}
.rp-summary{flex:0 0 auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 16px;font-size:13px;font-weight:700;color:#334155;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.rp-summary b{color:var(--primary)}
.rp-flash{margin:0 0 18px;padding:12px 15px;border-radius:11px;font-size:13px;font-weight:600}
.rp-flash.ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.rp-flash.err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.rp-folders{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rp-fold{position:relative;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;cursor:pointer;text-align:left;font-family:inherit;color:inherit;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 14px rgba(16,24,40,.05);transition:box-shadow .15s ease,transform .15s ease}
.rp-fold:hover{box-shadow:0 2px 6px rgba(16,24,40,.06),0 14px 30px rgba(16,24,40,.09);transform:translateY(-2px);filter:none}
.rp-fold:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.rp-ficn{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto}
.rp-ficn svg{width:24px;height:24px}
.rp-fnm{font-size:16px;font-weight:800;letter-spacing:-.2px}
.rp-fct{font-size:12px;color:var(--muted);margin-top:3px;font-weight:500}
.rp-fgo{margin-left:auto;color:var(--mut2);font-size:20px;font-weight:700}
.rp-fhead{display:flex;align-items:center;gap:12px;margin:0 0 16px;flex-wrap:wrap}
.rp-fhead h2{font-size:19px;font-weight:800;letter-spacing:-.3px;margin:0}
.rp-fhead .rp-fct{margin:0}
.rp-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rp-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 20px 18px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 14px rgba(16,24,40,.05);overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}
.rp-card:hover{box-shadow:0 2px 6px rgba(16,24,40,.06),0 14px 30px rgba(16,24,40,.09);transform:translateY(-2px)}
.rp-strip{position:absolute;top:0;left:0;right:0;height:4px}
.rp-chd{display:flex;align-items:center;gap:12px}
.rp-icn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}
.rp-icn svg{width:22px;height:22px}
.rp-nm{font-size:16px;font-weight:800;letter-spacing:-.2px;line-height:1.2}
.rp-ver{margin-left:auto;font-family:var(--mono);font-size:12px;font-weight:800;color:#fff;padding:4px 10px;border-radius:8px;white-space:nowrap}
.rp-chip{align-self:flex-start;margin-top:12px;padding:3px 10px;border-radius:8px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.rp-desc{color:#475569;font-size:13px;line-height:1.55;margin:12px 0 0}
.rp-slug{font-family:var(--mono);font-size:11px;color:var(--mut2);margin-top:9px}
.rp-meta{color:var(--muted);font-size:11.5px;margin-top:4px}
.rp-meta b{color:#334155;font-weight:700}
.rp-row{display:flex;align-items:center;gap:9px;margin-top:16px;flex-wrap:wrap}
a.rp-btn,button.rp-btn{display:inline-flex;align-items:center;gap:7px;border-radius:10px;font-size:13px;font-weight:700;padding:9px 15px;cursor:pointer;text-decoration:none;border:1px solid transparent;font-family:inherit;line-height:1.3}
.rp-btn.dl{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 2px 8px rgba(79,70,229,.28)}
.rp-btn.dl:hover{filter:brightness(1.06);color:#fff}
.rp-btn.gh{background:#fff;color:#334155;border-color:#dbe1ea;box-shadow:none}.rp-btn.gh:hover{background:#f8fafc;border-color:#c3ccd8;filter:none}
.rp-hist{margin-top:13px;border:1px solid #eef1f7;border-radius:12px;overflow:hidden;display:none;background:#fbfcfe}
.rp-hist.open{display:block}
.rp-hrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;font-size:12px;border-bottom:1px solid #eef1f7}
.rp-hrow:last-child{border-bottom:none}
.rp-hv{font-family:var(--mono);font-weight:700;color:#334155}
.rp-hs{color:var(--mut2);font-weight:500;margin-left:2px}
.rp-hdl{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:8px;background:#fff;border:1px solid #dbe1ea;color:#475569;text-decoration:none;font-weight:700;flex:0 0 auto}
.rp-hdl:hover{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}
.rp-up{margin-top:15px;padding-top:14px;border-top:1px dashed var(--line);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rp-lbl{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--mut2);width:100%;margin-bottom:2px}
.rp-up input[type=file]{font-size:12px;flex:1;min-width:130px;color:var(--muted);width:auto;border:0;padding:0;box-shadow:none}
.rp-up input[type=file]::file-selector-button{border:1px solid #dbe1ea;background:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;color:#334155;margin-right:9px;cursor:pointer}
.rp-up input[type=text]{width:100px;border:1px solid #cbd5e1;border-radius:9px;padding:7px 9px;font-family:var(--mono);font-size:12px}
.rp-up button{background:#0f172a;color:#fff;border:none;border-radius:9px;padding:8px 15px;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:none}
.rp-up button:hover{background:#1e293b;filter:none}
@media(max-width:820px){.rp-folders{grid-template-columns:1fr 1fr}.rp-grid{grid-template-columns:1fr}}
@media(max-width:520px){.rp-folders{grid-template-columns:1fr}}

/* Menu e Cervello (04/11/2026): icone lucide colorate dentro un quadratino, sotto-sezioni del Cervello */
.ic{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;flex:none}
.ic svg{width:16px;height:16px}
.sidebar nav{gap:4px}
.sidebar nav button{gap:12px;padding:7px 10px;font-size:14px}
.sidebar nav button .ic{width:30px;height:30px;font-size:inherit;filter:none;opacity:1}
.sidebar nav button[aria-current]{background:#f8fafc;color:var(--text);border-color:var(--line);box-shadow:var(--shadow)}
.subtabs{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 24px}
.subtabs button{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--soft);border:1px solid var(--line);border-radius:12px;padding:6px 14px 6px 6px;font-size:13.5px;font-weight:650;box-shadow:none}
.subtabs button:hover{background:#f8fafc;filter:none}
.subtabs button[aria-current]{color:var(--text);border-color:#c7d2fe;box-shadow:0 0 0 3px rgba(79,70,229,.10),var(--shadow)}
.subtabs .ic{width:26px;height:26px;border-radius:8px}
.subtabs .ic svg{width:15px;height:15px}
.row.end{justify-content:flex-end}
/* Consigli: due liste semplici */
.cs-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.cs-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);min-width:0}
.cs-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.cs-head h2{margin:0;font-size:16px;font-weight:800;letter-spacing:-.2px}
.cs-n{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--light);color:var(--primary-dark);font-size:12px;font-weight:800;display:inline-grid;place-items:center}
.cs-n:empty{display:none}
.cs-add{display:flex;gap:8px;margin-bottom:8px}
.cs-add select{width:auto;flex:none}
.cs-add input{flex:1}
.cs-list{display:grid}
.cs-list .empty{padding:22px 12px;margin-top:6px}
.cs-item{display:flex;align-items:flex-start;gap:12px;padding:12px 2px;border-top:1px solid var(--line)}
.cs-item:first-child{border-top:0}
.cs-check{width:24px;height:24px;padding:0;border-radius:50%;border:2px solid var(--line-2);background:#fff;color:transparent;display:grid;place-items:center;box-shadow:none;flex:none;margin-top:1px}
.cs-check svg{width:13px;height:13px}
.cs-check:hover{border-color:var(--ok);color:var(--ok);filter:none}
.cs-item.done .cs-check{background:var(--ok);border-color:var(--ok);color:#fff}
.cs-txt{flex:1;min-width:0}
.cs-txt p{margin:0 0 2px;font-size:14px;line-height:1.5;color:var(--text);overflow-wrap:anywhere}
.cs-txt small{color:var(--mut2);font-size:12px}
.cs-item.done .cs-txt p{color:var(--mut2);text-decoration:line-through}
.cs-del{background:transparent;color:var(--mut2);box-shadow:none;padding:4px 8px;opacity:0;transition:opacity .15s}
.cs-item:hover .cs-del,.cs-del:focus-visible{opacity:1}
.cs-del:hover{color:var(--red);background:#fef2f2;filter:none}
@media(hover:none){.cs-del{opacity:1}}
/* Parametri: riquadri con parole semplici, il resto in «Avanzate» */
.pm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pm-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);min-width:0}
.pm-box h2{font-size:15px;font-weight:800;letter-spacing:-.2px;margin:0 0 14px}
.pm-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}
.pm-fields .check{grid-column:1/-1}
.pm-adv{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 20px;box-shadow:var(--shadow)}
.pm-adv>summary{cursor:pointer;font-weight:700;color:var(--soft)}
.pm-adv[open]>summary{margin-bottom:14px}
.ds-up{align-items:flex-end}
.ds-up label{flex:1}
@media(max-width:899px){.cs-cols,.pm-grid{grid-template-columns:1fr}.sidebar nav button .ic{width:28px;height:28px}}
@media(max-width:600px){.pm-fields{grid-template-columns:1fr}.subtabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin-right:-12px}.subtabs button{flex:none}.cs-add{flex-wrap:wrap}.cs-add input{flex-basis:100%}}

/* ── Shop (03/11/2026): link di pagamento Whop / Stripe ─────────────────── */
.shop{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto 1fr;grid-template-areas:"live new" "live cfg";gap:18px;align-items:start}
.sp-live{grid-area:live;display:grid;gap:18px;min-width:0}
.sp-new{grid-area:new;display:grid;gap:12px}
.sp-cfg{grid-area:cfg;display:grid;gap:12px}
.shop .card h2{margin:0;font-size:16px;letter-spacing:-.01em}
.sp-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sp-tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow);display:grid;gap:3px;min-width:0}
.sp-tile span{font-size:12px;font-weight:650;color:var(--muted)}
.sp-tile b{font-size:22px;font-weight:750;letter-spacing:-.02em;color:var(--ink)}
.sp-tile small{font-size:11.5px;color:var(--mut2);line-height:1.4}
.sp-tile.ok b{color:var(--ok)}
.sp-tile.money b{color:var(--primary)}
.sp-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.sp-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.sp-list-head+.sp-item{border-top:0}
.sp-proc{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 8px;border-radius:8px;min-width:58px;text-align:center}
.sp-proc.whop{background:#f5f3ff;color:#6d28d9}
.sp-proc.stripe{background:#eff6ff;color:#1d4ed8}
.sp-main{display:grid;gap:2px;min-width:0}
.sp-main b{font-size:14.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-main small{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-st{font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap}
.st-wait{background:#fffbeb;color:#b45309}
.st-ok{background:#ecfdf5;color:#047857}
.st-warn{background:#fff7ed;color:#c2410c}
.st-off{background:#f1f5f9;color:#64748b}
.sp-act{display:flex;gap:6px}
.sp-act button,.sp-act a{min-width:34px;height:34px;padding:0 8px;border-radius:10px;display:inline-grid;place-items:center;font-size:14px;line-height:1}
.sp-act a{border:1px solid var(--line-2);background:#fff;color:var(--soft);text-decoration:none;font-weight:700}
.sp-act a:hover{background:var(--surface-2);border-color:#c3ccd8}
.sp-send{display:flex;gap:8px;padding:0 0 12px}
.sp-send select{flex:1;min-width:0}
.sp-seg{display:flex;flex-wrap:wrap;gap:6px}
.sp-seg label{flex:1 1 auto;position:relative}
.sp-seg input{position:absolute;opacity:0;pointer-events:none}
.sp-seg span{display:block;text-align:center;padding:9px 10px;border:1px solid var(--line-2);border-radius:10px;font-size:13px;font-weight:650;color:var(--soft);background:#fff;cursor:pointer;white-space:nowrap}
.sp-seg span:hover{background:var(--surface-2)}
.sp-seg input:checked+span{border-color:#a5b4fc;background:var(--light);color:var(--primary-dark)}
.sp-seg input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}
.sp-abb{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sp-abb[hidden],.sp-msg[hidden]{display:none}
.shop textarea,.card.featured.sp-new textarea{min-height:76px}
.sp-actions{display:flex;gap:8px;flex-wrap:wrap}
.sp-actions button{flex:1 1 auto}
.sp-note{margin:0;font-size:13px;font-weight:600;color:var(--muted);min-height:1.2em}
.sp-note.ok{color:var(--ok)}
.sp-note.err{color:var(--red)}
.sp-cfg-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sp-cfg-row>label:last-child{flex-direction:row;align-items:center;gap:8px}
.sp-cfg-row select{width:auto}
.sp-switch{flex-direction:row!important;align-items:center;gap:9px!important;font-size:14px!important;color:var(--ink)!important}
.sp-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);background:#0f172a;color:#fff;padding:11px 16px;border-radius:12px;font-size:14px;font-weight:650;box-shadow:0 12px 30px rgba(15,23,42,.25);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;max-width:calc(100vw - 32px)}
.sp-toast.on{opacity:1;transform:translate(-50%,0)}
.sp-toast.err{background:var(--red)}
@media(max-width:1100px){.shop{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"new" "live" "cfg"}}
@media(max-width:600px){.sp-kpi{grid-template-columns:1fr 1fr}.sp-item{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"proc main main" "st st act";row-gap:8px}.sp-proc{grid-area:proc}.sp-main{grid-area:main}.sp-st{grid-area:st;justify-self:start}.sp-act{grid-area:act}}
/* ── Shop · foto bloccata e no a Fanvue (03/11/2026 sera) ─────────────────── */
.sp-side{grid-area:cfg;display:grid;gap:18px;min-width:0}
.sp-foto{border:1px solid var(--line-2);border-radius:12px;background:#fff;min-width:0}
.sp-foto summary{cursor:pointer;padding:10px 12px;font-size:13.5px;font-weight:650;color:var(--soft);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px}
.sp-foto summary::-webkit-details-marker{display:none}
.sp-foto summary small{font-weight:600;color:var(--muted)}
.sp-foto[open] summary{border-bottom:1px solid var(--line)}
.sp-foto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px;max-height:252px;overflow:auto;padding:10px}
.sp-foto-grid label{position:relative;display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--surface-2)}
.sp-foto-grid input{position:absolute;opacity:0;pointer-events:none}
.sp-foto-grid img{width:100%;height:100%;object-fit:cover;display:block}
.sp-foto-grid i{position:absolute;right:4px;bottom:4px;font-style:normal;font-size:10.5px;font-weight:800;background:rgba(15,23,42,.72);color:#fff;border-radius:6px;padding:1px 5px}
.sp-foto-grid label:has(input:checked){outline:3px solid var(--primary);outline-offset:-3px}
.sp-foto-grid input:focus-visible+img,.sp-foto-grid input:focus-visible+span{outline:2px solid var(--primary);outline-offset:-2px}
.sp-f0 span{display:grid;place-items:center;height:100%;font-size:12px;font-weight:700;color:var(--muted)}
.sp-foto>small{display:block;padding:0 12px 10px;font-size:12px;line-height:1.45}
.sp-h3{margin:6px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:14px;letter-spacing:-.01em}
.sp-nofv{display:grid;gap:10px}
.sp-nofv p{margin:0;font-size:12.5px}
.sp-nofv-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:240px;overflow:auto}
.sp-nofv-list li{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.sp-nofv-list span{flex:1;min-width:0;font-size:13.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-nofv-list small{font-size:12px;color:var(--muted);white-space:nowrap}
.sp-nofv-list button{min-width:30px;height:30px;padding:0 6px;border-radius:8px}
.sp-nofv-add{display:flex;gap:8px}
.sp-nofv-add select{flex:1;min-width:0}
.sp-side>.sp-cfg{grid-area:auto}
.genlarge{position:absolute;top:6px;left:6px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(15,39,64,.72);color:#fff;font-size:13px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s;z-index:2}
.gallery-card:hover .genlarge,.genlarge:focus{opacity:1}
@media(hover:none){.genlarge{opacity:1}}
#photo-dialog.media-dialog{max-width:94vw;max-height:94vh;border:0;border-radius:12px;padding:10px;background:#0b0b0b}
#photo-dialog.media-dialog form{text-align:right;margin-bottom:6px}
#photo-dialog #full-photo,#photo-dialog #full-video{max-width:90vw;max-height:84vh;display:block;margin:0 auto;border-radius:8px}

/* Credito OpenRouter in alto (04/11/2026) */
.or-chip{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;text-decoration:none;white-space:nowrap}
.or-chip .or-oggi{color:var(--muted);font-weight:600}
.or-chip.basso{border-color:#fcd34d;background:#fffbeb;color:#92400e}
.or-chip.finito{border-color:#fca5a5;background:#fef2f2;color:#991b1b}
.or-chip.basso .or-oggi,.or-chip.finito .or-oggi{color:inherit;opacity:.75}
@media(max-width:899px){.or-chip .or-oggi{display:none}}

/* Esempi · impara da te (04/11/2026): la scheda in fondo alle Scritte, al posto della sezione «esempi-auto» */
.ex-card{grid-column:1/-1;padding:18px 20px}
.ex-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ex-head h2{margin:0;font-size:16px;font-weight:800;letter-spacing:-.2px}
.ex-head .cx-switch{margin-left:auto;color:var(--soft);font-size:12.5px;font-weight:600}
.ex-agg{display:inline-flex;align-items:center;gap:6px}
.ex-agg .cx-i{width:14px;height:14px}
.ex-list{display:grid;grid-template-columns:minmax(0,1fr);margin-top:8px}   /* minmax: la riga «Fan: …» su una riga non allarga la scheda */
.ex-list .empty{padding:22px 12px;margin-top:6px}
.ex-item{display:flex;align-items:flex-start;gap:10px;padding:11px 2px;border-top:1px solid var(--line)}
.ex-item:first-child{border-top:0}
.ex-item.off{opacity:.55}
.ex-txt{flex:1;min-width:0}
.ex-top{display:flex;align-items:center;gap:8px;margin-bottom:3px}
.ex-chip{padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.ex-chip.e-corr{background:#ecfdf5;color:#047857}
.ex-chip.e-mie{background:var(--light);color:var(--primary-dark)}
.ex-meta{color:var(--mut2);font-size:11.5px}
.ex-fan{display:block;overflow:hidden;color:var(--muted);font-size:12.5px;white-space:nowrap;text-overflow:ellipsis}
.ex-txt p{margin:1px 0 0;color:var(--text);font-size:14px;font-weight:600;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.ex-item:hover .cs-del{opacity:1}
@media(max-width:600px){.ex-card{padding:16px 14px}.ex-head .cx-switch{order:5;flex-basis:100%;justify-content:space-between;margin-left:0}.ex-agg{width:36px;height:36px;margin-left:auto;padding:0;justify-content:center}.ex-agg span{display:none}}
/* Scritte: interruttore ON/OFF su ogni sezione e gruppo «Sezioni spente» (04/11/2026) */
.pr-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-4px 0 2px}
.pr-stato{font-size:11.5px;font-weight:750;letter-spacing:.02em;text-transform:uppercase;color:#15803d}
.pr-spenta .pr-stato{color:var(--muted)}
.pr-card.pr-spenta{background:#f8fafc;box-shadow:none}
.pr-card.pr-spenta input[name=title],.pr-card.pr-spenta textarea{color:var(--muted)}
.pr-hint{margin:0;padding:10px 12px;border-radius:12px;background:var(--light);color:var(--primary-dark);font-size:13px;font-weight:600;line-height:1.45}
.pr-off{grid-column:1/-1;margin-top:18px}
.pr-off>summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;cursor:pointer;padding:12px 4px;font-weight:750;color:var(--text);list-style:none}
.pr-off>summary::-webkit-details-marker{display:none}
.pr-off>summary::before{content:"›";display:inline-block;width:14px;color:var(--muted);transition:transform .2s}
.pr-off[open]>summary::before{transform:rotate(90deg)}
.pr-off>summary small{flex-basis:100%;margin-left:22px;color:var(--muted);font-weight:500}
.pr-off>.grid{margin-top:6px}

/* Chat e Stock di tutto (04/11/2026) */
/* ── Chat e Stock di tutto (04/11/2026): icone a linee in quadratini colorati, segmenti stile Apple, tanta aria ── */
.cx-i{width:16px;height:16px;flex:none;display:block}
.cx-ico{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:var(--tint,#f1f5f9)}
.cx-ico.sm{width:22px;height:22px;border-radius:7px}
.cx-ico.sm .cx-i{width:13px;height:13px}
.cx-ico.lg{width:48px;height:48px;border-radius:14px}
.cx-ico.lg .cx-i{width:22px;height:22px}
.cx-t-tg{color:#2563eb;--tint:#eff6ff}
.cx-t-fv{color:#7c3aed;--tint:#f5f3ff}
.cx-t-photo{color:#ea580c;--tint:#fff7ed}
.cx-t-video{color:#db2777;--tint:#fdf2f8}
.cx-t-day{color:#d97706;--tint:#fffbeb}
.cx-t-night{color:#4f46e5;--tint:#eef2ff}
.cx-t-cat{color:#059669;--tint:#ecfdf5}
.cx-t-none{color:#64748b;--tint:#f1f5f9}
.cx-empty{display:grid;justify-items:center;gap:12px;padding:52px 20px;text-align:center;color:var(--muted)}
.cx-empty p{margin:0;font-size:13.5px;font-weight:550}

/* Barra in cima ai pannelli: modella, segmenti, azioni */
.cx-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.cx-grow{flex:1 1 auto}
.cx-pick{position:relative;display:inline-flex;flex-direction:row;align-items:center;gap:8px;height:38px;max-width:100%;padding:0 32px 0 5px;background:#fff;border:1px solid var(--line-2);border-radius:999px;color:var(--text);font-size:13.5px;font-weight:650;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.cx-pick:hover{border-color:#c3ccd8}
.cx-pick:focus-within{border-color:#a5b4fc;box-shadow:0 0 0 3px rgba(79,70,229,.14)}
.cx-pick-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--grad);color:#fff;font-size:12.5px;font-weight:750}
.cx-pick-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-pick .cx-pick-c{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--mut2);pointer-events:none}
.cx-pick select{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}
.cx-seg{display:inline-flex;align-items:center;gap:2px;max-width:100%;padding:3px;background:#eceff4;border-radius:12px}
.cx-seg button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 12px 0 5px;background:transparent;color:var(--muted);border:0;border-radius:9px;box-shadow:none;font-size:13.5px;font-weight:600;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}
.cx-seg button:hover{filter:none;color:var(--text)}
.cx-seg button.on{background:#fff;color:var(--text);box-shadow:0 1px 2px rgba(16,24,40,.1),0 1px 8px rgba(16,24,40,.06)}
.cx-seg b{min-width:22px;padding:0 7px;border-radius:999px;background:rgba(15,23,42,.06);color:var(--muted);font-size:11.5px;font-weight:650;line-height:18px;text-align:center}
.cx-seg button.on b{background:var(--light);color:var(--primary-dark)}
.cx-seg.sm{border-radius:10px}
.cx-seg.sm button{height:28px;padding:0 10px;gap:5px;border-radius:8px;font-size:12.5px}
.cx-seg.sm .cx-i{width:14px;height:14px}
.cx-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 14px;background:#fff;color:var(--soft);border:1px solid var(--line-2);border-radius:11px;box-shadow:0 1px 2px rgba(16,24,40,.04);font-size:13px;font-weight:650;white-space:nowrap}
.cx-btn:hover{background:var(--surface-2);border-color:#c3ccd8;filter:none}
.cx-btn.on{background:var(--light);border-color:#c7d2fe;color:var(--primary-dark)}
.cx-btn.cx-sq{width:38px;padding:0}
.cx-btn.cx-primary{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 2px 8px rgba(79,70,229,.28)}
.cx-btn.cx-primary:hover{background:var(--grad);filter:brightness(1.06)}
.cx-switch{position:relative;display:inline-flex;flex-direction:row;align-items:center;gap:7px;font-size:11.5px;font-weight:650;color:var(--muted);cursor:pointer;user-select:none;-webkit-user-select:none}
.cx-switch input[type=checkbox]{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.cx-switch i{position:relative;flex:none;width:36px;height:22px;border-radius:999px;background:#d9dee7;transition:background .2s}
.cx-switch i::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.22),0 1px 1px rgba(15,23,42,.08);transition:transform .2s}
.cx-switch input:checked+i{background:#34c759}
.cx-switch input:checked+i::after{transform:translateX(14px)}
.cx-switch input:focus-visible+i{outline:2px solid var(--primary);outline-offset:2px}
.cx-switch input:disabled+i{opacity:.55}
.cx-play,.sk-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(15,23,42,.45);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}
.cx-play .cx-i,.sk-play .cx-i{width:16px;height:16px;margin-left:2px;fill:currentColor}

/* ── Chat v2 (04/11/2026): copia della pagina Chatbot di Mr Insider. Classi mc-* (chat) e cd-* (statistiche),
   così le vecchie regole globali .chat-*, .bubble, .messages di style.css non toccano niente. Colori di MI:
   blu Telegram #3390ec, sfondo #e3ddd4 a puntini, bolle nostre #effdde, verde #199a53, ambra #a05a00 / #e0b84a. ── */

/* In cima: le linguette Telegram | Fanvue sulla linea di base (come le linguette di MI), la massa a destra */
.mc-top{display:flex;align-items:flex-end;gap:4px 14px;flex-wrap:wrap;margin:0 0 18px;border-bottom:1px solid var(--line-2)}
.mc-tabs{display:flex;gap:6px;min-width:0}
.mc-tab{display:inline-flex;align-items:center;gap:8px;margin:0 0 -1px;padding:10px 14px;background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;font-size:13px;font-weight:600;line-height:1.55;white-space:nowrap}
.mc-tab:hover{color:var(--text);filter:none}
.mc-tab:focus-visible{outline-offset:-3px}
.mc-tab .cx-i{width:17px;height:17px}
.mc-tab b{min-width:22px;padding:0 7px;border-radius:999px;background:rgba(51,144,236,.12);color:#3390ec;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.mc-tab.t-fv b{background:rgba(124,58,237,.12);color:#7c3aed}
.mc-tab b:empty{display:none}   /* il numero compare con la prima risposta dell'elenco */
.mc-tab.e-qui{border-bottom-color:currentColor}
.mc-tab.t-tg.e-qui{color:#3390ec}
.mc-tab.t-fv.e-qui{color:#7c3aed}
.mc-quiet{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;margin:0 0 8px auto;padding:0 13px;background:#fff;color:var(--soft);border:1px solid var(--line-2);border-radius:999px;box-shadow:none;font-size:12.5px;font-weight:600;white-space:nowrap}
.mc-quiet:hover{background:var(--surface-2);border-color:#c3ccd8;filter:none}
.mc-quiet.on{background:rgba(51,144,236,.1);border-color:rgba(51,144,236,.35);color:#1d6fc4}
.mc-quiet .cx-i{width:15px;height:15px;color:#3390ec}

/* Messaggio di massa: un riquadro come le schede di MI */
.mc-massa{display:grid;gap:12px;margin:0 0 16px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.mc-massa-testa{display:flex;align-items:center;gap:10px}
.mc-massa-testa h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em}
.mc-massa textarea{min-height:96px}
.mc-massa-opz{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap}
.mc-massa-opz select{width:auto;min-width:170px;height:36px;padding:6px 10px}
.mc-massa-piede{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mc-massa button:not(.ghost):not(.danger){background:#3390ec;box-shadow:none}
#mass-count{font-size:13px;font-weight:600;color:var(--muted)}
.mc-massa textarea:focus,.mc-massa select:focus,.mc-info textarea:focus,.mc-info input:focus,.mc-info select:focus{border-color:#3390ec;box-shadow:0 0 0 3px rgba(51,144,236,.12)}

/* Due colonne come MI: elenco 340 px | conversazione. Bordo sottile, niente ombra. */
.mc{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100vh - 270px);height:calc(100dvh - 270px);min-height:520px;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.mc-lista{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;border-right:1px solid var(--line)}
.mc-cerca{position:sticky;top:0;z-index:2;display:grid;gap:8px;padding:10px;background:var(--surface)}
.mc-search{position:relative;display:block}
.mc-search .cx-i{position:absolute;left:13px;top:50%;width:15px;height:15px;transform:translateY(-50%);color:var(--mut2);pointer-events:none}
.mc-search input{height:38px;margin:0;padding:0 14px 0 36px;border:1px solid #cdd5e0;border-radius:999px;font-size:13px}
.mc-search input::placeholder,.mc-piede textarea::placeholder{color:#9aa6b5}
.mc-search input:focus,.mc-filtri select:focus{border-color:#3390ec;box-shadow:0 0 0 3px rgba(51,144,236,.12)}
.mc-filtri{display:flex;align-items:center;gap:6px;min-width:0}
.mc-filtri select{flex:1 1 0;width:auto;min-width:0;height:30px;padding:0 6px 0 11px;background-color:#f2f4f7;border-color:transparent;border-radius:999px;color:var(--soft);font-size:12px;font-weight:600;cursor:pointer}
.mc-bot{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}
.mc-bot-dot{width:7px;height:7px;border-radius:50%;background:#cbd5e1;flex:none}
.mc-bot-dot.on{background:#199a53;box-shadow:0 0 0 3px rgba(25,154,83,.16)}
#chat-list.mc-righe{max-height:none;overflow:visible;padding:0 0 8px}   /* batte le vecchie regole #chat-list (650px / 230px) */

/* Le sezioni dell'elenco: intestazione maiuscoletta con il numero, la seconda parte chiusa */
.mc-sez>summary{display:flex;align-items:center;gap:8px;margin:0;padding:8px 14px 6px;color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;list-style:none;cursor:pointer;user-select:none;-webkit-user-select:none}
.mc-sez>summary::-webkit-details-marker{display:none}
.mc-sez-i{width:14px;height:14px;color:#3390ec}
.mc-sez[data-sez=mute] .mc-sez-i{color:#c08a1e}
.mc-sez-n{padding:1px 8px;border-radius:999px;background:rgba(51,144,236,.12);color:#3390ec;font-size:11px;letter-spacing:0}
.mc-sez-c{width:14px;height:14px;margin-left:auto;transition:transform .15s}
.mc-sez:not([open]) .mc-sez-c{transform:rotate(-90deg)}
.mc-sez+.mc-sez{margin-top:6px;border-top:1px solid var(--line)}

/* La riga di una chat: arrotondata e rientrata, niente divisori; aperta = blu pieno */
.mc-p{display:flex;align-items:center;gap:10px;width:calc(100% - 12px);margin:0 6px;padding:9px 12px;background:transparent;color:var(--text);border:0;border-radius:10px;box-shadow:none;font-size:inherit;font-weight:400;line-height:1.4;text-align:left;transition:background .12s}
.mc-p:hover{background:rgba(51,144,236,.07);filter:none}
.mc-p:focus-visible{outline-offset:-2px}
.mc-p.e-aperto{background:#3390ec;color:#fff}
.mc-p.e-aperto small,.mc-p.e-aperto .mc-ant,.mc-p.e-aperto .mc-ora,.mc-p.e-aperto .mc-stato,.mc-p.e-aperto .mc-stato em{color:rgba(255,255,255,.85)}
.mc-p.e-aperto .mc-ant i{color:#fff;font-weight:600}   /* su MI «Sofia:» restava blu su blu */
.mc-av{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5fa8f5,#3390ec);color:#fff;font-size:17px;font-weight:700;line-height:1}
.mc-p-testo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mc-p-testo b{overflow:hidden;font-size:13.5px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.mc-p-testo small{color:var(--muted);font-size:11px;font-weight:400}
.mc-ant{overflow:hidden;color:var(--muted);font-size:12.5px;white-space:nowrap;text-overflow:ellipsis}
.mc-ant i{color:#3390ec;font-style:normal}
.mc-ant i.e-tu{color:#1a7f37}
.mc-stato{overflow:hidden;color:var(--muted);font-size:10.5px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.mc-stato em,.mc-chi em{font-style:normal;font-weight:600}
.mc-stato .e-ok,.mc-chi .e-ok{color:#199a53}
.mc-stato .e-warn,.mc-chi .e-warn{color:#a05a00}
.mc-ora{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none;align-self:flex-start;margin-top:3px;color:var(--muted);font-size:11px;white-space:nowrap}
.mc-dot{display:block;width:8px;height:8px;border-radius:50%;background:#3390ec}
.mc-p.e-aperto .mc-dot{background:#fff}
/* Fanvue: stesso aspetto, accento viola */
.mc.is-fv .mc-av{background:linear-gradient(135deg,#a78bfa,#7c3aed)}
.mc.is-fv .mc-p:hover{background:rgba(124,58,237,.07)}
.mc.is-fv .mc-p.e-aperto{background:#7c3aed}
.mc.is-fv .mc-sez-i,.mc.is-fv .mc-dot{color:#7c3aed}
.mc.is-fv .mc-dot{background:#7c3aed}
.mc.is-fv .mc-p.e-aperto .mc-dot{background:#fff}
.mc.is-fv .mc-sez-n{background:rgba(124,58,237,.12);color:#7c3aed}
.mc.is-fv .mc-p:not(.e-aperto) .mc-ant i:not(.e-tu){color:#7c3aed}
.mc.is-fv .mc-firma.e-bot,.mc.is-fv .mc-b:not(.e-click) .mc-media:not(.e-ok){color:#7c3aed}
.mc.is-fv .mc-search input:focus,.mc.is-fv .mc-filtri select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.12)}
/* Nessuna chat da mostrare: solo il riquadro grande con il motivo, niente ricerca e filtri */
.mc.is-vuota{grid-template-columns:minmax(0,1fr);height:auto;min-height:280px}
.mc.is-vuota .mc-lista{display:none}

/* La conversazione: sfondo beige a puntini di Telegram */
.mc-conv{display:flex;flex-direction:column;min-width:0;min-height:0;background:#e3ddd4;background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1px);background-size:14px 14px;container-type:inline-size}
.mc-conv>.cx-empty{margin:auto}
.mc-conv .cx-empty .cx-ico{background:#fff}
.mc-conv .cx-empty p{color:#5b6878}
.mc-testa{display:flex;align-items:center;gap:12px;flex:none;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line)}
.mc-chi{flex:1;min-width:0;overflow:hidden}
.mc-chi b{display:block;overflow:hidden;font-size:14.5px;font-weight:650;white-space:nowrap;text-overflow:ellipsis}
.mc-chi>span{display:block;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.mc-chi a{color:#3390ec}
.mc-chi em{white-space:nowrap}   /* «in pausa», «abbonato Fanvue» non si spezzano a metà; un @username lungo sì */
.mc-chi a:hover{text-decoration:underline}
.mc-conta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none;margin-left:auto;color:var(--muted);font-size:11.5px;white-space:nowrap}
/* Colonna stretta (anche sul computer fra 900 e 1000 px con la barra laterale): conteggi, pausa e Auto vanno sotto il nome */
@container (max-width:560px){
    .mc-testa{flex-wrap:wrap;gap:8px 10px}
    .mc-conta{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-left:0;white-space:normal}
}
.mc-azioni{display:flex;align-items:center;gap:10px}
.mc-auto{font-size:12px}
.mc-pausa{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;background:rgba(180,35,24,.07);color:#b42318;border:1px solid rgba(180,35,24,.4);border-radius:999px;box-shadow:none;font-size:12px;font-weight:600;white-space:nowrap}
.mc-pausa:hover{background:rgba(180,35,24,.13);filter:none}
.mc-pausa .cx-i{width:11px;height:11px;fill:currentColor}
.mc-indietro{display:none;place-items:center;flex:none;width:40px;height:40px;margin:0 -4px 0 0;padding:0;background:transparent;color:#3390ec;border:0;border-radius:50%;box-shadow:none}
.mc-indietro:hover,.mc-indietro:active{background:rgba(51,144,236,.12);filter:none}
.mc-indietro .cx-i{width:24px;height:24px;stroke-width:2.4}
.mc.is-fv .mc-indietro{color:#7c3aed}

/* Dettagli del contatto: una riga richiudibile sotto la testata */
.mc-info{flex:none;max-height:45%;overflow-y:auto;background:var(--surface);border-bottom:1px solid var(--line)}
.mc-info>summary{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;margin:0;padding:8px 16px;background:var(--surface);color:var(--soft);font-size:12.5px;font-weight:600;list-style:none;cursor:pointer}
.mc-info>summary::-webkit-details-marker{display:none}
.mc-info>summary .cx-i{width:15px;height:15px;color:var(--mut2)}
.mc-info>summary .mc-chev{margin-left:auto;transition:transform .2s}
.mc-info[open]>summary .mc-chev{transform:rotate(180deg)}
.mc-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding:4px 16px 18px}
.mc-info h3{margin:0 0 8px;color:var(--mut2);font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mc-note{display:grid;gap:8px;justify-items:start}
.mc-note textarea{width:100%;min-height:88px}
.mc-info .memory{max-height:170px;margin:0;overflow:auto}
.mc-ctl{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.mc-ctl>label:first-child{flex:1;min-width:140px}
.mc-ctl .check{padding-bottom:9px}
.mc-vendita{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;gap:8px;align-items:end;margin-top:10px}
#contact-sales .record{padding:8px 0}

/* Le bolle: del fan bianche a sinistra, nostre verdi a destra; la «coda» è l'angolo da 5 px */
.mc-bolle{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:0;padding:14px 18px;overflow-y:auto;overscroll-behavior:contain}
.mc-bolle::before{content:"";margin-top:auto}
.mc-bolle>.cx-empty{margin:auto}
.mc-giorno{margin:8px 0 4px;text-align:center}
.mc-giorno span{display:inline-block;padding:3px 10px;border-radius:999px;background:rgba(0,0,0,.18);color:#fff;font-size:11.5px;font-weight:600}
.mc-b{position:relative;max-width:min(72%,560px);padding:7px 11px 6px;border-radius:14px;box-shadow:0 1px 1px rgba(16,35,47,.14);color:#111823;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.mc-b.e-lui{align-self:flex-start;background:#fff;border-bottom-left-radius:5px}
.mc-b.e-bot{align-self:flex-end;background:#effdde;border-bottom-right-radius:5px}
.mc-t{display:block;white-space:pre-wrap}
.mc-firma{display:block;margin-bottom:2px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;opacity:.75}
.mc-firma.e-bot{color:#3390ec}
.mc-firma.e-tu{color:#1a7f37}
.mc-media{display:flex;align-items:center;gap:5px;margin-bottom:2px;color:#3390ec;font-size:12.5px}
.mc-media .cx-i{width:14px;height:14px}
.mc-media.e-ok{color:#199a53;font-weight:600}
.mc-audio{display:block;width:260px;max-width:100%;height:38px;margin:4px 0 2px}
.mc-foto{position:relative;display:block;max-width:260px;margin:4px 0 2px;padding:0;background:#dfe3e8;border:0;border-radius:10px;box-shadow:none;overflow:hidden;cursor:zoom-in;color:var(--muted);font-size:12px;font-weight:500}   /* colore: il testo alt di una foto che manca, non bianco su grigio */
.mc-foto:hover{filter:none}
.mc-img{display:block;max-width:100%;max-height:300px;border-radius:10px}
.mc-video{display:block;width:100%;max-width:260px;margin:4px 0 2px;border-radius:10px;background:#0f172a}
.mc-b time{display:block;margin-top:2px;color:rgba(0,0,0,.42);font-size:10.5px;text-align:right}
.mc-b.e-bot time{color:#4fae4e}
.mc-b.e-click{background:#fff8e1;border:1px dashed #e0b84a;box-shadow:none;font-size:13px}
.mc-b.e-click .mc-media{color:#9a6b00}

/* Cosa sta uscendo e la casella per rispondere (solo Telegram) */
#tg-coda{flex:none}
.mc-coda{display:flex;align-items:center;gap:10px;margin:0 12px 8px;padding:8px 12px;border:1px dashed rgba(51,144,236,.5);border-radius:12px;background:rgba(51,144,236,.08);font-size:13px}
.mc-coda .cx-i{width:14px;height:14px;color:#3390ec}
.mc-coda-t{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:.85}
.mc-coda-q{color:#3390ec;font-weight:600;white-space:nowrap}
.mc-piede{display:flex;align-items:flex-end;gap:8px;flex:none;flex-wrap:wrap;padding:9px 12px;background:var(--surface);border-top:1px solid var(--line)}
.mc-piede textarea{flex:1;min-height:78px;max-height:340px;margin:0;padding:12px 16px;border:1px solid #cdd5e0;border-radius:18px;font-size:15px;line-height:1.5;resize:none;overflow-y:auto}
.mc-piede textarea:focus{border-color:#3390ec;box-shadow:0 0 0 3px rgba(51,144,236,.12)}
.mc-invia{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;background:#3390ec;color:#fff;border:0;border-radius:50%;box-shadow:none}
.mc-invia:hover{filter:brightness(1.08)}
.mc-invia:disabled{opacity:.5;cursor:default}
.mc-invia .cx-i{width:18px;height:18px;margin:1px 2px 0 0}
.mc-piede-sola{align-items:center;gap:8px;padding:12px 14px;color:var(--muted);font-size:12px}
.mc-piede-sola .cx-i{width:14px;height:14px;color:#7c3aed}

/* Statistiche = la «Dashboard chatbot» di MI: periodo, passi (persone), contatori, barre per giorno */
.cd{margin-top:16px;padding:16px 18px 14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;container-type:inline-size}
.cd-testa{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;margin-bottom:12px}
.cd-testa h2{display:flex;align-items:center;gap:9px;margin:0;font-size:17px;font-weight:700;letter-spacing:-.012em}
.cd-testa h2::before{content:"";flex:none;width:4px;height:16px;border-radius:2px;background:#437f0e}
.cd-comandi{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cd-periodo{display:flex;gap:4px;padding:3px;background:rgba(0,0,0,.05);border-radius:999px}
.cd-periodo button{padding:6px 13px;background:transparent;color:var(--text);border:0;border-radius:999px;box-shadow:none;font-size:12.5px;font-weight:600;line-height:1.4;white-space:nowrap}
.cd-periodo button:hover{background:rgba(255,255,255,.55);filter:none}
.cd-periodo button.e-on{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}
#mc-stats-body{transition:opacity .15s}
.cd.is-loading #mc-stats-body{opacity:.5}
.cd-attesa{margin:0;padding:28px 0;color:var(--muted);font-size:13px;text-align:center}
.cd-passi{display:grid;grid-template-columns:repeat(var(--n,7),minmax(0,1fr));gap:10px}
.cd-passo{display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;background:rgba(51,144,236,.04);border:1px solid var(--line);border-radius:12px}
.cd-passo:last-child{background:rgba(25,154,83,.08);border-color:rgba(25,154,83,.35)}
.cd-n{color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.cd-lab{min-height:2.6em;font-size:12.5px;font-weight:600;line-height:1.3}   /* 1.3: su MI una riga sola spostava il numero */
.cd-num{font-size:26px;font-weight:800;line-height:1.1;letter-spacing:-.02em}
.cd-pct{color:#3390ec;font-size:11.5px;font-weight:600}
.cd-passo:last-child .cd-pct{color:#199a53}
@container (max-width:980px){.cd-passi.n7{grid-template-columns:repeat(4,minmax(0,1fr))}.cd-passi.n7 .cd-passo:last-child{grid-column:span 2}}
@container (max-width:840px){.cd-passi.n6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:560px){.cd-passi.cd-passi{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-passi.n7 .cd-passo:last-child{grid-column:auto}.cd-passi .cd-passo:last-child:nth-child(odd){grid-column:1/-1}}
/* Contatori come MI: numero e parola sulla stessa riga; la parola va sotto solo se la casella è troppo stretta */
.cd-servizio{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:12px}
.cd-servizio>div{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0;padding:9px 12px;background:rgba(0,0,0,.035);border-radius:10px;color:var(--muted);font-size:12px;line-height:1.3}
.cd-servizio b{color:var(--text);font-size:18px;line-height:1.2;white-space:nowrap}
.cd-servizio span{flex:1 1 0}   /* base 0: la parola resta accanto al numero e va a capo lì; sotto solo se non ci sta nemmeno una parola */
.cd-servizio .e-warn{background:#fff4e0}
.cd-servizio .e-ko{background:#fde8e8}
.cd-servizio .e-ko b{color:#b42318}
.cd-grafico{margin-top:14px}
.cd-legenda{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:8px;color:var(--muted);font-size:11.5px}
.cd-legenda i{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:3px;vertical-align:-1px}
.cd .c1{background:#9dc3ec}
.cd .c2{background:#3390ec}
.cd .c3{background:#e0b84a}
.cd .c4{background:#199a53}
.cd-barre{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px;align-items:end}
.cd-giorno{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.cd-colonne{display:flex;align-items:flex-end;justify-content:center;gap:2px;width:100%;height:90px;border-bottom:1px solid var(--line)}
.cd-colonne i{display:block;width:22%;max-width:12px;min-height:2px;border-radius:3px 3px 0 0}
.cd-giorno b{font-size:11px}
.cd-giorno small{color:var(--muted);font-size:10px}
/* Scheda stretta (telefono, o 900-1000 px con la barra laterale): 30 giorni non stanno, il grafico scorre di lato */
@container (max-width:760px){
    .cd-scorri{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
    .cd-barre{min-width:calc(var(--n) * 30px);gap:4px}
}
/* Fanvue: stesso aspetto, accento viola come l'elenco (l'ultimo passo resta verde come su MI) */
.cd.is-fv .cd-passo:not(:last-child){background:rgba(124,58,237,.04)}
.cd.is-fv .cd-pct{color:#7c3aed}
.cd.is-fv .cd-passo:last-child .cd-pct{color:#199a53}
.cd.is-fv .c1{background:#c4b5fd}
.cd.is-fv .c2{background:#7c3aed}

/* Stock di tutto */
.sk-upload{display:grid;gap:16px;margin-bottom:18px}
.sk-drop{position:relative;display:grid;justify-items:center;gap:6px;padding:26px 16px;background:var(--surface-2);border:1.5px dashed #cfd6e2;border-radius:16px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.sk-drop:hover,.sk-drop:focus-within{border-color:#a5b4fc;background:#f5f7ff}
.sk-drop strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:14px;font-weight:650}
.sk-drop small{font-size:12px;font-weight:500;color:var(--muted)}
.sk-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}
.sk-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:12px}
.sk-wide{grid-column:1/-1}
.sk-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.sk-foot small{margin-right:auto;font-weight:600}
.sk-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 22px}
.sk-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.sk-chips button{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;background:#fff;color:var(--soft);border:1px solid var(--line-2);border-radius:999px;box-shadow:none;font-size:13px;font-weight:600;white-space:nowrap}
.sk-chips button:hover{background:var(--surface-2);filter:none}
.sk-chips button.on{background:var(--text);border-color:var(--text);color:#fff}
.sk-chips button.none:not(.on){border-style:dashed;color:var(--muted)}
.sk-chips b{font-size:11.5px;font-weight:650;opacity:.55}
.sk-fright{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sk-group{margin:0 0 30px}
.sk-gtitle{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:15px;font-weight:700;letter-spacing:-.2px}
.sk-gtitle b{font-size:12px;font-weight:650;color:var(--mut2)}
.sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px}
.sk-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .15s,transform .15s,border-color .15s}
.sk-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.sk-thumb{position:relative;aspect-ratio:3/4;overflow:hidden;background:#e9ecf2}
.sk-open{display:block;width:100%;height:100%;padding:0;background:none;border:0;border-radius:0;box-shadow:none;cursor:zoom-in}
.sk-open:hover{filter:none}
.sk-open img,.sk-open video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.sk-card:hover .sk-open img{transform:scale(1.03)}
.sk-card.off .sk-open img,.sk-card.off .sk-open video{opacity:.45;filter:grayscale(.7)}
.sk-badges{position:absolute;left:8px;top:8px;display:flex;gap:4px;pointer-events:none}
.sk-badge{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 7px;border-radius:7px;background:rgba(255,255,255,.92);color:var(--text);font-size:11px;font-weight:700;box-shadow:0 1px 2px rgba(15,23,42,.14)}
.sk-badge .cx-i{width:13px;height:13px}
.sk-badge.off{background:#dc2626;color:#fff}
.sk-del{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:30px;height:30px;padding:0;background:rgba(255,255,255,.94);color:var(--red);border:0;border-radius:50%;box-shadow:0 1px 3px rgba(15,23,42,.18);opacity:0;transition:opacity .15s}
.sk-del:hover{background:#fff;filter:none}
.sk-del .cx-i{width:15px;height:15px}
.sk-card:hover .sk-del,.sk-del:focus-visible{opacity:1}
@media(hover:none){.sk-del{display:none}}   /* sul telefono si elimina dalla finestra Modifica */
.sk-meta{display:grid;gap:2px;padding:10px 8px 8px 12px}
.sk-cap{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-sub{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--muted)}
.sk-edit{display:grid;place-items:center;width:30px;height:30px;padding:0;background:transparent;color:var(--muted);border:0;border-radius:9px;box-shadow:none}
.sk-edit:hover{background:var(--surface-2);color:var(--text);filter:none}
.sk-edit .cx-i{width:15px;height:15px}
.sk-check{position:absolute;top:8px;right:8px;display:none;place-items:center;width:26px;height:26px;border:2px solid #fff;border-radius:50%;background:rgba(15,23,42,.28);color:transparent;box-shadow:0 1px 4px rgba(15,23,42,.3);pointer-events:none}
.sk-check .cx-i{width:14px;height:14px;stroke-width:3}
.sk-selecting .sk-check{display:grid}
.sk-selecting .sk-del,.sk-selecting .sk-edit{visibility:hidden}
.sk-selecting .sk-open{cursor:pointer}
.sk-card.picked{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary),var(--shadow)}
.sk-card.picked .sk-check{background:var(--primary);color:#fff}
.sk-bulk{position:sticky;bottom:18px;z-index:6;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:10px 12px 10px 16px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px rgba(15,23,42,.16)}
.sk-bulk strong{margin-right:auto;font-size:13.5px}
.sk-bulk input{flex:1 1 180px;width:auto;height:38px}
.sk-dialog{width:min(780px,94vw);max-height:92vh;padding:0;border:0;border-radius:20px;overflow:auto}
.sk-dialog form{margin:0;text-align:left}
.sk-dlg{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);min-height:420px}
.sk-dlg-media{display:grid;place-items:center;min-height:0;background:#0b0f1a}
.sk-dlg-media img,.sk-dlg-media video{display:block;width:100%;height:100%;max-height:80vh;margin:0;border-radius:0;object-fit:contain}
.sk-dlg-form{display:grid;align-content:start;gap:14px;padding:20px 22px}
.sk-dlg-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sk-dlg-head h2{margin:0}
.sk-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cx-switch.sk-avail{justify-content:space-between;color:var(--text);font-size:13.5px;font-weight:600}
.sk-dlg-foot{display:flex;align-items:center;gap:8px;margin-top:4px}
.sk-dlg-foot .danger{display:inline-flex;align-items:center;gap:6px}
.sk-dlg-foot .danger .cx-i{width:14px;height:14px}

@media(max-width:1100px){.mc{grid-template-columns:300px minmax(0,1fr)}.mc-info-grid{grid-template-columns:1fr}}
/* Telefono e tablet come MI (sotto i 900 px, come la topbar della console): o l'elenco o la conversazione, «‹» per tornare; misure da dito */
@media(max-width:899px){
    .mc{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}
    .mc:not(.has-conv) .mc-conv,.mc.has-conv .mc-lista{display:none}
    .mc.is-vuota .mc-conv{display:flex;min-height:280px}
    .mc-lista{max-height:max(360px,calc(100vh - 110px));max-height:max(360px,calc(100svh - 110px));border-right:0}
    .mc-conv{min-height:calc(100vh - 88px);min-height:calc(100svh - 88px)}
    .mc-info{max-height:45vh;max-height:min(45svh,380px)}   /* qui la colonna non ha altezza fissa: il 45% non tiene */
    .mc-bolle{flex:1 1 0;min-height:240px;padding:12px}
    .mc-indietro{display:grid}
    .mc-testa{flex-wrap:wrap;gap:8px 10px;padding:8px 10px 8px 6px}
    .mc-testa>.mc-av{flex-basis:38px;width:38px;height:38px;font-size:16px}
    .mc-chi b{font-size:15.5px}
    .mc-chi>span{font-size:12.5px}
    .mc-conta{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-left:0;padding-left:4px;font-size:12.5px;white-space:normal}
    .mc-pausa{height:36px;padding:0 14px;font-size:13px}
    .mc-cerca{padding:10px 10px 8px}
    .mc-search input{height:46px;font-size:16px}
    .mc-filtri select{height:38px;font-size:16px}   /* sotto i 16 px l'iPhone ingrandisce la pagina al tocco */
    .cx-pick select{font-size:16px}                 /* anche il selettore invisibile della modella (Stock) */
    .mc-sez>summary{min-height:44px;padding:8px 14px;font-size:12px}
    .mc-p{min-height:62px;padding:10px}
    .mc-p-testo b{font-size:15px}
    .mc-p-testo small{font-size:12px}
    .mc-ant{font-size:13.5px}
    .mc-stato,.mc-ora{font-size:12px}
    .mc-b{max-width:86%;font-size:15px}
    .mc-b time{font-size:11.5px}
    .mc-firma{font-size:11.5px}
    .mc-foto,.mc-video{max-width:100%}
    .mc-audio{width:240px}
    .mc-coda{flex-wrap:wrap;margin:0 10px 8px}
    .mc-piede{padding:8px 10px}
    .mc-piede textarea{min-height:52px;max-height:30vh;padding:11px 14px;font-size:16px}
    .mc-invia{width:46px;height:46px}
    .mc-info-grid{padding:4px 14px 16px}
    .mc-info input,.mc-info select,.mc-info textarea,.mc-massa textarea,.mc-massa select{font-size:16px}
    .mc-vendita{grid-template-columns:1fr 1fr}
    .mc-vendita button{grid-column:1/-1}
    .cd{padding:16px 14px 14px}
    .cd-comandi{width:100%}
    .cd-periodo{flex:1 1 auto}
    .cd-periodo button{flex:1 1 0;min-height:40px;padding:8px 10px;font-size:13.5px}
    .cd-n{font-size:11.5px}
    .cd-lab{font-size:13px}
    .cd-pct{font-size:12.5px}
    .cd-servizio>div,.cd-legenda{font-size:12.5px}
    .cd-giorno b{font-size:12px}
    .cd-giorno small{font-size:11.5px}
}
@media(max-width:600px){
    .cx-top{gap:8px;margin-bottom:14px}
    .cx-top>.cx-pick{flex:1 1 0;min-width:0}
    .cx-top>.cx-grow{display:none}
    .cx-top>.cx-seg{order:5;width:100%}
    .cx-top>.cx-seg button{flex:1}
    .cx-top .cx-btn:not(.cx-primary){width:38px;padding:0}
    .cx-top .cx-btn:not(.cx-primary) span{display:none}
    .mc-top{flex-wrap:nowrap;gap:0 6px;margin-bottom:14px}   /* una riga sola: le linguette e la massa come icona */
    .mc-quiet{width:40px;height:40px;margin:0 0 4px;padding:0}
    .mc-quiet span{display:none}
    .mc-tabs{flex:1 1 0;gap:2px}
    .mc-tab{flex:1;justify-content:center;gap:6px;min-height:46px;padding:10px 6px;font-size:14px}
    .mc{border-radius:14px}
    .mc-massa-piede #mass-count{flex-basis:100%}
    .sk-chips{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;margin:0 -12px;padding:0 12px 2px;scrollbar-width:none}
    .sk-chips::-webkit-scrollbar{display:none}
    .sk-chips button{flex:none}
    .sk-fright{width:100%;justify-content:space-between}
    .cx-seg.sm button{padding:0 8px}
    .cx-seg.sm button span{display:none}
    .sk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .sk-fields{grid-template-columns:1fr 1fr}
    .sk-fields>label:first-child{grid-column:1/-1}
    .sk-bulk{bottom:10px}
    .sk-dlg{grid-template-columns:1fr;min-height:0}
    .sk-dlg-media,.sk-dlg-media img,.sk-dlg-media video{max-height:40vh}
    .sk-dlg-form{padding:16px}
}
@media(max-width:359px){.mc-tab .cx-i{display:none}}   /* 320 px: «Telegram» e «Fanvue» col numero stanno solo senza icona */
/* Nella Chat gli avvisi («Note salvate», «Vendita registrata»…) galleggiano in basso: la pagina non salta di 60 px */
body:has(#panel-chat:not([hidden])) #notice:not(:empty){position:fixed;left:16px;right:16px;bottom:20px;z-index:30;width:fit-content;max-width:560px;margin:0 auto;box-shadow:0 12px 30px rgba(15,23,42,.18);pointer-events:none}

/* «Correggi» (04/11/2026): la matita accanto alle bolle della modella (bot e tu), l'editor sotto la bolla, il blocco verde «Corretto» */
.mc-corr-btn{position:absolute;top:2px;left:-36px;display:grid;place-items:center;width:28px;height:28px;padding:0;background:#fff;color:var(--muted);border:1px solid var(--line-2);border-radius:50%;box-shadow:0 1px 2px rgba(16,24,40,.08);opacity:0;transition:opacity .15s,color .15s,border-color .15s}
.mc-corr-btn::after{content:"";position:absolute;inset:-6px -12px -6px -4px}   /* ponte fino alla bolla: andandoci sopra la matita non sparisce */
.mc-corr-btn .cx-i{width:14px;height:14px}
.mc-b:hover>.mc-corr-btn,.mc-corr-btn:focus-visible{opacity:1}
.mc-corr-btn:hover{color:var(--ok);border-color:#a7f3d0;filter:none}
.mc-b:has(>.mc-corr)>.mc-corr-btn{display:none}   /* già corretta: si cambia dal blocco verde */
@media(hover:none){.mc-corr-btn{opacity:.9}}
.mc-corr{margin:6px 0 2px;padding:4px 6px 6px 9px;background:#fff;border-left:3px solid var(--ok);border-radius:8px;font-size:12.5px;line-height:1.4}
.mc-corr-l{display:flex;align-items:center;gap:4px;min-height:24px;color:var(--ok);font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.mc-corr-l>.cx-i{width:12px;height:12px;stroke-width:2.6}
.mc-corr-az{display:flex;gap:2px;margin-left:auto}
.mc-corr-az button{display:grid;place-items:center;width:26px;height:26px;padding:0;background:transparent;color:var(--mut2);border:0;border-radius:7px;box-shadow:none}
.mc-corr-az button:hover{background:rgba(15,23,42,.06);color:var(--text);filter:none}
.mc-corr-az .mc-corr-del:hover{color:var(--red)}
.mc-corr-az .cx-i{width:13px;height:13px}
.mc-corr-t{display:block;color:#111823;white-space:pre-wrap}
.mc-corr-ed{align-self:flex-end;display:grid;gap:8px;width:min(72%,560px);padding:10px;background:#fff;border:1px solid var(--line-2);border-radius:14px;box-shadow:0 4px 14px rgba(16,24,40,.1)}
.mc-corr-ed textarea{min-height:76px;margin:0;font-size:14px;line-height:1.45}
.mc-corr-ed textarea:focus{border-color:var(--ok);box-shadow:0 0 0 3px rgba(5,150,105,.14)}
.mc-corr-ed-p{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.mc-corr-ed-p small{margin-right:auto;color:var(--muted);font-size:11.5px}
.mc-corr-ed-p .mc-corr-salva{background:var(--ok);box-shadow:none}
@media(max-width:899px){
    .mc-corr-btn{left:-38px;width:32px;height:32px}
    .mc-corr-ed{width:86%}
    .mc-corr-ed textarea{font-size:16px}   /* sotto i 16 px l'iPhone ingrandisce la pagina */
    .mc-corr-ed-p button{min-height:38px}
    .mc-corr-ed-p small{flex-basis:100%}   /* la riga sopra; Annulla e Salva insieme sotto */
    .mc-corr-az button{width:32px;height:32px}
    .mc-corr{font-size:13.5px}
}

/* Sequenza foto: cinque tappe, dalla conoscenza alle foto più care. */
.sq-root{min-width:0;max-width:100%;color:var(--text)}
.sq-tone-1{--sq-color:#047857;--sq-bg:#ecfdf5}
.sq-tone-2{--sq-color:#7c3aed;--sq-bg:#f5f3ff}
.sq-tone-3{--sq-color:#b45309;--sq-bg:#fff7ed}
.sq-tone-4{--sq-color:#dc2626;--sq-bg:#fef2f2}
.sq-tone-5{--sq-color:#701a35;--sq-bg:#f9edf1}
.sq-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px;margin:24px 0}
.sq-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:18px 14px;text-align:left;white-space:normal;overflow-wrap:anywhere;color:var(--text);background:var(--sq-bg);border:1px solid var(--line);border-top:4px solid var(--sq-color);border-radius:16px;box-shadow:var(--shadow);font-size:13px;line-height:1.5}
.sq-step:hover{filter:none;border-color:var(--sq-color)}
.sq-step:not(:last-child)::after{content:'→';position:absolute;right:-28px;top:38px;width:26px;text-align:center;font-size:27px;font-weight:800;color:var(--muted)}
.sq-step>strong{font-size:17px;line-height:1.25}
.sq-step>span:not(.sq-number){color:var(--soft)}
.sq-number{display:grid;place-items:center;width:48px;height:48px;flex:none;background:var(--sq-color);color:#fff;border-radius:50%;font-size:25px;font-weight:800}
.sq-selected{border-color:var(--sq-color)}
.sq-selected .sq-number{animation:sq-pulse 2.4s ease-in-out infinite}
@keyframes sq-pulse{50%{box-shadow:0 0 0 6px var(--sq-bg),0 0 0 7px var(--sq-color)}}
.sq-price{display:block;color:var(--sq-color,var(--primary));font-size:20px;font-weight:800;line-height:1.3}
.sq-step .sq-price{margin-top:auto}
.sq-counts{font-variant-numeric:tabular-nums}
.sq-global,.sq-heading,.sq-posts-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sq-global{padding:16px 0;margin-bottom:12px}
.sq-filters{flex-wrap:wrap;max-width:100%;width:fit-content}
.sq-filters button{min-height:40px}
.sq-section{min-width:0;margin:0 0 20px;padding:22px;border:1px solid var(--line);border-left:5px solid var(--sq-color);border-radius:16px;background:var(--surface);scroll-margin-top:90px;overflow-wrap:anywhere}
.sq-heading{align-items:flex-start;margin-bottom:16px}
.sq-heading>div{flex:1;min-width:180px}
.sq-heading h3{margin:0 0 7px;color:var(--sq-color);font-size:21px}
.sq-heading p{margin:5px 0;line-height:1.5}
.sq-heading .sq-price{margin-top:12px}
.sq-rule,.sq-note,.sq-legend{color:var(--muted);font-size:13px;line-height:1.5}
.sq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.sq-photo{min-width:0;align-self:start;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.sq-media{aspect-ratio:4/5;background:var(--surface-2)}
.sq-media img,.sq-media video,.sq-post-thumb img,.sq-post-thumb video{display:block;width:100%;height:100%;object-fit:cover}
.sq-photo-body{padding:12px}
.sq-photo-body p{margin:9px 0;white-space:pre-wrap;font-size:13px;overflow-wrap:anywhere}
.sq-photo-body small{display:block;color:var(--muted);margin-bottom:10px}
.sq-badges{display:flex;flex-wrap:wrap;gap:4px}
.sq-badges span{padding:3px 6px;border-radius:5px;background:var(--sq-bg);color:var(--sq-color);font-size:11px;font-weight:650}
.sq-move{width:100%}
.sq-choices{display:grid;gap:5px;margin-top:8px}
.sq-choices button{min-height:38px;padding:8px;text-align:left;font-size:12px;white-space:normal;background:var(--sq-bg);color:var(--sq-color);border:1px solid var(--line);box-shadow:none}
.sq-posts{margin:20px 0;padding:16px;background:var(--sq-bg);border-radius:12px}
.sq-posts-head h4{margin:0;font-size:17px}
.sq-post{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
.sq-post-thumb{display:grid;place-items:center;flex:none;width:76px;height:96px;overflow:hidden;border-radius:9px;background:var(--surface);color:var(--sq-color)}
.sq-post-copy{min-width:0;flex:1}
.sq-post-copy p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;line-height:1.5}
.sq-post-copy small{display:block;color:var(--muted);margin-top:5px}
.sq-legend{padding:14px;border-top:1px solid var(--line);text-align:center}
.sq-root button:focus-visible,.sq-section:focus-visible{outline:3px solid var(--sq-color,var(--primary));outline-offset:3px}
.sq-active .cx-top .sq-toggle{background:var(--light);color:var(--primary)}
@media(max-width:899px){
    .sq-stepper{grid-template-columns:1fr;gap:32px}
    .sq-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:6px 16px;padding:16px}
    .sq-number{grid-row:1/6}
    .sq-step>*:not(.sq-number){grid-column:2}
    .sq-step:not(:last-child)::after{content:'↓';top:auto;bottom:-31px;left:26px;right:auto;line-height:30px}
    .sq-section{padding:16px 12px;scroll-margin-top:75px}
    .sq-heading>div{min-width:0;flex-basis:100%}
    .sq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .sq-posts{padding:12px}
}
@media(max-width:600px){
    .cx-top .sq-toggle.cx-btn:not(.cx-primary){width:auto;height:auto;min-height:38px;padding:8px 10px;white-space:normal}
    .cx-top .sq-toggle.cx-btn:not(.cx-primary) span{display:inline}
    .sq-post-thumb{width:54px;height:72px}
    .sq-post{gap:10px}
    .sq-photo-body{padding:9px}
}
@media(prefers-reduced-motion:reduce){.sq-selected .sq-number{animation:none}}

/* Visore della Sequenza foto. */
button.sq-media,button.sq-post-thumb,button.sq-post-copy{padding:0;border:0;box-shadow:none;cursor:pointer;font:inherit;color:inherit;text-align:left;white-space:normal}
button.sq-media{display:block;width:100%;border-radius:0}
button.sq-post-copy{background:transparent}
button.sq-media:hover,button.sq-post-thumb:hover,button.sq-post-copy:hover{filter:none}
.sq-post-text{display:block;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;line-height:1.5}
.sq-viewer{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);box-sizing:border-box;border:0;border-radius:0;background:#101114;color:#fff;overflow:hidden}
.sq-viewer[open]{display:flex;flex-direction:column}
.sq-viewer::backdrop{background:rgba(0,0,0,.95)}
.sq-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;flex:none}
.sq-viewer-count{font-variant-numeric:tabular-nums}
.sq-viewer button{min-width:44px;min-height:44px;padding:5px 12px;background:#292c33;color:#fff;border:1px solid #626873;border-radius:8px;box-shadow:none;cursor:pointer;font-size:25px}
.sq-viewer button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.sq-viewer-stage{display:flex;align-items:center;gap:12px;flex:1;min-height:0;padding:0 12px}
.sq-viewer-media{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:100%;min-height:0}
.sq-viewer-media img,.sq-viewer-media video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0;border-radius:0}
.sq-viewer-info{flex:none;max-height:28%;overflow:auto;padding:12px 20px;overflow-wrap:anywhere;line-height:1.5}
.sq-viewer-info p{margin:4px 0;white-space:pre-wrap}
@media(max-width:600px){.sq-viewer-stage{gap:4px;padding:0 4px}.sq-viewer button{padding:4px 8px}.sq-viewer-info{padding:10px 12px;max-height:30%}}
.sq-badges .sq-set{background:#fde68a;color:#92400e;font-weight:700}
/* 04/11: il post mostra TUTTE le foto che partono insieme (prima foto + seguito) */
button.sq-post-strip{display:flex;gap:6px;flex:none;padding:0;border:0;background:none;box-shadow:none;cursor:pointer}
button.sq-post-strip:hover{filter:none}
.sq-post-strip .sq-post-thumb{width:76px;height:96px}
.sq-post-more{display:grid;place-items:center;width:40px;height:96px;border-radius:9px;background:var(--surface);color:var(--muted);font-weight:700}
@media (max-width:900px){.sq-post{flex-wrap:wrap}.sq-post-strip .sq-post-thumb{width:54px;height:72px}.sq-post-more{height:72px}}
/* strumenti della chat (05/11) · Strumenti della chat (05/11/2026): link di pagamento, foto sfocata o normale, Fanvue sopra la casella (app.js cs*) */
.cs-bar{display:flex;gap:6px;flex-wrap:wrap;flex:none;padding:8px 12px 0;background:var(--surface);border-top:1px solid var(--line)}
.cs-bar+.mc-piede{border-top:0}
.cs-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;background:#fff;color:var(--soft);border:1px solid var(--line-2);border-radius:999px;box-shadow:none;font-size:12.5px;font-weight:650}
.cs-btn:hover{background:var(--surface-2);border-color:#c3ccd8;filter:none}
.cs-btn .cx-i{width:15px;height:15px;color:#3390ec}
.cs-btn.cs-fv .cx-i{color:#7c3aed}
.cs-btn.on{background:rgba(51,144,236,.1);border-color:rgba(51,144,236,.35);color:#1d6fc4}
.cs-pann{flex:none;display:grid;gap:10px;max-height:min(56vh,540px);overflow-y:auto;padding:12px 14px;background:#fff;border-top:1px solid var(--line);text-align:left}
.cs-pann[hidden]{display:none}
.cs-testa{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cs-testa b{font-size:14px;color:var(--ink)}
.cs-x{display:grid;place-items:center;width:30px;height:30px;padding:0;background:#fff;color:var(--muted);border:1px solid var(--line-2);border-radius:50%;box-shadow:none}
.cs-x:hover{background:var(--surface-2);filter:none}
.cs-x .cx-i{width:14px;height:14px}
.cs-avviso{margin:0;padding:8px 10px;border-radius:10px;background:#fffbeb;color:#92400e;font-size:12.5px;font-weight:600}
.cs-stop{display:flex;align-items:center;gap:6px;margin:0;padding:8px 10px;border-radius:10px;background:#fef2f2;color:#b42318;font-size:12.5px;font-weight:700}
.cs-stop .cx-i{width:14px;height:14px;flex:none}
.cs-sotto,.cs-nota{margin:0;color:var(--muted);font-size:12.5px}
.cs-form{display:grid;gap:10px;margin:0;text-align:left}
.cs-seg{display:flex;gap:6px;flex-wrap:wrap}
.cs-seg label{position:relative;display:block;margin:0}
.cs-seg input{position:absolute;opacity:0;width:1px;height:1px}
.cs-seg span{display:block;padding:7px 14px;border:1px solid var(--line-2);border-radius:999px;font-size:12.5px;font-weight:650;color:var(--soft);background:#fff;cursor:pointer}
.cs-seg input:checked+span{border-color:#a5b4fc;background:var(--light);color:var(--primary-dark)}
.cs-seg input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}
.cs-riga{display:flex;gap:10px;flex-wrap:wrap}
.cs-riga label{display:grid;gap:4px;flex:1;min-width:130px;margin:0;font-size:12px;font-weight:650;color:var(--muted)}
.cs-riga label[hidden]{display:none}
.cs-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}
.cs-foto{position:relative;display:block;aspect-ratio:3/4;padding:0;background:#e9ecf2;border:2px solid transparent;border-radius:10px;overflow:hidden;box-shadow:none;cursor:pointer}
.cs-foto:hover{filter:none;border-color:#c3ccd8}
.cs-foto img{display:block;width:100%;height:100%;object-fit:cover}
.cs-foto.vista img{opacity:.55}
.cs-foto[aria-selected="true"]{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}
.cs-liv{position:absolute;left:4px;top:4px;padding:1px 5px;border-radius:6px;background:rgba(15,23,42,.65);color:#fff;font-size:10.5px;font-weight:700}
.cs-vista{position:absolute;left:4px;right:4px;bottom:4px;padding:1px 4px;border-radius:6px;background:rgba(255,255,255,.9);color:var(--soft);font-size:10px;font-weight:700;text-align:center}
.cs-vid{display:grid;place-items:center;width:100%;height:100%;color:var(--muted)}
.cs-vid .cx-i{width:22px;height:22px}
.cs-azioni{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cs-primario,.cs-secondo{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;box-shadow:none;font-size:13px;font-weight:650}
.cs-primario{background:#3390ec;color:#fff;border:0}
.cs-secondo{background:#fff;color:var(--soft);border:1px solid var(--line-2)}
.cs-primario:hover,.cs-secondo:hover{filter:brightness(1.04)}
.cs-primario .cx-i,.cs-secondo .cx-i{width:15px;height:15px}
.cs-primario:disabled,.cs-secondo:disabled{opacity:.5;cursor:default}
.cs-mini{height:26px;padding:0 10px;margin-left:4px;background:#fff;color:var(--soft);border:1px solid var(--line-2);border-radius:999px;box-shadow:none;font-size:12px;font-weight:650}
.cs-esito{min-width:0;font-size:12.5px;font-weight:600;color:var(--muted);overflow-wrap:anywhere}
.cs-esito.ok{color:#15803d}
.cs-esito.err{color:#b42318}
.cs-fvlink{display:grid;gap:4px}
.cs-fvlink code{display:block;padding:8px 10px;font-size:12.5px;overflow-wrap:anywhere}
.cs-fvlink small{color:var(--muted);font-size:12px}
.cs-aperti{display:grid;gap:4px;font-size:12.5px}
.cs-aperto{display:grid;gap:2px;padding:6px 8px;border:1px solid var(--line);border-radius:10px}
.cs-aperto a{font-size:12px;overflow-wrap:anywhere}
.cs-didas{display:grid;gap:4px;margin:0;font-size:12px;font-weight:650;color:var(--muted)}
@media(max-width:899px){
    .cs-bar{padding:6px 10px 0}
    .cs-btn{height:38px}
    .cs-pann{max-height:50vh;padding:10px}
    .cs-riga input,.cs-riga select,.cs-didas input{font-size:16px}
    .cs-griglia{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* 05/11/2026 strumenti chat 2: il pannello degli strumenti è una tendina sotto la chat (fuori dal riquadro dei messaggi); i link pronti */
.cs-pann.cs-tendina{margin-top:12px;max-height:none;overflow:visible;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:14px 16px}
.cs-preset-lista{display:flex;gap:8px;flex-wrap:wrap}
.cs-preset{display:inline-flex;align-items:center;height:34px;padding:0 14px;background:#fff;color:var(--soft);border:1px solid var(--line-2);border-radius:999px;box-shadow:none;font-size:13px;font-weight:650;cursor:pointer}
.cs-preset:hover{background:var(--surface-2);border-color:#c3ccd8;filter:none}
.cs-preset.on{background:rgba(51,144,236,.1);border-color:rgba(51,144,236,.45);color:#1d6fc4}
.cs-didas select{width:100%}

/* Sequenza info: percorso leggibile, colori distinti e schede in sola lettura. */
.si-root{min-width:0;max-width:100%;color:var(--text);overflow-wrap:anywhere}
.si-root [hidden],.si-root[hidden]{display:none!important}
.si-intro{margin:24px 0}
.si-intro h2{font-size:clamp(22px,3vw,30px);line-height:1.25;margin-bottom:10px}
.si-intro p,.si-subtitle{color:var(--muted);font-size:16px;line-height:1.6}
.si-group{--si-color:#15803d;min-width:0;border:1px solid var(--line);border-top:5px solid var(--si-color);border-radius:18px;padding:24px;background:var(--surface);box-shadow:var(--shadow)}
.si-first{--si-color:#15803d}
.si-session{--si-color:#b45309}
.si-long{--si-color:#7c3aed}
.si-group h3{font-size:23px;margin:0 0 6px;color:var(--si-color)}
.si-subtitle{margin-bottom:22px}
.si-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;list-style:none;padding:0;margin:0}
.si-item{position:relative;min-width:0}
.si-step{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px 12px;width:100%;min-height:190px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--text);text-align:left;white-space:normal;box-shadow:none;overflow-wrap:anywhere}
.si-step:hover{border-color:var(--si-color);filter:none}
.si-step[aria-expanded=true]{border-color:var(--si-color);box-shadow:inset 0 0 0 1px var(--si-color)}
.si-number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--si-color);color:#fff;font-size:20px;font-weight:800}
.si-emoji{font-size:30px;line-height:1.3}
.si-step strong,.si-who,.si-hint{grid-column:1/-1;min-width:0}
.si-step strong{font-size:18px;line-height:1.4}
.si-who{color:var(--muted);font-size:15px;line-height:1.5;font-weight:400}
.si-hint{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;font-weight:500}
.si-hint .cx-i{width:16px;height:16px;flex:none}
.si-step[aria-expanded=true] .si-hint .cx-i{transform:rotate(180deg)}
.si-detail{min-width:0;margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.si-detail dl{margin:0}
.si-row{padding:14px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.6}
.si-row:first-child{padding-top:0}
.si-row dt{font-weight:750;margin-bottom:6px}
.si-row dd{margin:0;white-space:pre-wrap}
.si-prompt-toggle{margin-top:16px;padding:8px 0;background:transparent;color:var(--muted);box-shadow:none;text-align:left;font-size:13px;white-space:normal}
.si-prompt{margin:10px 0 0;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;color:var(--muted);font:12px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.si-arrow{padding:10px;text-align:center;font-size:30px;color:var(--muted);line-height:1}
.si-legend{margin:24px 0 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-size:15px;line-height:1.6;color:var(--muted)}
.si-root button:focus-visible{outline:3px solid var(--si-color,var(--primary));outline-offset:3px}
.si-toggle.cx-btn{white-space:normal;max-width:100%}
@media(max-width:1100px) and (min-width:900px){.si-path{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:899px){
    .si-group{padding:18px 12px}
    .si-path{grid-template-columns:minmax(0,1fr);gap:38px}
    .si-step{min-height:0;padding:16px}
    .si-item:not(:last-child)::after{content:'↓';position:absolute;bottom:-32px;left:23px;color:var(--si-color);font-size:24px;line-height:28px}
    .si-detail{padding:14px}
    .si-intro{margin:18px 0}
    .si-toggle.cx-btn:not(.cx-primary){width:auto;height:auto;min-height:38px;padding:8px 10px}
    .si-toggle.cx-btn:not(.cx-primary) span{display:inline}
}

/* 06/11/2026 funnel di benvenuto: la linguetta (rosa come il Cervello) e la sua pagina */
.mc-tab.t-fu .cx-i{color:#db2777}
.mc-tab.t-fu.e-qui{color:#db2777}
.mc-funnel[hidden]{display:none}

/* 07/11/2026: Facebook Ads in Dashboard */
.fb-card{grid-column:1/-1}
.fb-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 12px}
.fb-tiles div{background:var(--light);border-radius:12px;padding:10px 12px;min-width:0}
.fb-tiles small{display:block;color:var(--muted);font-size:11px;font-weight:700}
.fb-tiles strong{display:block;font-size:20px;font-weight:800;margin-top:2px;overflow-wrap:anywhere}
.fb-mod{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.fb-scroll{overflow-x:auto;margin-top:8px}
.fb-tab{width:100%;border-collapse:collapse;font-size:13px}
.fb-tab th{text-align:left;font-size:11px;color:var(--muted);font-weight:700;padding:6px;border-bottom:1px solid var(--line);white-space:nowrap}
.fb-tab td{padding:7px 6px;border-bottom:1px solid var(--line);white-space:nowrap}
.fb-tab td:first-child{white-space:normal;min-width:150px}
.fb-tab .num{text-align:right}
.fb-warn{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:10px;padding:8px 10px;font-size:13px;margin:6px 0}
.fb-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#cbd5e1;vertical-align:middle}
.fb-dot.on{background:var(--ok)}
@media(max-width:700px){.fb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 07/11/2026 sera: Facebook Ads, schede per inserzione */
.fbx-title{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.fbx-title h2{margin:0}
.fbx-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0}
.fbx-kpi div{border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);min-width:0}
.fbx-kpi div:nth-child(2){background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}
.fbx-kpi div:nth-child(3){background:linear-gradient(135deg,#fff7ed,#fffbeb)}
.fbx-kpi div:nth-child(4){background:linear-gradient(135deg,#fdf2f8,#fff1f2)}
.fbx-kpi small{display:block;font-size:11px;font-weight:700;color:var(--muted)}
.fbx-kpi strong{display:block;font-size:24px;font-weight:800;letter-spacing:-.5px;margin-top:2px;overflow-wrap:anywhere}
.fbx-mods{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.fbx-pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;background:var(--light);color:var(--primary-dark);white-space:nowrap}
.fbx-giulia{background:#fce7f3;color:#be185d}.fbx-sofia{background:#ede9fe;color:#6d28d9}.fbx-altre{background:#ecfdf5;color:#047857}
.fbx-nota{font-size:11.5px;color:var(--muted);margin:0 0 10px}
.fbx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.fbx-ad{display:flex;gap:12px;border:1px solid var(--line);border-radius:16px;padding:10px;background:#fff;min-width:0}
.fbx-ad.fbx-top{border-color:#10b981;box-shadow:0 0 0 2px #d1fae5}
.fbx-img{width:76px;height:100px;object-fit:cover;border-radius:12px;flex:none;background:#f1f5f9}
.fbx-noimg{display:flex;align-items:center;justify-content:center;font-size:26px}
.fbx-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}
.fbx-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13.5px}
.fbx-head b{overflow-wrap:anywhere}
.fbx-best{font-size:11px;font-weight:800;color:#047857}
.fbx-rev{font-size:11px;font-weight:800;color:#b45309}
.fbx-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#cbd5e1;flex:none}.fbx-dot.on{background:var(--ok)}
.fbx-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.fbx-nums div{background:#f8fafc;border-radius:10px;padding:6px 8px;min-width:0}
.fbx-nums small{display:block;font-size:10.5px;color:var(--muted);font-weight:700}
.fbx-nums strong{display:block;font-size:17px;font-weight:800;white-space:nowrap}
.fbx-sub{font-size:11.5px;color:var(--muted)}
.fbx-more{margin-top:12px}.fbx-more summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--muted);margin-bottom:8px}
.fbx-more .fbx-ad{opacity:.75}
@media(max-width:700px){.fbx-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.fbx-grid{grid-template-columns:1fr}}
/* 07/11/2026: foto inserzione ingrandita */
.fbx-img{cursor:zoom-in;transition:transform .15s}.fbx-img:hover{transform:scale(1.04)}
.fbx-zoom{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.88);display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.fbx-zoom figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:100%;max-height:100%}
.fbx-zoom img{max-width:min(92vw,720px);max-height:84vh;object-fit:contain;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.5);background:#111}
.fbx-zoom figcaption{color:#fff;font-weight:700;font-size:14px}
.fbx-zoom button{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#111;font-size:18px;cursor:pointer}

/* 07/11/2026 sera: Facebook Ads in stile Hyros di Mr Insider */
.card.fb-card{padding:0;background:transparent;border:0;box-shadow:none}
.fbh{--bg:#f6f7f9;--surface:#fff;--hover:#f3f4f6;--line:#e5e7eb;--txt:#111827;--txt-2:#374151;--muted:#6b7280;--muted-2:#9ca3af;
  --accent-soft:#eff6ff;--accent-ink:#1d4ed8;--good:#16a34a;--good-soft:#f0fdf4;--warn:#d97706;--warn-soft:#fffbeb;
  --t-blue:#eff6ff;--i-blue:#2563eb;--t-green:#f0fdf4;--i-green:#16a34a;--t-purple:#faf5ff;--i-purple:#9333ea;--t-orange:#fff7ed;--i-orange:#ea580c;--t-pink:#fdf2f8;--i-pink:#db2777;
  --shadow:0 1px 2px rgba(16,24,40,.06);--shadow-2:0 6px 18px rgba(16,24,40,.10);
  background:var(--bg);color:var(--txt);border-radius:18px;padding:clamp(14px,2.2vw,26px);display:flex;flex-direction:column;gap:22px;font-size:14.5px;line-height:1.5}
.fbh *{box-sizing:border-box}
.fbh .fbh-h1{font-size:clamp(20px,2.6vw,26px);font-weight:800;margin:0;letter-spacing:-.02em;line-height:1.15}
.fbh .fbh-sub{color:var(--muted);margin:4px 0 0;font-size:13.5px}
.fbh .fbh-num{font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em}
.fbh .fbh-avviso{background:var(--warn-soft);border:1px solid #fde68a;color:#92400e;border-radius:12px;padding:10px 14px;font-size:13.5px;font-weight:600}
.fbh .fbh-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);color:var(--txt)}
.fbh .fbh-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fbh .fbh-stat{padding:18px;display:flex;flex-direction:column;gap:2px;transition:box-shadow .15s}.fbh .fbh-stat:hover{box-shadow:var(--shadow-2)}
.fbh .fbh-row{display:flex;align-items:center;margin-bottom:12px}
.fbh .fbh-tile{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex:none}
.fbh .fbh-tile.blue{background:var(--t-blue);color:var(--i-blue)}.fbh .fbh-tile.green{background:var(--t-green);color:var(--i-green)}.fbh .fbh-tile.orange{background:var(--t-orange);color:var(--i-orange)}
.fbh .fbh-tile.pink{background:var(--t-pink);color:var(--i-pink)}.fbh .fbh-tile.purple{background:var(--t-purple);color:var(--i-purple)}
.fbh .fbh-lab{color:var(--muted);font-weight:600;font-size:13.5px}
.fbh .fbh-stat .fbh-num{font-size:26px;line-height:1.15}
.fbh .fbh-nota{font-size:11.5px;color:var(--muted-2);margin-top:2px}
.fbh .fbh-stat.soldi{border-color:var(--good);background:linear-gradient(180deg,var(--good-soft),var(--surface) 70%)}.fbh .fbh-stat.soldi .fbh-num{color:var(--good)}
.fbh .fbh-rules{display:flex;flex-wrap:wrap;gap:10px}
.fbh .fbh-rule{display:inline-flex;gap:6px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12.5px;color:var(--txt-2);box-shadow:var(--shadow)}
.fbh .fbh-rule b{color:var(--txt)}
.fbh .fbh-champs{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}
.fbh .fbh-col{padding:0;overflow:hidden;display:flex;flex-direction:column}
.fbh .fbh-col-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.fbh .fbh-col.pink .fbh-col-head{background:linear-gradient(90deg,rgba(219,39,119,.10),transparent 70%)}
.fbh .fbh-col.purple .fbh-col-head{background:linear-gradient(90deg,rgba(147,51,234,.10),transparent 70%)}
.fbh .fbh-name{font-weight:800;font-size:16.5px}
.fbh .fbh-tot{margin-left:auto;text-align:right;line-height:1.15}.fbh .fbh-tot .fbh-num{font-size:22px}.fbh .fbh-tot small{display:block;color:var(--muted);font-size:11.5px;font-weight:500}
.fbh .fbh-vid{display:grid;grid-template-columns:28px 54px 1fr auto;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line)}
.fbh .fbh-vid:last-child{border-bottom:0}.fbh .fbh-vid:hover{background:var(--hover)}
.fbh .fbh-first{background:linear-gradient(90deg,var(--accent-soft),transparent 80%)}.fbh .fbh-first .fbh-big .fbh-num{color:var(--accent-ink)}
.fbh .fbh-medal{text-align:center;font-size:21px}.fbh .fbh-medal .n{font-size:13px;color:var(--muted-2);font-weight:800}
.fbh .fbh-cover{width:54px;aspect-ratio:9/14;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:14px;position:relative;overflow:hidden;background:linear-gradient(160deg,#374151,#111827)}
.fbh .fbh-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;border-radius:0;cursor:zoom-in}
.fbh .fbh-cover.video::after{content:"▶";opacity:.92;text-shadow:0 1px 6px rgba(0,0,0,.6);position:relative;pointer-events:none}
.fbh .fbh-info{min-width:0;display:flex;flex-direction:column}
.fbh .fbh-t{font-weight:600;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fbh .fbh-m{color:var(--muted);font-size:12px;margin-top:4px;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}
.fbh .fbh-chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:600;background:var(--hover);color:var(--txt-2)}
.fbh .fbh-chip.money{background:var(--good-soft);color:var(--good)}.fbh .fbh-chip.warn{background:var(--warn-soft);color:var(--warn)}
.fbh .fbh-big{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}
.fbh .fbh-big .fbh-num{font-size:23px;line-height:1}.fbh .fbh-big small{color:var(--muted);font-size:11.5px;font-weight:600}
.fbh .fbh-empty{padding:18px;color:var(--muted);font-size:13.5px;margin:0}
.fbh .fbh-more summary{cursor:pointer;font-weight:700;font-size:13.5px;color:var(--muted);margin-bottom:10px}
.fbh .fbh-more .fbh-vid{opacity:.8}
.fbh .fbh-tab{padding:6px 12px;overflow-x:auto}
.fbh .fbh-tab table{width:100%;border-collapse:collapse;font-size:13px}
.fbh .fbh-tab th{text-align:left;font-size:11px;color:var(--muted);font-weight:700;padding:8px 6px;border-bottom:1px solid var(--line)}
.fbh .fbh-tab td{padding:8px 6px;border-bottom:1px solid var(--line)}.fbh .fbh-tab tr:last-child td{border-bottom:0}
@media(max-width:1100px){.fbh .fbh-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.fbh .fbh-stats{grid-template-columns:1fr}.fbh .fbh-champs{grid-template-columns:1fr}.fbh .fbh-vid{grid-template-columns:22px 46px 1fr auto;padding:10px 12px;gap:8px}.fbh .fbh-cover{width:46px}}

/* 07/11/2026 notte: pulsante FB Ads + riassunto in Dashboard */
.card.fb-sum{grid-column:1/-1}
.fb-sum .fbr-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.fb-sum .fbr-head h2{margin:0}
.fb-sum .fbr-link{font-weight:700;font-size:13px;color:var(--primary);text-decoration:none}
.fb-sum .fbr-warn{margin:6px 0 0;font-size:12.5px;color:#b45309}
.fb-sum .fbr-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.fb-sum .fbr-tiles div{background:var(--light);border-radius:12px;padding:12px 14px;min-width:0}
.fb-sum .fbr-tiles small{display:block;color:var(--muted);font-size:11.5px;font-weight:700}
.fb-sum .fbr-tiles strong{display:block;font-size:22px;font-weight:800;margin-top:2px}
#body-fbads .fbh{margin-top:14px}
.fbh .fbx2-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.fbh .fbx2{padding:12px 14px;display:flex;flex-direction:column;gap:1px}.fbh .fbx2 .fbh-num{font-size:19px}
.fbh .fbt,.fbh .fbg{padding:16px 18px}
.fbh .fbt-t{font-weight:800;font-size:15px;margin-bottom:10px}
.fbh .fbt-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fbh .fbt-col{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--txt-2)}
.fbh .fbt-col b{font-size:14.5px;color:var(--txt)}.fbh .fbt-col .big{font-size:16px;font-weight:800;color:var(--txt);margin-top:4px}
.fbh .fbt-col.win{border-color:var(--good);background:var(--good-soft)}
.fbh .fbg-r{display:grid;grid-template-columns:52px 1fr 80px 92px;gap:10px;align-items:center;font-size:13px;padding:4px 0}
.fbh .fbg-bar{height:10px;background:var(--hover);border-radius:999px;overflow:hidden}.fbh .fbg-bar i{display:block;height:100%;background:linear-gradient(90deg,#60a5fa,#2563eb);border-radius:999px}
.fbh .fbg-r b{text-align:right}
@media(max-width:1100px){.fbh .fbx2-row{grid-template-columns:repeat(3,minmax(0,1fr))}.fb-sum .fbr-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.fbh .fbx2-row{grid-template-columns:repeat(2,minmax(0,1fr))}.fbh .fbt-cols{grid-template-columns:1fr}}