/* Content — SeriPet. Navy #142b6f · giallo #ffd601 · crema #f9f6ea · Baskerville. */
:root{
  --navy:#142b6f; --giallo:#ffd601; --crema:#f9f6ea; --bianco:#fff;
  --grigio:#e8e8e8; --bordo:#d8d5c8; --testo:#142b6f; --tenue:#6b7280;
  --rosso:#b3261e; --ambra:#8a6100; --verde:#1b6b3a;
}
*{box-sizing:border-box}
body{margin:0;background:var(--crema);color:var(--testo);
     font-family:Baskerville,"Libre Baskerville",Georgia,serif;font-size:16px;line-height:1.5}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
a{color:var(--navy)}
.nascosto{display:none!important}

/* ── Testata ─────────────────────────────────────────────── */
header.app{background:var(--navy);color:var(--crema);padding:14px 22px;
  display:flex;align-items:center;gap:26px;flex-wrap:wrap;position:sticky;top:0;z-index:20}
header.app h1{margin:0;font-size:20px;letter-spacing:.5px}
header.app h1 span{color:var(--giallo)}
nav.settori{display:flex;gap:6px;flex-wrap:wrap}
nav.settori button{background:transparent;border:1px solid rgba(249,246,234,.35);color:var(--crema);
  padding:7px 15px;border-radius:999px;cursor:pointer}
nav.settori button.attivo{background:var(--giallo);border-color:var(--giallo);color:var(--navy);font-weight:700}
nav.settori button:disabled{opacity:.45;cursor:not-allowed}
header.app .destra{margin-left:auto;font-size:13px;opacity:.8}
header.app .destra button.chiaro{color:var(--crema);border-color:rgba(249,246,234,.45)}   /* 31 ott 2026: «Esci» era navy su navy, invisibile */

main{max-width:1180px;margin:0 auto;padding:26px 22px 80px}
h2{font-size:23px;margin:0 0 4px}
h3{font-size:18px;margin:0 0 8px}
.sottotitolo{color:var(--tenue);margin:0 0 22px;font-size:14px}

/* ── Superfici ───────────────────────────────────────────── */
.card{background:var(--bianco);border:1px solid var(--bordo);border-radius:10px;padding:18px;margin-bottom:16px}
.riquadri{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin-bottom:22px}
.riquadro{background:var(--bianco);border:1px solid var(--bordo);border-radius:10px;padding:14px 16px}
.riquadro .n{font-size:29px;font-family:Helvetica,Arial,sans-serif;font-weight:600}
.riquadro .et{font-size:13px;color:var(--tenue)}

/* ⚠️ I NUMERI in Helvetica: Georgia ha le cifre old-style (3 4 5 7 9 sotto la linea di
   base, larghezze diverse), disegnate per stare dentro una frase — in colonna saltellano
   e non si incolonnano. Lezione delle mail dell'ERP, 1 set 2026. */
.n,.conta,td.num,.mono{font-family:Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums lining-nums}

