/* vrv-dark.css - livrea SCURA per le pagine di LAVORO del VRV.
 *
 * PERCHE': wiz_foto e share sono scuri, il VRV e' chiaro, e passando da un
 * servizio all'altro si sente lo scarto (vitti, 04/09/2026). Il diario che
 * legge Elena resta chiaro - li' il chiaro e' voluto, e' carta sopra le foto:
 * qui si vestono solo le pagine in cui si lavora.
 *
 * COME: NON e' un tema nuovo. Il VRV ha 8.309 righe di CSS con ~880 colori
 * scritti a mano e quasi nessuna variabile, quindi un tema vero vorrebbe
 * prima variabilizzare tutto. Questo file e' invece un CAPPOTTO: si carica
 * PER ULTIMO e ridipinge solo cio' che si vede. Un solo file per TUTTE le
 * pagine di lavoro - una sezione per pagina, il nome della sezione e' la
 * classe del body - e un solo posto da cui tornare indietro: si toglie la
 * riga dalla enqueue della pagina e quella pagina torna chiara.
 *
 * PALETTA: la livrea unica di casa (vrp-livrea.css), vedi il blocco PALETTA
 * qui sotto. Il 04/09 era il grigio di wiz_foto, dal 12/09 i rossi da vino.
 *
 * SFONDO: il wallpaper del VRV RESTA dove c'e'. Come nel wizard, sopra ci
 * vanno pannelli scuri traslucidi: la foto traspare, il testo si legge.
 *
 * 04/09/2026 - admin.php (assaggio), poi il TELAIO di modifica_post.php.
 */

/* ===================================================================
   L'INTERRUTTORE: la classe `vrv-dark` sul body
   ===================================================================

   05/09/2026. Prima ogni regola nominava la PAGINA (`body.page-admin`...),
   e il foglio doveva indovinare da solo se quella pagina andava vestita.
   Su una pagina andava male: la lista dei post ha una GEMELLA CHIARA -
   `diario_lista_guest.php`, il diario che legge Elena - e le due portano
   la stessa `page-diario-lista`. Il foglio se la cavava chiedendo anche
   `.role-admin`, cioe' spiando il RUOLO di chi guarda: una regola sola
   scritta distratta e il diario di Elena diventava scuro.

   Ora non si indovina piu': e' la PAGINA a dichiararsi, mettendosi
   addosso la parola `vrv-dark` (vedi $PAGE_CLASS). Il foglio si limita
   a obbedire. Una pagina si veste con DUE righe che vanno in coppia:

       $PAGE_CLASS = 'page-qualcosa vrv-dark';     <- l'interruttore
       'css/vrv-dark.css'  in fondo alla enqueue   <- il foglio

   e si sveste togliendole tutt'e due. Non ci sono altri comandi, non c'e'
   una configurazione, non c'e' un secondo posto da ricordare.
   (vitti, 05/09/2026: "un flag solo, non flaggettini e flaggettoni".)

   ⚠️ PER ACCENDERE LA LISTA DI ELENA: si aggiunge `vrv-dark` al
   $PAGE_CLASS di `diario_lista_guest.php` e la riga della enqueue. Nulla
   da toccare qui dentro. Ma e' una decisione di Elena, non nostra
   (vitti, 05/09/2026: "io direi di farla dark, o al massimo chiederglielo").

   PALETTA - vale per ogni pagina vestita.
   =================================================================== */

body.vrv-dark {
  /* LA PALETTA UNICA (16/10/2026). Fino a ieri qui c'era il grigio di
   * wiz_foto e i rossi stavano in vrv-rosso.css, caricato DOPO su tutte e 7
   * le pagine vestite: il grigio non si vedeva piu' da nessuna parte (e due
   * sue righe puntavano a se stesse). Ora i colori vengono dalla livrea di
   * casa (`public/css/vrp-livrea.css`, le `--vrp-*`); il diario li chiama coi
   * nomi suoi (`--vrvd-*`, 245 usi qui sotto). I ripieghi dopo la virgola
   * valgono se la livrea non e' caricata: il diario resta rosso lo stesso.
   * Rossi da vino al posto dei grigi: vitti, 12/09/2026, «per tutti i diari!».
   * Il vecchio file e il grigio: `_deprecato/paletta_20261016/`. */
  --vrvd-bg:      var(--vrp-bg, #241416);
  --vrvd-panel:   var(--vrp-panel, #33191c);
  --vrvd-panel2:  var(--vrp-panel2, #432126);
  --vrvd-panel3:  var(--vrp-panel3, #4e262b);   /* il piano 3: quello che si tocca */
  --vrvd-txt-forte: var(--vrp-txt-forte, #fffaf9);
  --vrvd-err-bg:  var(--vrp-err-bg, rgba(160, 71, 71, .22));

  --vrvd-txt:     var(--vrp-txt, #f2e7e6);
  --vrvd-mut:     var(--vrp-mut, #c6a3a4);

  --vrvd-accent:  var(--vrp-accent, #e0a458);   /* ambra: sul vinaccia l'azzurro litigava */
  --vrvd-gold:    var(--vrp-gold, #eccb8c);
  --vrvd-ok:      var(--vrp-ok, #5fbf72);
  --vrvd-err:     var(--vrp-err, #ff7a68);

  /* derivati: i traslucidi che lasciano passare il wallpaper */
  --vrvd-panel-a: var(--vrp-panel-a, rgba(46, 22, 25, .82));
  --vrvd-panel-b: var(--vrp-panel-b, rgba(58, 28, 32, .70));

  /* LA SCALA DELLA PROFONDITA' (vitti, 05/09/2026: "farei la cornice piu'
   * esterna di un terzo grigio, in modo da andare in scala").
   * Quattro piani, dal fondo verso di noi; il traslucido lascia vedere la foto:
   *   0. il fondale   = il wallpaper (la foto), poi --vrvd-bg se manca
   *   1. la cornice   = il riquadro piu' esterno della pagina
   *   2. il riquadro  = i pannelli dentro la cornice
   *   3. la riga      = le schede vere e proprie, quelle che si toccano
   * Salendo si SCHIARISCE: cosi' l'occhio legge il rilievo senza ombre. */
  --vrvd-liv1: var(--vrp-liv1, rgba(58, 28, 32, .78));
  --vrvd-liv2: var(--vrp-liv2, rgba(36, 20, 22, .55));
  --vrvd-liv3: var(--vrp-liv3, rgba(78, 38, 43, .78));
  --vrvd-line:        var(--vrp-line, rgba(255, 224, 224, .12));
  --vrvd-line-strong: var(--vrp-line-strong, rgba(255, 224, 224, .20));

  color: var(--vrvd-txt);

  /* I FERRI DI SISTEMA (05/09/2026, visto al banco). La tendina `select` non
   * la disegna il CSS, la disegna il sistema: il fondo lo prende da noi ma la
   * freccia e il menu a tendina restavano chiari, e sulla pagina scura
   * facevano una macchia bianca. Questa riga sola dice al browser che qui si
   * sta al buio, e con lei vanno a posto anche le barre di scorrimento e il
   * cursore di testo. Vale solo sulle pagine vestite. */
  color-scheme: dark;

  /* FONDO PAGINA (vitti, 04/09/2026: "c'e' una cornice bianca di troppo").
   * Il bianco veniva da un wallpaper che non arrivava, e la causa vera stava
   * altrove: theme-default.css cablava l'immagine con una shorthand
   * `background:` su `body.theme-default` (0,1,1), che batteva quella che la
   * piattaforma inietta da config su `body` (0,0,1) - e l'indirizzo cablato
   * era un 404. Corretto li', il 04/09: ora l'immagine la comanda la config.
   * Qui resta il solo background-COLOR, che e' la RETE: sta SOTTO l'immagine,
   * quindi non le da' fastidio quando c'e', e tiene il fondo scuro invece che
   * bianco il giorno che un servizio gira senza sfondo. Mai rimettere qui una
   * shorthand `background:`, o si ricasca nello stesso baco al contrario.
   * html non ha un fondo suo, quindi il browser propaga questo al foglio
   * intero: niente bianco nemmeno oltre la piega. */
  background-color: var(--vrvd-bg);
}

/* ###################################################################
   COMUNE - quello che sta su OGNI pagina vestita
   ###################################################################
 *
 * Qui NON si nomina nessuna pagina: si dice `body.vrv-dark` e basta. E' il
 * guadagno vero dell'interruttore - prima ogni regola ripeteva l'elenco
 * delle pagine vestite, cinque nomi per volta, e aggiungerne una voleva
 * dire ricordarsi di dieci punti diversi.
 */

/* ==== badge utente in alto a destra =================================
   E' fisso e sta su OGNI pagina del VRV, vestita o no: qui si scurisce
   solo sulle pagine vestite, cosi' il resto del diario non se ne
   accorge. */

body.vrv-dark #global-user-badge .menu {
  background: var(--vrvd-panel);
  border-color: var(--vrvd-liv3);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .5);
}

body.vrv-dark #global-user-badge .menu a {
  color: var(--vrvd-txt);
}

body.vrv-dark #global-user-badge .menu a:hover {
  background: var(--vrvd-panel2);
}

body.vrv-dark #global-user-badge .sep {
  background: var(--vrvd-line);
}

body.vrv-dark #global-user-badge .who {
  color: var(--vrvd-txt);
}

/* ==== piede ========================================================
   footer.php tira giu' anche bootstrap dal CDN, DOPO questi fogli: per
   questo qui si sale di specificita' invece di scrivere .vv-footer e
   basta. */

body.vrv-dark .vv-footer {
  color: var(--vrvd-mut);
}

body.vrv-dark .vv-footer a {
  color: var(--vrvd-accent);
}

/* ==== il guscio comune =============================================
   `.vv-container` e `.vv-card` sono il foglio bianco su cui si appoggia
   quasi ogni pagina di lavoro. Il bianco e' scritto a mano dentro una
   rgba() (rgba(255,255,255,--vv-container-alpha)): l'alpha da sola non
   basta, va rifatto il colore intero. */

/* `page-admin` compare solo sulla CARD: il suo .vv-container e' gia' vestito
   nella sezione di admin.php, e ripeterlo qui vorrebbe dire scriverlo in due
   posti. La card invece nessuno la vestiva, e su admin_post.php restava un
   foglio bianco con sopra le scritte chiare - illeggibile (visto al banco il
   05/09/2026: e' la stessa trappola del "testo vestito, fondo no"). */
body.vrv-dark:is(.page-diario-lista) .vv-container,
body.vrv-dark:is(.page-admin) .vv-card {
  background: var(--vrvd-panel-a);
  border: 1px solid var(--vrvd-line);
  color: var(--vrvd-txt);
}

/* ==== campi e caselle comuni ======================================= */

body.vrv-dark:is(.page-diario-lista) input[type=text],
body.vrv-dark:is(.page-diario-lista) input[type=search],
body.vrv-dark:is(.page-diario-lista) input[type=email],
body.vrv-dark:is(.page-diario-lista) input[type=password],
body.vrv-dark:is(.page-diario-lista) select {
  background: var(--vrvd-panel2);
  border: 1px solid var(--vrvd-line-strong);
  color: var(--vrvd-txt);
}

body.vrv-dark:is(.page-diario-lista) select option {
  background: var(--vrvd-panel2);
  color: var(--vrvd-txt);
}

body.vrv-dark:is(.page-diario-lista) input::placeholder {
  color: #7b8494;
}

body.vrv-dark:is(.page-diario-lista) input:focus,
body.vrv-dark:is(.page-diario-lista) select:focus {
  outline: none;
  border-color: var(--vrvd-accent);
  box-shadow: 0 0 0 2px var(--vrvd-liv3);
}

body.vrv-dark:is(.page-diario-lista) input[type=checkbox] {
  accent-color: var(--vrvd-accent);
}

/* ###################################################################
   admin.php
   ################################################################### */

/* ==== il guscio ==================================================== */

/* .vv-container e' bianco a mano (rgba(255,255,255,--vv-container-alpha)):
   la variabile dell'alpha da sola non basta, il colore va riscritto. */
body.vrv-dark.page-admin .vv-container {
  background: var(--vrvd-panel-a);
  border: 1px solid var(--vrvd-line);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
  color: var(--vrvd-txt);
}

/* ==== barra delle linguette ======================================== */

body.vrv-dark.page-admin .vrv-ap-bar {
  background: rgba(26, 29, 36, .88);
  border-bottom: 1px solid var(--vrvd-line);
}

body.vrv-dark.page-admin .vrv-ap-btn {
  background: var(--vrvd-panel2);
  border-color: var(--vrvd-line);
  color: var(--vrvd-txt);
}

body.vrv-dark.page-admin .vrv-ap-btn:hover {
  background: var(--vrvd-panel3);
  border-color: var(--vrvd-accent);
}

body.vrv-dark.page-admin .vrv-ap-btn--active {
  background: var(--vrvd-accent);
  border-color: #155fa0;
  color: #fff;
}

/* ==== pannello e titoli ============================================ */

body.vrv-dark.page-admin .vrv-ap-pane-title,
body.vrv-dark.page-admin .vrv-admin-section h2 {
  color: var(--vrvd-accent);
  border-bottom-color: var(--vrvd-line-strong);
}

body.vrv-dark.page-admin .vrv-ap-welcome-txt {
  color: var(--vrvd-txt);
}


/* ==== strumenti (i link a testing/) ================================ */

body.vrv-dark.page-admin .vrv-admin-tool-link {
  background: var(--vrvd-panel-b);
  border-color: var(--vrvd-line);
  color: var(--vrvd-accent);
}

body.vrv-dark.page-admin .vrv-admin-tool-link:hover {
  background: var(--vrvd-panel3);
  border-color: var(--vrvd-accent);
}

/* ==== tabella categorie ============================================ */

body.vrv-dark.page-admin .vrv-admin-debug-table {
  color: var(--vrvd-txt);
}

body.vrv-dark.page-admin .vrv-admin-debug-table th,
body.vrv-dark.page-admin .vrv-admin-debug-table td {
  border-bottom-color: var(--vrvd-line);
}

body.vrv-dark.page-admin .vrv-admin-debug-table th {
  color: var(--vrvd-mut);
}


body.vrv-dark.page-admin .vrv-admin-warn {
  color: var(--vrvd-err);
}

/* ==== campi ========================================================
   Il tema base tinge di VERDE (#219324) ogni button/input[submit]/select,
   e vrv-admin.css poi rischiara i select per rimediare. Qui si rifa' il
   giro una volta sola, in scuro. */

body.vrv-dark.page-admin .vrv-cat-input,
body.vrv-dark.page-admin .vrv-cat-table input[type=text],
body.vrv-dark.page-admin .vrv-cat-table input[type=number],
body.vrv-dark.page-admin .vrv-cat-table input:not([type]),
body.vrv-dark.page-admin .vv-container input[type=text],
body.vrv-dark.page-admin .vv-container input[type=number],
body.vrv-dark.page-admin .vv-container input[type=search] {
  background: var(--vrvd-panel2);
  border: 1px solid var(--vrvd-line-strong);
  color: var(--vrvd-txt);
}

body.vrv-dark.page-admin .vrv-cat-input::placeholder,
body.vrv-dark.page-admin .vv-container input::placeholder {
  color: var(--vrvd-mut);
}

body.vrv-dark.page-admin .vrv-cat-input:focus,
body.vrv-dark.page-admin .vv-container input:focus,
body.vrv-dark.page-admin .vv-container select:focus {
  outline: none;
  border-color: var(--vrvd-accent);
  box-shadow: 0 0 0 2px var(--vrvd-liv3);
}

body.vrv-dark.page-admin .vv-container select,
body.vrv-dark.page-admin .vrv-filter-select,
body.vrv-dark.page-admin .vv-cat-select {
  background: var(--vrvd-panel2);
  border: 1px solid var(--vrvd-line-strong);
  color: var(--vrvd-txt);
}

body.vrv-dark.page-admin .vv-container select option,
body.vrv-dark.page-admin .vrv-filter-select option,
body.vrv-dark.page-admin .vv-cat-select option {
  background: var(--vrvd-panel2);
  color: var(--vrvd-txt);
}

body.vrv-dark.page-admin .vrv-cat-label-check {
  color: var(--vrvd-txt);
}

/* la casella di spunta: senza questo resta bianca e stona */
body.vrv-dark.page-admin input[type=checkbox] {
  accent-color: var(--vrvd-accent);
}

/* ==== bottoncini Salva / elimina ===================================
   Erano pastello (verde e rosa chiari): sul fondo scuro sparivano.
   Stessi RUOLI, tinte piene. */

body.vrv-dark.page-admin .vrv-cat-btn--save {
  background: var(--vrvd-ok);
  color: #fff;
}

body.vrv-dark.page-admin .vrv-cat-btn--save:hover {
  background: #4cc06a;
}

body.vrv-dark.page-admin .vrv-cat-btn--del {
  background: var(--vrvd-err);
  color: #fff;
}

body.vrv-dark.page-admin .vrv-cat-btn--del:hover {
  background: var(--vrvd-err);
}

body.vrv-dark.page-admin .vrv-cat-add-form {
  border-top-color: var(--vrvd-line-strong);
}

body.vrv-dark.page-admin .vrv-cat-msg--ok {
  color: var(--vrvd-ok);
}

body.vrv-dark.page-admin .vrv-cat-msg--err {
  color: var(--vrvd-err);
}

/* ==== pastiglie dei filtri ========================================= */


body.vrv-dark.page-admin .vv-badge {
  background: var(--vrvd-panel2);
  border-color: var(--vrvd-liv3);
  color: var(--vrvd-txt);
}

/* ###################################################################
   modifica_post.php - SOLO IL TELAIO
   ###################################################################
 *
 * REGOLA DELLA PAGINA (vitti, 04/09/2026: "solo il telaio").
 * Si veste la SCRIVANIA: barra, tendine, cornice, modale, segnalibri.
 * NON si tocca il FOGLIO: il contenuto del post lo disegna TinyMCE
 * dentro un iframe suo, vestito da vrv-content.css, e li' dentro questo
 * file non arriva nemmeno volendo. E' voluto: se il foglio fosse scuro
 * Elena scriverebbe su un colore e pubblicherebbe su un altro.
 *
 * Resta CHIARA anche la toolbar di TinyMCE (i ferri del foglio: grassetto,
 * corsivo, elenchi). Ha uno skin suo, e cambiarlo e' un lavoro a parte con
 * un rischio suo - se va storto Elena non trova piu' i bottoni. Cosi' com'e'
 * si legge come un foglio con i suoi ferri, appoggiato su un tavolo scuro.
 */

/* ==== il regalo: le variabili che il VRV gia' dichiara ==============
 * vrv-base.css dichiara --vrv-* e quasi nessuno le usa (24 volte su
 * 8.309 righe), ma i pochi che le usano sono proprio quelli che
 * servono qui: .vrv-panel e .vrv-panel--strong in vrv-layout.css
 * (cioe' la testata del titolo e la card dell'editor) e i testi in
 * vrv-components.css. Ridefinirle qui veste quei pezzi senza scrivere
 * una regola: e' il fico che cade in bocca. */

body.vrv-dark.page-modifica-post {
  --vrv-bg-panel: var(--vrvd-panel-a);
  --vrv-bg-panel-strong: rgba(42, 46, 55, .92);
  --vrv-text: var(--vrvd-txt);
  --vrv-text-soft: var(--vrvd-mut);
  --vrv-border: 1px solid var(--vrvd-line);
  --vrv-shadow: 0 10px 30px rgba(0, 0, 0, .45);
}

/* ==== guscio della pagina ========================================== */

body.vrv-dark.page-modifica-post .vv-container,
body.vrv-dark.page-modifica-post .vv-card {
  background: var(--vrvd-panel-a);
  border: 1px solid var(--vrvd-line);
  color: var(--vrvd-txt);
}

/* la card che avvolge l'editor NON deve diventare un pannello: nel tema
   chiaro e' gia' trasparente e senza bordo apposta ("una cornice sola
   sull'editor"). Qui si conferma, altrimenti la regola qui sopra le
   rimette un fondo e le cornici tornano due. */
body.vrv-dark.page-modifica-post .vv-card.vrv-editor-wrap {
  background: transparent;
  border: 0;
}

/* ==== testata del titolo =========================================== */

body.vrv-dark.page-modifica-post .vv-edit-title {
  background: var(--vrvd-panel2);
  border: 1px solid var(--vrvd-line-strong);
  color: var(--vrvd-txt);
}

body.vrv-dark.page-modifica-post .vv-edit-title:focus {
  outline: none;
  border-color: var(--vrvd-accent);
  box-shadow: 0 0 0 2px var(--vrvd-liv3);
}

/* ==== cornice dell'editor ==========================================
   E' il TAVOLO su cui sta il foglio: scuro. Il foglio (l'iframe di
   TinyMCE) resta chiaro e ci si appoggia sopra. */

body.vrv-dark.page-modifica-post .vrv-editor-frame {
  background: rgba(26, 29, 36, .85);
  border: 1px solid var(--vrvd-line);
}

/* ==== barra dei comandi ============================================
   I bottoni della barra sono un CODICE COLORE: ognuno ha la sua tinta
   e Elena li trova a colpo d'occhio. Qui la tinta NON cambia, cambia
   solo la luce: fondo scuro tinto, scritta chiara tinta. */

/* Il .vrv-btn BASE, non solo il colore del testo (vitti, 04/09/2026: "i DD
 * delle lingue e del cofanetto non si leggono").
 * Prima qui c'era il solo `color`, e i bottoni della barra stavano bene
 * perche' ognuno ha la sua tinta. Ma .vrv-btn lo portano anche i bottoni
 * DENTRO i pannelli ("Mettilo qui", "Fogli da copertina"), che una tinta
 * loro non ce l'hanno: restavano col fondo crema del tema chiaro e si
 * prendevano il testo chiaro. Crema su crema: illeggibili.
 * Ora il fondo scuro e' il DEFAULT del bottone, e i modificatori qui sotto
 * lo sovrascrivono con la loro tinta. */
body.vrv-dark.page-modifica-post .vrv-btn {
  background: var(--vrvd-panel2);
  border-color: var(--vrvd-liv3);
  color: var(--vrvd-txt);
}

body.vrv-dark.page-modifica-post .vrv-btn:hover {
  background: var(--vrvd-panel3);
}

body.vrv-dark.page-modifica-post .vrv-btn--media {
  background: #17324a;
  border-color: #2f6ea3;
  color: var(--vrvd-accent);
}

body.vrv-dark.page-modifica-post .vrv-btn--media:hover {
  background: #1e4363;
  border-color: #4c92cd;
}

body.vrv-dark.page-modifica-post .vrv-btn--preview {
  background: #43222f;
  border-color: #a3557a;
  color: #f3aecb;
}

body.vrv-dark.page-modifica-post .vrv-btn--preview:hover {
  background: #5a2d3f;
}

body.vrv-dark.page-modifica-post .vrv-btn--cofanetto {
  background: #3a302c;
  border-color: #8d7268;
  color: #e0c8bd;
}

body.vrv-dark.page-modifica-post .vrv-btn--cofanetto:hover {
  background: #4c3f39;
}

body.vrv-dark.page-modifica-post .vrv-btn--musica {
  background: #3d3218;
  border-color: #b39329;
  color: var(--vrvd-gold);
}

body.vrv-dark.page-modifica-post .vrv-btn--musica:hover {
  background: #52441f;
}

body.vrv-dark.page-modifica-post .vrv-btn--lang {
  background: #1f3a26;
  border-color: #4e8a5c;
  color: var(--vrvd-ok);
}

body.vrv-dark.page-modifica-post .vrv-btn--lang:hover {
  background: #2a4d33;
}

body.vrv-dark.page-modifica-post .vrv-btn--mappa {
  background: #153a3c;
  border-color: #3ba0a8;
  color: #94e3e8;
}

body.vrv-dark.page-modifica-post .vrv-btn--mappa:hover {
  background: #1d4f52;
}

body.vrv-dark.page-modifica-post .vrv-btn--versions {
  background: #2e2740;
  border-color: #7d68b0;
  color: #c8b6f0;
}

body.vrv-dark.page-modifica-post .vrv-btn--versions:hover {
  background: #3d3355;
}

body.vrv-dark.page-modifica-post .vrv-btn--exit {
  background: #3f2f1a;
  border-color: #b3822f;
  color: #f5c887;
}

body.vrv-dark.page-modifica-post .vrv-btn--exit:hover {
  background: #543f22;
}

/* il contatore delle versioni dentro il bottone */
body.vrv-dark.page-modifica-post .vrv-badge {
  background: rgba(0, 0, 0, .35);
  border-color: var(--vrvd-line-strong);
  color: inherit;
}

/* ==== tendine ======================================================
   Ogni menu tiene la tinta del suo bottone, ma spenta e opaca: deve
   coprire quello che c'e' sotto, non lasciarlo trasparire. */

body.vrv-dark.page-modifica-post .vrv-dd__menu {
  border-color: var(--vrvd-liv3);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .55);
}


body.vrv-dark.page-modifica-post .vrv-dd__menu--cofanetto {
  background: #322a26;
  color: var(--vrvd-txt);
}

body.vrv-dark.page-modifica-post .vrv-dd__menu--cofanetto .vrv-cofpan__f {
  background: var(--vrvd-panel2);
  border-color: #8d7268;
  color: var(--vrvd-txt);
}

body.vrv-dark.page-modifica-post .vrv-dd__menu--cofanetto .vrv-cofpan__voce.is-mia {
  background: #4c3f39;
}

body.vrv-dark.page-modifica-post .vrv-dd__menu--musica {
  background: #332a15;
}

/* Il pannello della musica: le righe si staccano dal fondo con la LUCE, non
   con un colore - un elenco tinto di giallo diventerebbe illeggibile. */
body.vrv-dark.page-modifica-post .vrv-mus__voce {
  background: rgba(255, 255, 255, .07);
}

body.vrv-dark.page-modifica-post .vrv-mus__nota,
body.vrv-dark.page-modifica-post .vrv-mus__b:hover {
  background: var(--vrvd-line);
}

body.vrv-dark.page-modifica-post .vrv-mus__b--via:hover {
  background: rgba(224, 83, 61, .28);
  color: var(--vrvd-err);
}

body.vrv-dark.page-modifica-post .vrv-mus__voce[data-suona] .vrv-mus__b[data-mus="odi"] {
  color: var(--vrvd-gold);
}

body.vrv-dark.page-modifica-post .vrv-mus__piede {
  border-top-color: var(--vrvd-liv3);
}

/* «Aggiungi brani...»: stessa ambra del bottone della tendina, cosi' si legge
   come la sua continuazione. */
body.vrv-dark.page-modifica-post .vrv-btn--scegli {
  background: #3d3218;
  border-color: #b39329;
  color: var(--vrvd-gold);
}

body.vrv-dark.page-modifica-post .vrv-btn--scegli:hover {
  background: #52441f;
}

body.vrv-dark.page-modifica-post .vrv-mus__manca,
body.vrv-dark.page-modifica-post .vrv-mus__esito.is-err {
  color: var(--vrvd-err);
}

body.vrv-dark.page-modifica-post .vrv-mus__esito.is-ok {
  color: var(--vrvd-ok);
}

body.vrv-dark.page-modifica-post .vrv-dd__menu--lang {
  background: #1a3020;
}

body.vrv-dark.page-modifica-post .vrv-dd__menu--mappa {
  background: #123032;
}

body.vrv-dark.page-modifica-post .vrv-dd__menu--versions {
  background: #272134;
}

body.vrv-dark.page-modifica-post .vrv-dd__menu--exit {
  background: #352816;
}

/* le pastiglie delle lingue dentro la tendina Lingue */
body.vrv-dark.page-modifica-post .vrv-dd__menu--lang a,
body.vrv-dark.page-modifica-post .vrv-dd__menu--lang button,
body.vrv-dark.page-modifica-post .vrv-dd__menu--lang .vv-lang {
  background: rgba(31, 58, 38, .85);
  border-color: rgba(165, 224, 180, .35);
  color: var(--vrvd-ok);
}

/* Le lingue NON ANCORA tradotte sono spente apposta: vrv-actionbar.css le
 * tiene a `opacity: .28`, che su fondo chiaro fa un grigio ancora leggibile.
 * Su fondo scuro il 28% di un testo chiaro sparisce, e restava visibile solo
 * la lingua corrente. Qui si alza quanto basta per leggerle: restano piu'
 * spente delle altre - il significato non cambia - ma si leggono. */
body.vrv-dark.page-modifica-post .vrv-dd__menu--lang .vv-langbar .vv-lang--missing {
  opacity: .58;
}

body.vrv-dark.page-modifica-post .vrv-dd__menu--lang .vv-langbar .vv-lang--missing:hover {
  opacity: 1;
}

body.vrv-dark.page-modifica-post .vrv-dd__menu--lang .vv-lang-custom-input {
  color: var(--vrvd-ok);
}

body.vrv-dark.page-modifica-post .vrv-dd__menu--lang .vv-lang-custom-input::placeholder {
  color: rgba(216, 240, 221, .55);
}

body.vrv-dark.page-modifica-post .vrv-dd__menu--lang .vv-lang-custom-btn {
  color: var(--vrvd-ok);
}

body.vrv-dark.page-modifica-post .vrv-dd__menu--lang .vv-lang-custom-btn:hover {
  color: var(--vrvd-ok);
}

/* ==== voci dei menu ================================================ */

body.vrv-dark.page-modifica-post .vrv-dd__item {
  color: var(--vrvd-txt);
}

body.vrv-dark.page-modifica-post .vrv-dd__item:hover {
  background: var(--vrvd-line);
}

body.vrv-dark.page-modifica-post .vrv-dd__item .vrv-dd__sub {
  color: var(--vrvd-mut);
}

body.vrv-dark.page-modifica-post .vrv-dd__nota {
  color: var(--vrvd-mut);
}

body.vrv-dark.page-modifica-post .vrv-dd__sep {
  background: var(--vrvd-liv3);
}

/* «Butta via la bozza» resta l'unica voce che si vede diversa: era rosso
   scuro su chiaro, qui e' rosso chiaro su scuro. Il ruolo non cambia. */
body.vrv-dark.page-modifica-post .vrv-dd__item--pericolo {
  color: var(--vrvd-err);
}

body.vrv-dark.page-modifica-post .vrv-dd__item--pericolo:hover {
  background: var(--vrvd-err-bg, rgba(160, 71, 71, .22));
}

body.vrv-dark.page-modifica-post .vrv-dd__item--pericolo .vrv-dd__sub {
  color: #e0a599;
}

/* ==== modale della nota di salvataggio ============================= */

body.vrv-dark.page-modifica-post .vrv-modal__backdrop {
  background: rgba(0, 0, 0, .60);
}

body.vrv-dark.page-modifica-post .vrv-modal__dialog {
  background: var(--vrvd-panel);
  border: 1px solid var(--vrvd-line-strong);
  color: var(--vrvd-txt);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .6);
}

body.vrv-dark.page-modifica-post .vrv-modal__input,
body.vrv-dark.page-modifica-post .vrv-input {
  background: var(--vrvd-panel2);
  border: 1px solid var(--vrvd-line-strong);
  color: var(--vrvd-txt);
}

body.vrv-dark.page-modifica-post .vrv-modal__input::placeholder {
  color: var(--vrvd-mut);
}

body.vrv-dark.page-modifica-post .vrv-modal__input:focus {
  outline: none;
  border-color: var(--vrvd-accent);
  box-shadow: 0 0 0 2px var(--vrvd-liv3);
}

body.vrv-dark.page-modifica-post .vrv-modal__error {
  color: var(--vrvd-err);
}

body.vrv-dark.page-modifica-post .vrv-btn--confirm {
  background: var(--vrvd-ok);
  border-color: #2f8a45;
  color: #fff;
}

body.vrv-dark.page-modifica-post .vrv-btn--soft {
  background: var(--vrvd-panel2);
  border-color: var(--vrvd-liv3);
  color: var(--vrvd-txt);
}

/* ==== segnalibri di scorrimento (le pinne a lato) ================== */

body.vrv-dark.page-modifica-post .vv-scrollpins button {
  background: var(--vrvd-panel);
  border-color: var(--vrvd-liv3);
  color: var(--vrvd-txt);
}

/* ==== segnaposto del cofanetto (la striscia sotto l'editor) ======== */

body.vrv-dark.page-modifica-post .vrv-cofposto {
  border-color: rgba(255, 255, 255, .22);
  color: var(--vrvd-mut);
}

body.vrv-dark.page-modifica-post .vrv-cofposto b {
  color: var(--vrvd-txt);
}

/* ###################################################################
   admin_post.php - Gestione post, campi admin
   ###################################################################
 *
 * Porta la stessa classe `page-admin` di admin.php: la paletta, il guscio,
 * i campi e i bottoncini Salva/elimina li ha gia' presi dalla sezione qui
 * sopra. Qui c'e' solo quello che e' SUO, cioe' i vestiti che fino al
 * 05/09/2026 stavano in un blocco di stile dentro la pagina e che ora
 * vivono in css/theme-default.d/vrv-admin-post.css.
 */

/* ==== il modulo dei campi ========================================== */

body.vrv-dark.page-admin .vrv-post-edit-form label {
  color: var(--vrvd-txt);
}

body.vrv-dark.page-admin .vrv-post-edit-form input[type=text],
body.vrv-dark.page-admin .vrv-post-edit-form select,
body.vrv-dark.page-admin .vrv-post-select,
body.vrv-dark.page-admin .vrv-lingua-custom {
  background: var(--vrvd-panel2);
  border-color: var(--vrvd-line-strong);
  color: var(--vrvd-txt);
}

/* ==== pastiglie della lingua =======================================
   La scelta e' un CODICE: quella accesa e' blu e si vede da lontano.
   La tinta resta, cambia la luce. */

body.vrv-dark.page-admin .vrv-lingua-chip {
  background: var(--vrvd-panel2);
  border-color: var(--vrvd-liv3);
  color: var(--vrvd-txt);
}

body.vrv-dark.page-admin .vrv-lingua-chip:hover:not(.is-selected) {
  background: var(--vrvd-panel3);
  border-color: var(--vrvd-accent);
}

body.vrv-dark.page-admin .vrv-lingua-chip.is-selected {
  background: #1e3f6b;
  border-color: #6ea8e8;
  color: #d7e9ff;
}

/* ==== la ricerca viva ============================================== */

body.vrv-dark.page-admin .vrv-ap-list {
  background: var(--vrvd-panel);
  border-color: var(--vrvd-liv3);
  color: var(--vrvd-txt);
}

body.vrv-dark.page-admin .vrv-ap-list li:hover {
  background: var(--vrvd-panel2);
}

/* ==== note, linee, sottotitoli =====================================
   I due sottotitoli tengono la loro tinta (blu = copia, magenta =
   gemello): schiarita, non cambiata. */

body.vrv-dark.page-admin .vrv-ap-hr {
  border-top-color: var(--vrvd-line-strong);
}

body.vrv-dark.page-admin .vrv-ap-note,
body.vrv-dark.page-admin .vrv-ap-hint {
  color: var(--vrvd-mut);
}

body.vrv-dark.page-admin .vrv-ap-h3--copia { color: #9cb4ff; }
body.vrv-dark.page-admin .vrv-ap-h3--anw   { color: #f09ad0; }

body.vrv-dark.page-admin .vrv-save-ok { color: var(--vrvd-ok); }

/* i collegamenti alla mappa hanno tinte piene loro (blu, turchese,
   verde): sul fondo scuro reggono gia'. Si tocca solo quello SENZA
   tinta, che altrimenti resterebbe col fondo chiaro del tema. */
body.vrv-dark.page-admin a.vrv-ap-maplink:not([class*="vrv-ap-maplink--"]) {
  background: var(--vrvd-panel2);
  border-color: var(--vrvd-liv3);
  color: var(--vrvd-txt);
}


/* ###################################################################
   admin_config.php - Configurazione
   ###################################################################
 *
 * Anche questa porta `page-admin`, ma non ha ne' guscio ne' badge ne'
 * piede: e' una pagina a se', tutta fatta di `.vrc-*`. Quei vestiti fino
 * al 05/09/2026 stavano in un blocco di stile dentro la pagina (e sette
 * righe perfino negli attributi style=, che non si ridipingono affatto):
 * ora stanno in css/theme-default.d/vrv-config.css e si lasciano vestire.
 *
 * 16/10/2026: tolti gli !important, qui e in vrv-config.css: vince la
 * specificita' (body.vrv-dark.page-admin + classe), misurato a zero differenze.
 */

/* ==== briciole di pane e titolo ==================================== */

body.vrv-dark.page-admin .vrc-nav a     { color: var(--vrvd-accent); }
body.vrv-dark.page-admin .vrc-nav-sep   { color: var(--vrvd-line-strong); }
body.vrv-dark.page-admin .vrc-nav-here  { color: var(--vrvd-mut); }
body.vrv-dark.page-admin .vrc-title     { color: var(--vrvd-txt); }

/* ==== riquadri ===================================================== */

body.vrv-dark.page-admin .vrc-section {
  background: var(--vrvd-panel-a);
  border-color: var(--vrvd-line);
  color: var(--vrvd-txt);
}

body.vrv-dark.page-admin .vrc-section h2 {
  color: var(--vrvd-gold);
  border-bottom-color: var(--vrvd-line-strong);
}

/* ==== righe di configurazione ====================================== */

body.vrv-dark.page-admin .vrc-row {
  border-bottom-color: var(--vrvd-line);
}

body.vrv-dark.page-admin .vrc-row--ro .vrc-value { color: var(--vrvd-txt); }
body.vrv-dark.page-admin .vrc-label   { color: #a8d08a; }
body.vrv-dark.page-admin .vrc-desc    { color: var(--vrvd-mut); }

/* ==== campi ======================================================== */

body.vrv-dark.page-admin .vrc-input {
  background: var(--vrvd-panel2);
  border-color: var(--vrvd-line-strong);
  color: var(--vrvd-txt);
}

body.vrv-dark.page-admin .vrc-input:focus { border-color: var(--vrvd-accent); }

/* ==== comandi ======================================================
   Erano verdino pastello: sul fondo scuro sparivano. Stesso ruolo,
   tinta piena. */

body.vrv-dark.page-admin .vrc-btn {
  background: #33502a;
  border-color: #5b8a48;
  color: #dcf0c8;
}

body.vrv-dark.page-admin .vrc-btn:hover { background: #3e6233; }

/* ==== esiti ======================================================== */

body.vrv-dark.page-admin .vrc-msg--ok {
  background: rgba(63, 174, 90, .18);
  border-color: rgba(63, 174, 90, .55);
  color: #a8e8b8;
}

body.vrv-dark.page-admin .vrc-msg--err {
  background: var(--vrvd-err-bg, rgba(160, 71, 71, .22));
  border-color: rgba(224, 83, 61, .55);
  color: #ffb0a2;
}

/* ==== copie di sicurezza, ruoli, riga dello sviluppatore =========== */

body.vrv-dark.page-admin .vrc-backup-row { border-bottom-color: var(--vrvd-line); }
body.vrv-dark.page-admin .vrc-role-key   { color: var(--vrvd-mut); }
body.vrv-dark.page-admin .vrc-developer  { color: var(--vrvd-mut); }


/* ==== ricerca, conteggi, paginazione =============================== */


/* ###################################################################
   diario_lista_admin.php - l'elenco dei post (SOLO quello di lavoro)
   ###################################################################
 *
 * ⚠️ QUESTA PAGINA HA UNA GEMELLA CHIARA: `diario_lista_guest.php`, il
 * diario che legge Elena. Porta la STESSA classe `page-diario-lista` e
 * carica gli STESSI fogli (`diario.css`, i `.vrv-dd*`, `vrv-cofanetto.css`).
 *
 * Fino al 05/09/2026 qui ci si difendeva chiedendo anche `.role-admin`, e
 * bastava dimenticarlo su UNA regola per scurire il diario di Elena. Ora
 * la difesa e' l'interruttore `vrv-dark`, che questa pagina si mette
 * addosso e la gemella no: nessuna regola qui sotto puo' raggiungerla per
 * sbaglio, e il giorno che Elena la volesse scura basta darle la stessa
 * parola. Resta pero' la regola d'oro: qui NON si tocca mai una classe
 * nuda, perche' i fogli sono in comune.
 */

/* ==== la SCALA della pagina ========================================
   Tre gradini, dal fondo verso di noi (vedi --vrvd-liv1/2/3 in paletta).

   ⚠️ La cornice esterna e' l'unico punto del VRV vestito con un ID:
   `body.page-diario-lista #pjax-root.vv-container` in vrv-container.css:46.
   Un ID batte qualunque classe, e infatti il primo giro (05/09/2026) la
   lasciava BIANCA mentre le righe dentro erano gia' scure - vitti l'ha
   vista subito. Per riprenderla bisogna nominare lo stesso ID: e' l'unico
   modo pulito, l'alternativa era un !important. */

/* 1. LA CORNICE - il riquadro piu' esterno */
body.vrv-dark.page-diario-lista #pjax-root.vv-container {
  background: var(--vrvd-liv1);
  border: 1px solid var(--vrvd-line);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .38);
}

/* 2. I RIQUADRI - la barra della ricerca e il contenitore dell'elenco.
      Stanno DENTRO, quindi vanno piu' scuri. E' anche la regola di riserva:
      qualunque .vv-card della lista parte da qui, le righe la correggono. */
body.vrv-dark.page-diario-lista .vv-card {
  background: var(--vrvd-liv2);
  border-color: var(--vrvd-line);
  color: var(--vrvd-txt);
  box-shadow: none;
}

/* 3. LE RIGHE - le schede dei post, l'ultimo gradino: le piu' chiare,
      cosi' vengono avanti e si capisce che sono quelle che si toccano.
      Il tema le fa bianche al 40% sopra il wallpaper; qui e' lo stesso
      mestiere con il colore rovesciato. */
body.vrv-dark.page-diario-lista #vrv-post-list .vv-card,
body.vrv-dark.page-diario-lista .vrv-cof-corpo .vv-card {
  background: var(--vrvd-liv3);
  border-color: var(--vrvd-line-strong);
  color: var(--vrvd-txt);
  box-shadow: 0 6px 8px rgba(0, 0, 0, .28);
}

body.vrv-dark.page-diario-lista .vv-card a {
  color: var(--vrvd-accent);
}

body.vrv-dark.page-diario-lista .muted {
  color: var(--vrvd-mut);
}

/* "anche nel contenuto": diario.css (ex diario_header) la scrive #7a4b00, un marrone
   pensato per la palette CREMA. Sul fondo scuro diventa una ruggine che
   non si legge (vitti l'ha vista nella schermata del 05/09). */
body.vrv-dark .vv-slot-tools__check {
  color: var(--vrvd-gold);
}

/* ==== barra dei filtri: le tendine ==================================
   I tre gruppi sono un CODICE COLORE (categoria = verde acqua, stato =
   ambra, visibilita' = viola) e vanno riconosciuti a colpo d'occhio: la
   TINTA non cambia, cambia solo la luce. Il menu che si apre invece era
   bianco pieno, e su una pagina scura sarebbe un lampo in faccia. */

body.vrv-dark.page-diario-lista .vrv-dd__menu {
  background: var(--vrvd-panel);
  color: var(--vrvd-txt);
  border-color: var(--vrvd-liv3);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .5);
}

body.vrv-dark.page-diario-lista .vrv-dd__item {
  color: var(--vrvd-txt);
}

body.vrv-dark.page-diario-lista .vrv-dd__item:hover {
  background: var(--vrvd-panel2);
}

/* le voci tinte: le stesse tinte, schiarite quanto basta per stare su
   fondo scuro (sul chiaro erano scure apposta) */
body.vrv-dark.page-diario-lista .vrv-dd--cat   .vrv-dd__item { color: #6fd8c8; }
body.vrv-dark.page-diario-lista .vrv-dd--stato .vrv-dd__item { color: #ffb066; }
body.vrv-dark.page-diario-lista .vrv-dd--vis   .vrv-dd__item { color: #c9a0e8; }

body.vrv-dark.page-diario-lista .vrv-dd--cat   .vrv-dd__item.is-active { color: #8ff0e0; }
body.vrv-dark.page-diario-lista .vrv-dd--stato .vrv-dd__item.is-active { color: #ffc98c; }
body.vrv-dark.page-diario-lista .vrv-dd--vis   .vrv-dd__item.is-active { color: #dfc0ff; }

body.vrv-dark.page-diario-lista .vrv-dd--cat   .vrv-dd__item:hover { background: rgba(111, 216, 200, .16); }
body.vrv-dark.page-diario-lista .vrv-dd--stato .vrv-dd__item:hover { background: rgba(255, 176, 102, .16); }
body.vrv-dark.page-diario-lista .vrv-dd--vis   .vrv-dd__item:hover { background: rgba(201, 160, 232, .16); }
body.vrv-dark.page-diario-lista .vrv-dd--righe .vrv-dd__item { color: #9cb4ff; }
body.vrv-dark.page-diario-lista .vrv-dd--righe .vrv-dd__item.is-active { color: #c3d2ff; }
body.vrv-dark.page-diario-lista .vrv-dd--righe .vrv-dd__item:hover { background: rgba(156, 180, 255, .16); }

/* ==== ordinamento per titolo ======================================= */

body.vrv-dark.page-diario-lista .vrv-sort {
  border-color: var(--vrvd-line-strong);
}

body.vrv-dark.page-diario-lista .vrv-sort__label {
  color: var(--vrvd-mut);
}

body.vrv-dark.page-diario-lista .vrv-sort__arrow {
  color: #6b7484;
}

body.vrv-dark.page-diario-lista .vrv-sort__arrow.is-active {
  color: #9cb4ff;
}

/* ==== la fisarmonica delle traduzioni =============================== */

body.vrv-dark.page-diario-lista .vv-fis-toggle {
  background: var(--vrvd-panel2);
  border-color: var(--vrvd-liv3);
  color: var(--vrvd-txt);
}

/* ==== i cofanetti dentro l'elenco =================================== */

body.vrv-dark.page-diario-lista .vrv-cof {
  background: rgba(34, 38, 47, .55);
  border-color: var(--vrvd-line);
}

body.vrv-dark.page-diario-lista .vrv-cof-sum:hover {
  background: var(--vrvd-liv2);
}

body.vrv-dark.page-diario-lista .vrv-cof-nome  { color: var(--vrvd-accent); }
body.vrv-dark.page-diario-lista .vrv-cof-arrow { color: #a5c663; }

body.vrv-dark.page-diario-lista .vrv-cof-conta,
body.vrv-dark.page-diario-lista .vrv-cof-sotto {
  color: var(--vrvd-mut);
}

body.vrv-dark.page-diario-lista .vrv-cof-corpo {
  border-top-color: var(--vrvd-line);
}

/* ==== i bottoni di bootstrap ========================================
   footer.php tira giu' bootstrap dal CDN DOPO questi fogli. Gli
   "outline" (matita, cestino) hanno fondo trasparente e reggono da soli
   sul scuro; il pieno `btn-success` (rilascia) pure. Si tocca solo la
   pastiglia chiara, che su fondo scuro diventa un francobollo bianco. */

body.vrv-dark.page-diario-lista .badge.bg-light {
  background: var(--vrvd-panel2) !important;
  color: var(--vrvd-txt) !important;
  border-color: var(--vrvd-line-strong) !important;
}

/* ===================================================================
   LA BARRA DELLA LISTA DI ELENA (12/09/2026)
   ===================================================================

   `diario_lista_guest.php` porta la stessa `page-diario-lista` della gemella
   admin, quindi righe, cornice e riquadri erano gia' vestiti. Ma la lista di
   Elena ha in cima una BARRA SUA - cerca, «Solo nel titolo», quanti, Applica -
   che nell'admin non esiste e che il cappotto non aveva mai incontrato.
   Finche' la lista restava chiara non si vedeva; il giorno che si accende,
   quella striscia resta bianca col bottone verde sopra una pagina scura.

   Scritte con le VARIABILI e non coi valori, apposta: cosi' valgono per
   qualunque paletta venga dopo.
   =================================================================== */

/* 11/10/2026 - la barra torna TRASPARENTE, come nella pagina di modifica
   (vitti: *"la action bar con lo sfondo, non ci piace"*). Dal 12/09 il
   contenitore esterno portava `--vrvd-liv1`: una striscia vinaccia sopra lo
   sfondo, nella lista admin come in quella guest. Restano vestiti i campi e
   i bottoni, che stanno in piedi da soli. */

body.vrv-dark .vrv-filter-select {
  background: var(--vrvd-liv3);
  color: var(--vrvd-txt);
  border: 1px solid var(--vrvd-line-strong);
}

body.vrv-dark .vv-slot-tools__check span { color: var(--vrvd-txt); }

/* senza la striscia dietro, la scritta chiara si perderebbe sullo sfondo:
   prende la stessa pastiglia dei campi che ha accanto */
body.vrv-dark .vv-slot-tools__check {
  border-radius: 10px;
  padding: 0 0.6rem;
  min-height: 38px;
}

/* 11/10/2026 - I COMANDI DELLA BARRA SONO CHIARI. Scuri su una barra ormai
   trasparente *"sembrano a lutto"* (vitti): sopra la foto prendono il color
   crema della carta, col testo scuro; l'ambra resta al solo Applica, che e'
   il gesto. Vale SOLO dentro la barra: gli stessi campi dentro la cornice
   scura restano scuri. */

body.vrv-dark.page-diario-lista .vrv-testata a.vv-btn--new {
  background: var(--vrvd-accent);
  border-color: var(--vrvd-accent);
  color: var(--vrvd-bg);
}

body.vrv-dark.page-diario-lista .vrv-testata a.vv-btn--new:hover { filter: brightness(1.12); }


/* ===================================================================
   L'EDITOR TORNA PASTELLO (11/10/2026)
   ===================================================================

   vitti: *"la cornice del post e del titolo e' un po' funerea... e anche i
   bottoni... mi sembra che prima fossero piu' allegri, piu' color pastello"*.
   Ricordava bene, ma non era il rimescolamento del 10/10: era il cappotto
   scuro del 04/09, che aveva scurito le «nuvolette» della barra e i due
   riquadri della scrivania. Le tinte chiare sono quelle di sempre
   (vrv-modifica-post.css, capitolo 4), piu' tre sorelle per i bottoni nati
   dopo (cofanetto, musica, mappa). Il resto della pagina resta scuro:
   tendine, modali, fondo.

   Sta in fondo al file apposta: e' un blocco solo, e per tornare al cappotto
   intero basta toglierlo.
   =================================================================== */

/* i bottoni della barra: fondo pastello, bordo della stessa famiglia, testo
   piu' scuro del tema chiaro perche' sotto non c'e' piu' una striscia */
body.vrv-dark.page-modifica-post .vrv-btn--media     { background: #d7ecff; border-color: #8fc3ea; color: #2f5d8a; }
body.vrv-dark.page-modifica-post .vrv-btn--preview   { background: #f5d8e7; border-color: #df9ebd; color: #8a4264; }
body.vrv-dark.page-modifica-post .vrv-btn--cofanetto { background: #efe0d6; border-color: #cfae9c; color: #6e5145; }
body.vrv-dark.page-modifica-post .vrv-btn--musica    { background: #fbeeb8; border-color: #dcc257; color: #7a6410; }
body.vrv-dark.page-modifica-post .vrv-btn--lang      { background: #dff0da; border-color: #9fcb95; color: #3f6e3a; }
body.vrv-dark.page-modifica-post .vrv-btn--mappa     { background: #d3f0f0; border-color: #86cdd1; color: #2c6f74; }
body.vrv-dark.page-modifica-post .vrv-btn--versions  { background: #e7dcf6; border-color: #b9a2de; color: #5c4691; }
body.vrv-dark.page-modifica-post .vrv-btn--exit      { background: #ffe3bf; border-color: #efbb72; color: #8a5a12; }

body.vrv-dark.page-modifica-post .vrv-btn--media:hover,
body.vrv-dark.page-modifica-post .vrv-btn--preview:hover,
body.vrv-dark.page-modifica-post .vrv-btn--cofanetto:hover,
body.vrv-dark.page-modifica-post .vrv-btn--musica:hover,
body.vrv-dark.page-modifica-post .vrv-btn--lang:hover,
body.vrv-dark.page-modifica-post .vrv-btn--mappa:hover,
body.vrv-dark.page-modifica-post .vrv-btn--versions:hover,
body.vrv-dark.page-modifica-post .vrv-btn--exit:hover {
  background: #fffaf0;
}

/* la testata del titolo: le variabili si riscrivono SOLO dentro di lei, cosi'
   il resto della pagina tiene le sue */
body.vrv-dark.page-modifica-post .vrv-edit-head {
  --vrv-bg-panel-strong: rgba(255, 248, 235, .90);
  --vrv-text: #3a2a22;
  --vrv-text-soft: #7a6258;
  --vrv-border: 1px solid #e6c98a;
  color: #3a2a22;
}

body.vrv-dark.page-modifica-post .vrv-edit-head .vv-edit-title {
  background: #fff;
  border: 1px solid #e6c98a;
  color: #2a1418;
}

/* la cornice attorno al foglio */
body.vrv-dark.page-modifica-post .vrv-editor-frame {
  background: rgba(255, 248, 235, .88);
  border: 1px solid #e6c98a;
}

/* LE TENDINE dei bottoni (vitti, 11/10/2026: *"i colori delle liste dei DD
   sono rimasti scuri... devono accordarsi con i bottoni... forse una
   sfumatura piu' scura del bottone"*). Ogni tendina prende la tinta del suo
   bottone, un gradino piu' scura.

   Dentro le tendine vivono pannelli interi (musica, cofanetto, lingue,
   versioni) vestiti dal cappotto con le SOLE variabili: invece di rincorrere
   ogni regola, qui dentro si riscrivono le variabili - testo scuro, righe
   scure, piani chiari - e tutto quello che c'e' dentro si rovescia da solo.
   Sotto restano solo i pochi colori che il cappotto aveva scritto a mano. */
body.vrv-dark.page-modifica-post .vrv-dd__menu {
  --vrvd-txt:         #33241f;
  --vrvd-txt-forte:   #1f1412;
  --vrvd-mut:         #6f5a52;
  --vrvd-line:        rgba(60, 30, 20, .14);
  --vrvd-line-strong: rgba(60, 30, 20, .30);
  --vrvd-liv1:        rgba(255, 255, 255, .50);
  --vrvd-liv2:        rgba(255, 255, 255, .35);
  --vrvd-liv3:        rgba(255, 255, 255, .70);
  --vrvd-bg:          #fff8ee;
  --vrvd-panel:       #fff8ee;
  --vrvd-panel2:      #fffdf8;
  --vrvd-panel3:      #ffffff;
  --vrvd-panel-a:     rgba(255, 253, 248, .92);
  --vrvd-panel-b:     rgba(255, 253, 248, .80);
  --vrvd-accent:      #8a5a12;
  --vrvd-gold:        #7a6410;
  --vrvd-ok:          #2f6b3a;
  --vrvd-err:         #b3352a;
  --vrvd-err-bg:      rgba(179, 53, 42, .12);
  background: #f3ead9;
  border-color: #d9c7a6;
  color: var(--vrvd-txt);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
}

body.vrv-dark.page-modifica-post .vrv-dd__menu--cofanetto { background: #e2cdbf; border-color: #cfae9c; }
body.vrv-dark.page-modifica-post .vrv-dd__menu--musica    { background: #f3e09a; border-color: #dcc257; }
body.vrv-dark.page-modifica-post .vrv-dd__menu--lang      { background: #c9e4c2; border-color: #9fcb95; }
body.vrv-dark.page-modifica-post .vrv-dd__menu--mappa     { background: #bfe5e6; border-color: #86cdd1; }
body.vrv-dark.page-modifica-post .vrv-dd__menu--versions  { background: #d8c8ef; border-color: #b9a2de; }
body.vrv-dark.page-modifica-post .vrv-dd__menu--exit      { background: #ffd49c; border-color: #efbb72; }

/* i colori scritti a mano dal cappotto, uno per uno */
body.vrv-dark.page-modifica-post .vrv-dd__menu--cofanetto .vrv-cofpan__f { border-color: #cfae9c; }
body.vrv-dark.page-modifica-post .vrv-dd__menu--cofanetto .vrv-cofpan__voce.is-mia { background: rgba(255, 255, 255, .60); }
body.vrv-dark.page-modifica-post .vrv-dd__menu--lang a,
body.vrv-dark.page-modifica-post .vrv-dd__menu--lang button,
body.vrv-dark.page-modifica-post .vrv-dd__menu--lang .vv-lang {
  background: rgba(255, 255, 255, .60);
  border-color: #9fcb95;
}
body.vrv-dark.page-modifica-post .vrv-dd__menu--lang .vv-lang-custom-input::placeholder { color: #6f8a6a; }
body.vrv-dark.page-modifica-post .vrv-dd__item--pericolo .vrv-dd__sub { color: #a04a40; }

/* due rimasti scuri, visti in foto: «Aggiungi brani...» dentro la tendina
   della musica, e la tracce in scaletta (il velo bianco, su fondo chiaro,
   spariva) */
body.vrv-dark.page-modifica-post .vrv-dd__menu .vrv-btn--scegli { background: #fff3e0; border-color: #dcc257; color: #7a6410; }
body.vrv-dark.page-modifica-post .vrv-dd__menu .vrv-btn--scegli:hover { background: #ffffff; }
body.vrv-dark.page-modifica-post .vrv-dd__menu .vrv-mus__voce { background: rgba(255, 255, 255, .55); }
/* e «✕ Esci», che non aveva una tinta sua e restava col fondo scuro di base */
body.vrv-dark.page-modifica-post .vrv-btn--esci { background: #ffd9d6; border-color: #e79a94; color: #9a3a33; }
body.vrv-dark.page-modifica-post .vrv-btn--esci:hover { background: #fffaf0; }

/* ==== la strisciolina dell'ordine (14/10/2026) ==================== */
body.vrv-dark.page-diario-lista .vrv-capo a { color: var(--vrvd-mut); }
body.vrv-dark.page-diario-lista .vrv-capo a.is-on { color: #9cb4ff; }
body.vrv-dark.page-diario-lista .vv-post-id { color: var(--vrvd-mut); }