table{width:100%;border-collapse:collapse;background:var(--bianco)}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--bordo);vertical-align:top}
th{font-size:13px;color:var(--tenue);font-weight:400;text-transform:uppercase;letter-spacing:.4px}
tr.cliccabile{cursor:pointer}
tr.cliccabile:hover td{background:#faf8f0}

.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;border:1px solid var(--bordo)}
.pill.bozza{background:#f3f4f6;color:#374151}
.pill.verificata{background:#e7f4ec;color:var(--verde);border-color:#bfe0cd}
.pill.pubblicata,.pill.approvata{background:var(--giallo);color:var(--navy);border-color:#e6c000}
.pill.attiva{background:var(--verde);color:#fff;border-color:var(--verde)}
.pill.in_revisione{background:#fff5d6;color:var(--ambra);border-color:#e8d69a}

button.azione{background:var(--navy);color:var(--crema);border:1px solid var(--navy);
  padding:9px 18px;border-radius:6px;cursor:pointer}
button.azione:hover{background:#0e1f52}
button.chiaro{background:transparent;color:var(--navy)}
button.chiaro:hover{background:#eef0f7}
button.azione:disabled{opacity:.45;cursor:not-allowed}
.barra{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
input[type=text],input[type=search],input:not([type]),input[type=datetime-local],textarea,select{
  border:1px solid var(--bordo);border-radius:6px;padding:9px 11px;background:var(--bianco);width:100%}
textarea{resize:vertical;line-height:1.45}
label.campo{display:block;margin-bottom:12px}
label.campo>span{display:block;font-size:13px;color:var(--tenue);margin-bottom:4px}

/* ── Varianti delle inserzioni ───────────────────────────── */
.variante{border:1px solid var(--bordo);border-radius:10px;padding:16px;margin-bottom:14px;background:var(--bianco)}
.variante.errata{border-color:#e3b7b3;box-shadow:inset 3px 0 0 var(--rosso)}
.variante header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.variante header .indice{background:var(--navy);color:var(--giallo);width:26px;height:26px;border-radius:50%;
  display:grid;place-items:center;font-size:13px;font-family:Helvetica,Arial,sans-serif}
.conta{font-size:12px;color:var(--tenue);float:right}
.conta.oltre{color:var(--ambra);font-weight:600}
.troncato{font-size:13px;color:var(--ambra);background:#fffaeb;border:1px solid #f0e2b8;
  border-radius:6px;padding:7px 10px;margin-top:6px}
.gancio{font-size:13px;color:var(--tenue);margin-top:10px;padding-top:8px;border-top:1px dashed var(--bordo)}
.gancio b{font-family:Helvetica,Arial,sans-serif;color:var(--navy)}
.esito{margin-top:10px}
.esito div{font-size:13px;padding:3px 0}
.err{color:var(--rosso)} .avv{color:var(--ambra)} .ok{color:var(--verde)}

.avviso{background:#fffaeb;border:1px solid #f0e2b8;border-radius:8px;padding:12px 14px;margin-bottom:16px;font-size:14px}
.avviso.grave{background:#fdf0ef;border-color:#e3b7b3}
.vuoto{color:var(--tenue);text-align:center;padding:40px 20px}

/* ── Gate ────────────────────────────────────────────────── */
#gate{max-width:470px;margin:9vh auto;text-align:center}
#gate .card{padding:28px}
#gate .gate-intro{font-size:14px;color:var(--tenue);margin:0 0 16px;text-align:left}
#gate label.campo{display:block;text-align:left;margin-bottom:16px}
#gate label.campo span{display:block;font-size:12px;color:var(--tenue);margin-bottom:3px}
#gate label.campo input{display:block;width:100%;padding:9px 10px;border:1px solid var(--bordo);border-radius:6px;font-size:16px}
/* I due blocchi dell'accesso (31 ott 2026): la domanda prima del pulsante. Il blocco CONSIGLIATO per questo computer
   (il codice se qui non è mai stata registrata una passkey, altrimenti la passkey) sta per primo, in giallo. */
#gate .gate-scelte{display:flex;flex-direction:column;gap:12px}
#gate .gate-blocco{border:1px solid var(--bordo);border-radius:10px;padding:14px 16px;text-align:left}
#gate .gate-blocco h4{margin:0 0 8px;font-size:16px}
#gate .gate-blocco p{margin:0 0 10px;font-size:14px;color:var(--tenue)}
#gate .gate-blocco button{width:100%}
#gate .gate-scelte.prima-volta .gate-blocco.prima{order:-1}
#gate .gate-scelte.prima-volta .gate-blocco.prima,#gate .gate-scelte:not(.prima-volta) .gate-blocco:not(.prima){border-color:var(--giallo);background:#fffbe6}
#gate #gate-codice h3{margin:0 0 8px}
#gate #ac-codice-testo{font-size:14px;margin:0 0 10px}
#gate .gate-passi{text-align:left;font-size:14px;margin:0 0 14px;padding-left:20px}
#gate .gate-passi li{margin-bottom:4px}
#gate #gate-codice button.azione{width:100%}
#gate .gate-sotto{margin-top:12px}

/* ── Editor dell'opera (F3) ──────────────────────────────── */
.editor .testata{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.editor .griglia{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.editor .griglia .largo{grid-column:1/-1}
.editor label.campo{display:block;font-size:13px;color:var(--tenue);margin:6px 0 10px}
.editor label.campo input,.editor label.campo select,.editor label.campo textarea{
  display:block;width:100%;margin-top:4px;padding:8px 10px;border:1px solid var(--bordo);border-radius:6px;background:#fff}
.editor textarea{min-height:360px;line-height:1.55;font-size:16px}
.editor .suggerimento{font-size:12px;color:var(--tenue);margin:-6px 0 10px}
.editor .azioni{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0 6px}
.editor .verifica{margin:10px 0}
.editor .verifica .manca{color:var(--rosso)}
.editor .verifica .avv{color:var(--ambra)}
.editor .verifica .num{color:var(--tenue);font-size:13px}
.editor iframe.anteprima{width:100%;max-width:620px;height:1100px;border:1px solid var(--bordo);border-radius:8px;background:var(--grigio)}
.editor .esito{margin:8px 0;font-size:14px}
.editor .esito.ok{color:var(--verde)} .editor .esito.err{color:var(--rosso)}
.editor .cop{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.editor .cop img{height:64px;border-radius:4px;border:1px solid var(--bordo)}
@media (max-width:760px){.editor .griglia{grid-template-columns:1fr}}

/* ── Calendario, import Canva, banca immagini (19 ott 2026) ── */
.bottone-file{display:inline-block;cursor:pointer}
.bottone-file input{display:none}
.calendario{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.calendario .giorno{border:1px solid var(--bordo);border-radius:8px;padding:10px 12px;min-height:84px;background:#fff}
.calendario .giorno.passato{opacity:.55}
.calendario .giorno.oggi{border-color:var(--giallo);box-shadow:0 0 0 2px var(--giallo) inset}
.calendario .giorno .data{font-family:Helvetica,Arial,sans-serif;font-size:13px;color:var(--tenue);margin-bottom:6px}
.calendario .giorno .libero{color:var(--tenue);font-size:13px;font-style:italic}
.calendario .giorno .op{font-size:14px;cursor:pointer;margin:4px 0}
.calendario .giorno .op:hover{text-decoration:underline}
.calendario .giorno .op .pill{margin-left:4px;font-size:11px}
.editor .cerca-img .barra{margin:4px 0 8px}
.galleria{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.galleria figure{margin:0;cursor:pointer;border:1px solid var(--bordo);border-radius:6px;overflow:hidden;background:#fff}
.galleria figure:hover{border-color:var(--navy)}
.galleria img{display:block;width:100%;height:110px;object-fit:cover}
.galleria figcaption{font-size:11px;color:var(--tenue);padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.editor .nota-canva{background:#fffaeb;border:1px solid #f0e2b8;border-radius:8px;padding:10px 12px;font-size:14px}
/* Articoli da WordPress (cantiere 1) */
.nota-wp{background:#f6f8fc;border:1px solid #d9e1f2;border-radius:8px;padding:8px 12px;font-size:13px;margin-bottom:6px;overflow:hidden}
.wp-lista td{padding:6px 8px}

/* ══ Lo STUDIO: l'editor a due colonne (cantiere 2, 19 ott 2026) ══════════════════
   A sinistra gli strumenti, a destra l'artefatto. Occupa tutto lo schermo: è un posto dove si
   lavora, non una scheda in fondo alla pagina. */
body.studio-aperto{overflow:hidden}
.studio{position:fixed;inset:0;z-index:50;background:var(--crema);display:flex;flex-direction:column}
.st-barra{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;background:var(--navy);color:var(--crema)}
.st-barra .pill{background:rgba(249,246,234,.12);color:var(--crema);border-color:rgba(249,246,234,.35)}
.st-barra .pill.approvata,.st-barra .pill.pubblicata{background:var(--giallo);color:var(--navy)}
.st-barra .st-titolo{font-size:17px;max-width:38vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-barra button.chiaro{background:transparent;color:var(--crema);border-color:rgba(249,246,234,.45)}
.st-barra .st-salvato{margin-left:auto;font-size:13px;opacity:.85;font-family:Helvetica,Arial,sans-serif}
.st-barra .st-salvato.avv{color:var(--giallo)} .st-barra .st-salvato.err{color:#ffb4ab}
.st-barra .st-esito{font-size:13px;max-width:40vw}
.st-barra .st-esito.ok{color:#bfe9cc} .st-barra .st-esito.err{color:#ffb4ab} .st-barra .st-esito.avv{color:var(--giallo)}
.st-corpo{flex:1;display:grid;grid-template-columns:minmax(360px,440px) 1fr;min-height:0}
.st-strumenti{border-right:1px solid var(--bordo);background:#fff;display:flex;flex-direction:column;min-height:0}
.st-tabs{display:flex;gap:4px;padding:8px 10px 0;border-bottom:1px solid var(--bordo);background:#fbfaf5}
.st-tabs button{border:1px solid transparent;border-bottom:none;background:transparent;padding:8px 12px;border-radius:8px 8px 0 0;cursor:pointer;color:var(--navy)}
.st-tabs button.attivo{background:#fff;border-color:var(--bordo);font-weight:700;margin-bottom:-1px}
.st-tabs button:disabled{opacity:.35;cursor:not-allowed}
.st-pannello{flex:1;overflow:auto;padding:14px}
.st-sezione .barra{display:flex;gap:6px;margin:6px 0}
.st-riga{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0}
.st-etichetta{display:block;font-size:13px;color:var(--tenue);margin:10px 0 4px}
.st-etichetta input,.st-etichetta select,.st-etichetta textarea{display:block;width:100%;margin-top:4px;color:var(--navy);font-size:15px}
.tenue{color:var(--tenue);font-size:13px}
button.piccolo{padding:4px 10px;font-size:13px}
button.rosso,.rosso{color:var(--rosso)}
.st-blocchi{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.st-blocco{border:1px solid var(--bordo);border-radius:8px;background:#fff}
.st-blocco.scelto{border-color:var(--navy);box-shadow:0 0 0 2px var(--giallo)}
.st-blocco.sopra{border-top:3px solid var(--giallo)}
.st-blocco.trascina{opacity:.4}
.st-blocco-testa{display:flex;align-items:center;gap:6px;padding:7px 8px;cursor:pointer;font-size:14px}
.st-maniglia{cursor:grab;color:var(--tenue);letter-spacing:-2px;padding:0 2px}
.st-tipo{font-family:Helvetica,Arial,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--tenue);white-space:nowrap;min-width:86px}
.st-riassunto{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-mini{border:none;background:transparent;cursor:pointer;color:var(--tenue);padding:2px 5px;border-radius:4px}
.st-mini:hover{background:#f1efe6;color:var(--navy)} .st-mini:disabled{opacity:.25}
.st-blocco-corpo{padding:4px 10px 10px}
.st-blocco-corpo textarea,.st-blocco-corpo input{width:100%;font-size:16px;line-height:1.55;color:var(--navy)}
.st-blocco-corpo textarea{min-height:60px;resize:vertical}
.st-img{display:block;max-width:100%;border-radius:6px;border:1px solid var(--bordo);margin:4px 0 8px}
.st-aggiungi{display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding-top:6px;border-top:1px dashed var(--bordo)}
.st-testo-semplice{width:100%;min-height:58vh;font-size:16px;line-height:1.55}
.galleria.piccola{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
.galleria.piccola img{height:82px}
.galleria figure{position:relative}
.st-lic{position:absolute;top:4px;right:4px;background:var(--ambra);color:#fff;border-radius:999px;font-size:11px;width:18px;height:18px;text-align:center;line-height:18px;font-family:Helvetica,Arial,sans-serif}
.st-azioni-img{display:flex}
.st-azioni-img button{flex:1;border:none;border-top:1px solid var(--bordo);background:#fbfaf5;font-size:11px;padding:4px 0;cursor:pointer;color:var(--navy)}
.st-azioni-img button:hover{background:var(--giallo)}
.st-preset{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.st-preset label{border:1px solid var(--bordo);border-radius:8px;padding:6px 8px;cursor:pointer;font-size:13px}
.st-preset label.attivo{border-color:var(--navy);box-shadow:0 0 0 2px var(--giallo)}
.st-preset input{width:auto}
.st-cop-anteprima{margin:12px 0;min-height:60px}
.st-cop-anteprima img{display:block;width:100%;border-radius:6px;border:1px solid var(--bordo)}
.st-azioni{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:14px}
.st-sezione .verifica{margin:12px 0;font-size:14px}
.st-sezione .verifica .manca{color:var(--rosso)} .st-sezione .verifica .avv{color:var(--ambra)} .st-sezione .verifica .ok{color:var(--verde)}
.st-sezione .verifica .num{color:var(--tenue);font-size:13px}
.st-artefatto{display:flex;flex-direction:column;min-height:0;background:var(--grigio)}
.st-tabs.destra{background:#efeee8}
.st-tabs.destra button.attivo{background:var(--grigio)}
.st-vista{flex:1;overflow:hidden;display:flex;justify-content:center;padding:14px}
.st-cornice{height:100%;width:100%;display:flex;justify-content:center}
.st-cornice iframe{border:none;background:#e8e8e8;height:100%;border-radius:6px;box-shadow:0 2px 14px rgba(20,43,111,.12)}
.st-cornice.mail iframe{width:640px;max-width:100%}
.st-cornice.articolo iframe{width:100%;max-width:980px;background:#fff}
.st-vuoto{max-width:520px;margin:40px auto;background:#fff;border:1px solid var(--bordo);border-radius:10px;padding:22px}
.st-vuoto button{margin:6px 6px 0 0}
@media (max-width:1000px){
  .st-corpo{grid-template-columns:1fr;grid-template-rows:auto 70vh;overflow:auto}
  .st-strumenti{max-height:none}
}
.studio button.chiaro{border:1px solid var(--bordo);border-radius:6px;padding:7px 13px;background:#fff;cursor:pointer;color:var(--navy)}
.studio button.chiaro:hover{background:#f1efe6}
.studio button.chiaro.piccolo,.studio button.piccolo{padding:4px 10px;font-size:13px}
.studio button.chiaro.rosso{color:var(--rosso)}
.studio button.azione{padding:8px 16px}
.st-barra button.azione{background:var(--giallo);color:var(--navy);border-color:var(--giallo);font-weight:700}
.st-barra button.chiaro{background:transparent;color:var(--crema);border-color:rgba(249,246,234,.45)}
.st-barra button.chiaro:hover{background:rgba(249,246,234,.12)}
.studio section.st-artefatto{max-width:none;margin:0;padding:0}
.calendario .giorno .op.articolo{font-size:13px;color:var(--tenue)}

/* L'agente (cantiere 4) */
button.piccolo:disabled{opacity:.45;cursor:not-allowed}
.esito-agente{font-size:12px;color:var(--tenue);margin-top:4px}
.esito-agente.ok{color:var(--verde)} .esito-agente.err{color:var(--rosso)} .esito-agente.avv{color:var(--ambra)}
.st-agente{background:#f4f1ff;border:1px solid #ddd5f5;border-radius:8px;padding:8px 12px;font-size:13px;margin:6px 0 10px}
.st-chip{display:inline-block;border:1px solid var(--bordo);border-radius:999px;padding:3px 10px;margin:3px 4px 0 0;font-size:13px;cursor:pointer;background:#fff}
.st-chip:hover{background:var(--giallo)}

/* Il piano del mese (cantiere 5) */
.piano-sabati{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:10px 0}
.piano-sabato{border:1px solid var(--bordo);border-radius:8px;padding:10px 12px;background:#fff;font-size:14px}
.piano-sabato .data{font-family:Helvetica,Arial,sans-serif;font-size:13px;color:var(--tenue);margin-bottom:4px}
.piano-sabato .libero{color:var(--tenue);font-style:italic;font-size:13px}
.piano-proposta{border-top:1px solid var(--bordo);padding:10px 0;font-size:14px}
.piano-proposta .riga-titolo{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.piano-proposta ul{margin:4px 0 0 18px;font-size:13px;color:var(--tenue)}
.piano-brief{font-size:13px;margin-top:4px}.piano-brief div{margin:2px 0 0 12px}

/* foto già usate: segnate, non nascoste — sceglierle chiede conferma (20 ott 2026) */
figure.usata img { opacity: .55; }
figure .st-usata { position: absolute; left: 4px; bottom: 4px; background: #142b6f; color: #ffd601; font-size: 11px; padding: 1px 6px; border-radius: 3px; }
.avv-mini { color: #8a5a00; }

/* ══ Le quattro schede di «Newsletter e blog» (24 ott 2026) ═══════════════════════
   Calendario VEDE · Ricerche SCEGLIE · Lavorazione (la pagina del sabato) LEGGE E DECIDE · Storico MISURA. */
nav.schede{display:flex;gap:4px;border-bottom:1px solid var(--bordo);margin:6px 0 18px}
nav.schede button{border:1px solid transparent;border-bottom:none;background:transparent;padding:9px 16px;border-radius:8px 8px 0 0;cursor:pointer;color:var(--navy);font-size:15px}
nav.schede button.attivo{background:#fff;border-color:var(--bordo);font-weight:700;margin-bottom:-1px}
nav.schede button:hover:not(.attivo){background:#f1efe6}
/* lo stato unico, in parole: un colore per fase */
.stato{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;border:1px solid var(--bordo);background:#f3f4f6;color:#374151;max-width:100%;white-space:normal}
.stato.scrivere{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}
.stato.approvare{background:#fff5d6;color:var(--ambra);border-color:#e8d69a}
.stato.approvata,.stato.coda{background:var(--giallo);color:var(--navy);border-color:#e6c000}
.stato.inviata{background:#e7f4ec;color:var(--verde);border-color:#bfe0cd}
.stato.articolo{background:#f3f4f6;color:#374151}
.stato.rosso{background:#fdf0ef;color:var(--rosso);border-color:#e3b7b3;font-weight:700}
.legenda{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}
/* il calendario: una casella per sabato, leggera; il clic apre la pagina del sabato */
.calendario .giorno{cursor:pointer;display:flex;flex-direction:column;gap:5px;min-height:110px;transition:box-shadow .15s}
.calendario .giorno:hover{box-shadow:0 2px 10px rgba(20,43,111,.14)}
.calendario .giorno.urgente{border-color:var(--rosso);box-shadow:inset 3px 0 0 var(--rosso)}
.calendario .giorno.s-inviata{background:#fbfdfb}
.calendario .giorno .data{display:flex;justify-content:space-between;gap:6px;margin-bottom:0}
.calendario .giorno .data .scad{font-size:11px;color:var(--ambra)}
.calendario .giorno .titolo{font-size:14px;line-height:1.3;flex:1}
.calendario .giorno .stat{font-size:12px;color:var(--tenue)}
.calendario .giorno select.piccolo{font-size:12px;padding:4px 6px;margin-top:2px}
/* la striscia dei sabati (Lavorazione) */
.striscia{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;margin-bottom:12px;border-bottom:1px solid var(--bordo)}
.striscia .chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid var(--bordo);border-radius:8px;background:#fff;padding:6px 10px;cursor:pointer;color:var(--navy);min-width:110px;text-align:left}
.striscia .chip small{font-size:11px;color:var(--tenue);white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.striscia .chip.attivo{border-color:var(--navy);box-shadow:0 0 0 2px var(--giallo)}
.striscia .chip.urgente small{color:var(--rosso);font-weight:700}
.striscia .chip.s-inviata small{color:var(--verde)}
.striscia .chip.s-approvata small,.striscia .chip.s-coda small{color:#8a6100}
/* la pagina del sabato */
.sab-testa{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.sab-testa h3{margin:0;font-size:21px;text-transform:capitalize}
.sab-esito{font-size:13px;max-width:60ch}.sab-esito.ok{color:var(--verde)}.sab-esito.err{color:var(--rosso)}
.sab-tema{background:#fff;border:1px solid var(--bordo);border-radius:10px;padding:12px 16px;margin-bottom:12px;font-size:14px}
.sab-tema .riga-titolo{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sab-colonne{display:grid;grid-template-columns:minmax(320px,660px) minmax(320px,1fr);gap:14px;margin-bottom:12px}
.sab-col{background:#fff;border:1px solid var(--bordo);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:0}
.sab-col.vuota{color:var(--tenue)}
.sab-col-testa{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}
.sab-oggetto{font-size:15px}
.sab-manca{font-size:13px}.sab-manca .manca,.manca{color:var(--rosso)}.sab-manca .avv{color:var(--ambra)}.sab-manca .ok{color:var(--verde)}
.sab-col iframe{width:100%;height:820px;border:1px solid var(--bordo);border-radius:6px;background:#e8e8e8}
.sab-wp{background:#f6f8fc;border:1px solid #d9e1f2;border-radius:8px;padding:10px 12px;font-size:14px}
.sab-azioni{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sab-azioni .st-riga{margin:0}
.sab-azioni input.piccolo{padding:6px 8px;width:auto;font-size:14px}
.sab-stat{font-size:14px}
.azioni-riga{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}
.azioni-riga button.azione.piccolo{padding:4px 12px}
/* lo storico */
table.storico td,table.storico th{padding:8px 10px;font-size:14px}
@media (max-width:1000px){.sab-colonne{grid-template-columns:1fr}.sab-col iframe{height:560px}}

/* il brief: si legge e si corregge sul posto (24 ott 2026) */
.piano-brief summary{cursor:pointer}
.brief-form{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:8px 0 4px 12px;max-width:900px}
.brief-form label{display:block;font-size:12px;color:var(--tenue)}
.brief-form label:nth-child(5),.brief-form label:nth-child(6),.brief-form label:nth-child(7),.brief-form label:nth-child(8),.brief-form .azioni-riga{grid-column:1/-1}
.brief-form input,.brief-form textarea{display:block;width:100%;margin-top:2px;font-size:14px;padding:6px 8px;color:var(--navy)}
.piano-brief .brief-vista div{margin:2px 0 0 12px}
@media (max-width:760px){.brief-form{grid-template-columns:1fr}}

/* ── Social: il calendario del mese e la pagina dello slot (piano_social.md, step 1 · 25 ott 2026) ── */
.so-mese{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.so-mese .so-testa{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:var(--tenue);text-transform:uppercase;letter-spacing:.04em;padding:0 4px 2px}
.so-giorno{border:1px solid var(--bordo);border-radius:8px;background:#fff;padding:6px;min-height:96px;display:flex;flex-direction:column;gap:4px}
.so-giorno.fuori{border-color:transparent;background:transparent}
.so-giorno.passato{opacity:.6}
.so-giorno.oggi{border-color:var(--giallo);box-shadow:0 0 0 2px var(--giallo) inset}
.so-giorno .so-num{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:var(--tenue);display:flex;justify-content:space-between;align-items:center}
.so-giorno .so-num button{font-size:11px;padding:0 6px;line-height:18px;border:1px solid var(--bordo);border-radius:999px;background:#fff;color:var(--tenue);cursor:pointer}
.so-giorno .so-num button:hover{background:var(--giallo);color:var(--navy)}
.so-slot{border:1px solid var(--bordo);border-radius:7px;padding:5px 7px;cursor:pointer;font-size:13px;line-height:1.3;background:#fafaf7;transition:box-shadow .15s}
.so-slot:hover{box-shadow:0 2px 10px rgba(20,43,111,.14)}
.so-slot.urgente{border-color:var(--rosso);box-shadow:inset 3px 0 0 var(--rosso)}
.so-slot.s-pronto{background:#f3faf4}
.so-slot.s-passato{background:#f6f6f6}
.so-slot .rub{font-size:11px;color:var(--tenue);display:flex;gap:4px;align-items:center}
.so-slot .tit{font-weight:600;margin:1px 0}
.so-slot .tit.vuoto-tit{font-weight:400;color:var(--tenue);font-style:italic;text-align:left;padding:0}
.so-slot .stato{font-size:11px;padding:1px 8px;margin-top:2px}
.so-slot .pk{font-size:11px;background:#fff7cc;border-color:#e6cf5a;margin-left:4px}
.so-slot .tg{font-size:10px;color:var(--tenue);margin-top:2px}
.so-slot.fuori-tag{opacity:.25}
.so-extra{margin:4px 0 8px}.so-extra summary{cursor:pointer;font-size:13px;color:var(--navy);margin-bottom:6px}
.so-composto{font-size:12px;margin:-4px 0 8px}
.stato.vuoto{background:#f3f4f6}.stato.scrivere{background:#fff3cd;color:#7a5a00}.stato.approvare{background:#e8f0fe;color:#1a3b8f}
.stato.pronto{background:#dcf5e3;color:#1b6b3a}.stato.passato{background:#eee;color:#666}
/* la pagina dello slot */
.so-pagina .so-testa-slot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.so-due{display:grid;grid-template-columns:minmax(300px,2fr) minmax(360px,3fr);gap:16px;align-items:start}
.so-due .card{margin-bottom:12px}
.so-due .campo{display:block;margin-bottom:10px}
.so-due .campo span{display:block;font-size:12px;color:var(--tenue);margin-bottom:2px}
.so-due input[type=text],.so-due input:not([type]),.so-due textarea,.so-due select,.so-due input[type=time]{width:100%}
.so-idee{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 8px}
.so-idee .st-chip{font-size:12px}
.so-idee .st-chip small{color:var(--tenue)}
.so-scene-testa,.so-scena{display:grid;grid-template-columns:2fr 3fr 2fr 56px 28px;gap:6px;align-items:start}
.so-scene-testa{font-size:11px;color:var(--tenue);margin:6px 0 2px}
#sop-script textarea.auto-alta{min-height:240px;overflow:hidden;resize:none;line-height:1.55;font-size:14px}
.so-scena{margin-bottom:6px}
.so-scena textarea{min-height:52px;font-size:13px;padding:5px 6px}
.so-scena input{font-size:13px;padding:5px 6px}
.so-scena .x{border:none;background:none;color:var(--tenue);cursor:pointer;font-size:16px;line-height:1;padding:6px 0}
.so-slide{display:grid;grid-template-columns:1fr 2fr 1fr 28px;gap:6px;margin-bottom:6px;align-items:start}
.so-slide textarea{min-height:52px;font-size:13px;padding:5px 6px}
.so-revisore{border-radius:8px;padding:8px 12px;font-size:13px;margin-top:8px;border:1px solid var(--bordo);background:#fff}
/* 4 nov 2026 — «Approva la guida» grande e colorato: la guida del 3 nov è rimasta in bozza e nessuno ha visto il tasto piccolo */
.so-approva-guida{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px;padding:12px 14px;border-radius:10px;background:#fff8d6;border:1px solid #e6c000}
button.azione.approva-guida{background:var(--giallo);color:var(--navy);border:2px solid #c9a800;font-weight:700;font-size:18px;padding:14px 30px;border-radius:10px;box-shadow:0 3px 0 #c9a800;white-space:nowrap}
button.azione.approva-guida:hover{background:#ffe14d;border-color:#b39600}
button.azione.approva-guida:active{transform:translateY(2px);box-shadow:0 1px 0 #c9a800}
.so-approva-nota{flex:1 1 220px;font-size:13.5px;line-height:1.35;color:var(--navy)}
@media (max-width:640px){.so-approva-guida{flex-direction:column;align-items:stretch}button.azione.approva-guida{width:100%}}
.so-revisore .err{display:block}.so-revisore .avv{display:block}
.so-gen{background:#f4f1ff;border:1px solid #ddd5f5;border-radius:8px;padding:8px 12px;font-size:13px;margin-bottom:10px}
.so-azioni{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px;position:sticky;bottom:0;background:var(--crema);padding:10px 0;border-top:1px solid var(--bordo)}
table.so-rubriche td,table.so-rubriche th{padding:6px 8px;font-size:13px;vertical-align:middle}
table.so-rubriche input[type=text],table.so-rubriche select,table.so-rubriche input[type=time]{width:100%;font-size:13px;padding:4px 6px}
table.so-rubriche input[type=text].breve{min-width:130px}
@media (max-width:900px){.so-mese{grid-template-columns:1fr}.so-mese .so-testa{display:none}.so-giorno.fuori{display:none}.so-giorno{min-height:0}
  .so-due{grid-template-columns:1fr}.so-scene-testa{display:none}.so-scena,.so-slide{grid-template-columns:1fr}}
/* la guida della parola chiave (step 2) */
.so-guida-testa{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start;margin-bottom:8px}
.so-guida-foto{width:120px;height:76px;object-fit:cover;border-radius:6px;border:1px solid var(--bordo)}
.so-guida-foto.vuota{display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--tenue);background:#f3f4f6}
.so-guida-editor{margin:8px 0}.so-guida-editor summary{cursor:pointer;font-size:13px;color:var(--navy)}
.so-guida-sez{border:1px solid var(--bordo);border-radius:8px;padding:8px;margin:6px 0;background:#fff}
.so-guida-sez textarea,.so-guida-sez input{width:100%;font-size:13px;padding:5px 6px;margin-top:4px}
.so-guida-sez .x{border:none;background:none;color:var(--tenue);cursor:pointer;font-size:16px}
#sog-foto{margin-top:6px}#sog-foto figure img{height:70px}

/* ── Accesso e Account (25 ott 2026) ── */
.griglia-campi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:10px}
.griglia-campi .campo span{display:block;font-size:12px;color:var(--tenue);margin-bottom:2px}
.griglia-campi input,.griglia-campi select{width:100%}
table.account{width:100%;border-collapse:collapse}
table.account th,table.account td{padding:8px 10px;font-size:13px;vertical-align:top;border-bottom:1px solid var(--bordo);text-align:left}
table.account input[type=text]{width:100%;font-size:13px;padding:4px 6px}
table.account select{font-size:13px;padding:4px 6px}
table.account .pk{font-size:12px;color:var(--tenue)}
table.account .pk button{font-size:11px;padding:0 6px;margin-left:4px}
table.account tr.sospeso td{opacity:.55}
#gate a{color:var(--navy)}

/* ── Il calendario operativo (passo B, 25 ott 2026) ── */
.so-slot .mini{width:100%;height:58px;object-fit:cover;border-radius:5px;margin:3px 0;display:block}
.so-slot.mia{box-shadow:inset 3px 0 0 var(--giallo)}
.so-slot.grigio{opacity:.5;cursor:default}
.so-slot .pub-extra{margin-top:3px;font-size:11px}
.so-slot .pub-extra .stato{font-size:10px;padding:0 6px;margin:1px 2px 0 0}
.pill.avv{background:#fff1d6;border-color:#f0c070;color:#7a4a00;font-size:10px;padding:0 6px}
.pub-video{width:100%;max-height:440px;background:#000;border-radius:8px;margin:6px 0}
.pub-imgs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.pub-imgs figure{margin:0;width:110px}.pub-imgs img{width:110px;height:110px;object-fit:cover;border-radius:6px;border:1px solid var(--bordo)}.pub-imgs figcaption{font-size:11px;color:var(--tenue)}
/* il carosello come SEQUENZA numerata (31 ott 2026, sera): un riquadro per elemento, il numero in alto a sinistra, ▶ e durata sui video, ‹ ✕ › sotto; si trascina */
.pub-seq-testa{font-size:13px;margin:6px 0 2px}
.pub-seq{list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 8px;padding:0}
.pub-el{position:relative;width:122px;margin:0;border:1px solid var(--bordo);border-radius:8px;padding:4px;background:#fff;font-size:11px;color:var(--tenue)}
.pub-el[draggable]{cursor:grab}.pub-el.trascina{opacity:.4}.pub-el.sopra{border-color:var(--giallo);box-shadow:0 0 0 2px var(--giallo)}
.pub-el img,.pub-el video{width:112px;height:112px;object-fit:cover;border-radius:6px;display:block;background:#000}
.pub-el .n{position:absolute;top:8px;left:8px;background:var(--navy);color:#fff;font-weight:700;font-size:13px;min-width:22px;height:22px;line-height:22px;text-align:center;border-radius:11px;z-index:1}
.pub-el .play{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.65);color:#fff;font-size:11px;padding:1px 6px;border-radius:10px}
.pub-el figcaption{margin-top:3px;line-height:1.25;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pub-el .az{display:flex;justify-content:space-around;margin-top:2px}
.pub-el .az .x{border:none;background:none;cursor:pointer;font-size:22px;line-height:1;padding:4px 14px;color:var(--navy)}
.pub-el .az .x:disabled{opacity:.25;cursor:default}.pub-el .az .x.rosso{color:var(--rosso)}
.pub-el .n.cop{background:var(--giallo);color:var(--navy);font-size:11px;padding:0 7px}.pub-el.cop{border-color:var(--giallo)}
.pub-el .az .x.cop{color:var(--ambra)}
.pub-drop{border:2px dashed var(--bordo);border-radius:8px;padding:12px;margin:8px 0;font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pub-drop.sopra{border-color:var(--giallo);background:#fffbe6}
.pub-file{display:grid;grid-template-columns:1fr 160px 150px;gap:8px;align-items:center;font-size:12px;margin-top:4px;width:100%}
.pub-file progress{width:100%}
.pub-riga{border-top:1px solid var(--bordo);padding:6px 0;font-size:13px}
.pub-riga .stato{font-size:11px;margin:0 4px}
.pub-pre{white-space:pre-wrap;font:13px/1.45 Helvetica,Arial,sans-serif;background:#fafaf7;border:1px solid var(--bordo);padding:8px;border-radius:6px;margin:4px 0}
.pub-cap summary{cursor:pointer;font-size:12px;color:var(--navy)}
.pub-prog,.pub-appr{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-top:10px}
.pub-prog .campo{flex:1;min-width:220px;margin:0}
.pub-tiktok{display:block;margin-top:10px;font-size:13px}
.msg-filo{max-height:320px;overflow:auto;display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.msg{border-radius:8px;padding:6px 10px;font-size:13px;max-width:85%}.msg.red{background:#fff7cc;align-self:flex-start}.msg.smm{background:#eef2ff;align-self:flex-end}
.msg .chi{font-size:11px;color:var(--tenue);margin-bottom:2px}
.msg-scrivi{display:flex;gap:6px;align-items:end}.msg-scrivi textarea{flex:1}
.so-scene-lettura{width:100%;border-collapse:collapse;font-size:13px;margin:6px 0}.so-scene-lettura th,.so-scene-lettura td{border:1px solid var(--bordo);padding:4px 6px;vertical-align:top;text-align:left}
.so-lettura h4,.stampa-solo h4{margin:12px 0 4px;font-size:13px;color:var(--tenue);text-transform:uppercase;letter-spacing:.04em}
.so-elenco .card{margin-bottom:10px}.so-riga-elenco{padding:6px 8px;margin:4px 0;font-size:13px}
@media print{body *{visibility:hidden}.stampa-solo,.stampa-solo *{visibility:visible}.stampa-solo{position:absolute;left:0;top:0;width:100%;border:none;box-shadow:none}}

/* ── Le note sullo slot: sotto la creatività, e l'ultima nella casella (26 ott 2026) ── */
.pub-note{margin-top:12px;padding-top:10px;border-top:1px dashed var(--bordo)}
.pub-note h4{margin:0 0 6px;font-size:13px}
.so-slot .nota-ultima{font-size:11px;color:var(--navy);background:#fff7cc;border-radius:6px;padding:2px 6px;margin-top:3px;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.so-slot .nota-ultima b{font-style:normal}

/* ── Social: lo Storico (step 5 · 26 ott 2026) ── */
.so-rubriche tr.spenta td{opacity:.6}.so-idee-riga{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;margin-bottom:8px}.so-idee-riga .campo{flex:1;min-width:240px}
/* la faccia SMM dello slot (31 ott 2026): argomento e script nella veste di lettura, ma modificabili */
#smm-titolo{width:100%;font-size:18px;font-weight:700;border:1px solid transparent;border-radius:4px;padding:2px 4px;font-family:inherit;color:var(--navy);margin-bottom:6px}
.so-lettura-mod textarea.auto-alta{font-size:15px;line-height:1.5;min-height:140px;overflow:hidden;resize:none}
#smm-titolo:focus,.so-lettura-mod textarea:focus,.so-lettura-mod input:focus{border-color:var(--navy);background:var(--bianco);outline:none}
.so-lettura-mod textarea,.so-lettura-mod input{width:100%;border:1px solid transparent;border-radius:4px;background:transparent;padding:2px 4px;font:inherit;font-size:13px;line-height:1.35;resize:vertical;color:var(--navy)}
.so-lettura-mod input[type=number]{width:56px}
.so-lettura-mod .so-scene-lettura td{padding:2px 3px}.so-lettura-mod .x{border:none;background:transparent;cursor:pointer;color:var(--rosso);padding:0 4px}
.so-lettura-mod ol{padding-left:20px}.so-lettura-mod li{margin-bottom:6px;display:grid;grid-template-columns:1fr auto;gap:2px 6px}.so-lettura-mod li textarea,.so-lettura-mod li input{grid-column:1}.so-lettura-mod li .x{grid-column:2;grid-row:1}
.so-rimando-smm{background:#fffbe6;border-color:var(--giallo)}
.pub-elimina{margin:6px 0}.so-red-stato{font-size:11px;margin-top:2px}
.so-giorno .so-num button.so-cestino-giorno{font-size:12px;padding:0 5px;color:var(--rosso);border-color:var(--rosso);background:#fff}.so-giorno .so-num button.so-cestino-giorno:hover{background:var(--rosso);color:#fff}
.so-slot.trascinata{opacity:.4}.so-giorno.sopra{outline:2px dashed var(--navy);outline-offset:-2px;background:#fffbe6}
.so-data-slot{font:inherit;font-size:13px;border:1px solid var(--bordo);border-radius:6px;padding:2px 6px;background:#fff;color:var(--navy)}
.so-stampa-mese{display:none}
@media print{body.stampa-mese .so-stampa-mese{display:block;position:absolute;left:0;top:0;width:100%;font-family:Georgia,serif;color:#000}
  .so-stampa-mese h1{font-size:20px;margin:0 0 12px}.st-slot{page-break-inside:avoid;border-bottom:1px solid #999;padding:10px 0 12px;margin-bottom:8px}
  .st-slot h2{font-size:13px;font-weight:400;margin:0 0 2px;color:#444}.st-slot h3{font-size:17px;margin:0 0 6px}.st-vo{white-space:pre-wrap;font-size:14px;line-height:1.5;margin:0}}
@media print{.no-stampa{display:none!important}.so-lettura-mod textarea,.so-lettura-mod input,#smm-titolo{border:none;resize:none}}

/* ── La SMM non vede i pulsanti di IRIS e dello Scout (26 ott 2026): la classe sta sul body, la regola vale ovunque ── */
body.smm .solo-redazione{display:none!important}
.card h3.con-azione{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.card h3.con-azione .chiaro{margin-left:auto;font-weight:400;font-size:13px}
.so-caption-smm textarea,.so-caption-smm input[type=text],.so-caption-smm select{width:100%}
.so-caption-smm .campo{display:block;margin-bottom:8px}.so-caption-smm .campo span{display:block;font-size:12px;color:var(--tenue);margin-bottom:2px}

/* Il calendario della newsletter a TRE MESI (27 ott 2026, disegno del titolare): solo i sabati, un mese per riga —
   il mese passato, questo mese e il prossimo, uno sotto l'altro; le caselle sono quelle di sempre (.calendario .giorno). */
.nl-mese{margin-bottom:18px}
.nl-mese h3{margin:0 0 8px;font-size:17px;font-weight:600;color:var(--tenue);display:flex;align-items:center;gap:8px}
.nl-mese.corrente h3{color:var(--navy)}
.nl-mese h3 .pill{font-size:11px;font-weight:400}
.calendario.nl-riga{grid-template-columns:repeat(5,minmax(0,1fr))}
.nl-fuori{font-size:13px;margin-top:6px}
.nl-fuori .op{cursor:pointer;text-decoration:underline}
@media (max-width:900px){.calendario.nl-riga{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.calendario.nl-riga{grid-template-columns:1fr}}

/* Canva nello slot (31 ott 2026, notte): la barra accanto alla data, il riquadro «Prendi da Canva» */
.canva-barra{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.canva-barra .canva-chi{font-size:12px}
.canva-picker .canva-cerca{display:flex;gap:6px;margin:0 0 10px}
.canva-picker .canva-cerca input{flex:1;font:inherit;font-size:14px;border:1px solid var(--bordo);border-radius:6px;padding:4px 8px}
.canva-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.canva-design{font:inherit;font-size:12px;color:var(--navy);background:#fff;border:1px solid var(--bordo);border-radius:8px;padding:6px;cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:left}
.canva-design:hover{border-color:var(--navy)}
.canva-design img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:#eee}
.canva-design span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pub-cop{margin:6px 0}.pub-cop img{max-width:220px;max-height:320px;border-radius:8px;border:1px solid var(--bordo);display:block}.pub-cop figcaption{font-size:12px;color:var(--tenue);margin-top:4px}