/* Fundalul paginilor: curtea liniei de sortare, în spatele lucrului.
 *
 * DOUĂ FELURI, cu totul deosebite:
 *
 * 1. CONECTARE - poza se vede întreagă, în putere, cu un voal închis peste ea
 *    ca fișa albă de conectare să iasă în față. Ceasul zilei alege poza:
 *    dimineață, amiază, apus, noapte (vezi `fundal.js`).
 *
 * 2. ÎN APLICAȚIE - poza rămâne o umbră sub un voal aproape opac. Sub ea stau
 *    tabele, cifre și formulare: dacă fundalul se ceartă cu ele, omul citește
 *    mai greu, iar un program de lucru nu-și poate permite asta. Fiecare meniu
 *    își are poza lui, ca privirea să știe unde se află fără să citească.
 *
 * Stratul stă la `z-index:-1`: fondul paginii (pus pe `:root`) se zugrăvește pe
 * pânză, dedesubt, deci poza cade peste el, dar sub tot ce e scris.
 */

.wf-fundal {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

/* Două straturi, ca schimbarea dintre meniuri să se facă prin trecere lină,
 * nu prin clipire: cel nou se aprinde peste cel vechi. */
.wf-fundal-poza {
  position: absolute;
  inset: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity .55s ease;
}
.wf-fundal-poza.wf-activ { opacity: 1 }

/* Afișul se așază întreg, cu marginile la locul lor. Umplut peste tot ecranul,
 * un ecran mai puțin lat i-ar tăia tocmai colțurile - acolo unde stau emblema
 * și deviza. Ce prisosește sus și jos rămâne fondul închis al afișului. */
.wf-fundal-poza[data-intreg] {
  background-size: contain;
  background-color: #0c1c14;
}

.wf-fundal-voal { position: absolute; inset: 0; transition: background .55s ease }

/* ---- În aplicație: poza se vede, dar stă sub un voal.
 *
 * Voalul e mai subțire la mijloc, unde stau cartonașele albe, și mai gros
 * sus și jos, lângă bara de meniuri și lângă marginea de jos. Cartonașele
 * rămân oricum pline: cifrele și tabelele se citesc pe alb, nu pe poză. */
.wf-fundal[data-fel="aplicatie"] .wf-fundal-voal {
  background: linear-gradient(180deg,
    rgba(240, 245, 242, .72) 0%,
    rgba(240, 245, 242, .50) 42%,
    rgba(240, 245, 242, .68) 100%);
}
.wf-fundal[data-fel="aplicatie"] .wf-fundal-poza { filter: saturate(.95) }

/* Stația are tema ei de noapte, aprinsă cu mâna din colțul de sus. Un voal
 * deschis peste ea ar face din ecranul întunecat o pată albă - exact ce nu
 * vrea omul care lucrează pe schimbul de noapte. */
body.noapte .wf-fundal[data-fel="aplicatie"] .wf-fundal-voal {
  background: linear-gradient(180deg,
    rgba(48, 64, 51, .82) 0%,
    rgba(48, 64, 51, .68) 40%,
    rgba(48, 64, 51, .80) 100%);
}
body.noapte .wf-fundal[data-fel="aplicatie"] .wf-fundal-poza {
  filter: saturate(.8) brightness(.8);
}

/* ---- La conectare: poza în putere, voalul doar cât să se citească fișa. */
.wf-fundal[data-fel="conectare"] .wf-fundal-voal {
  background: linear-gradient(115deg,
    rgba(7, 26, 18, .66) 0%,
    rgba(7, 26, 18, .26) 48%,
    rgba(7, 26, 18, .58) 100%);
}

/* Poarta de conectare își avea fondul ei verde, care ar acoperi poza. */
body.wf-cu-fundal .auth-gate,
body.wf-cu-fundal .operator-gate { background: transparent }

/* Fișa de conectare, așezată peste o poză: puțin mai desprinsă de fund. */
body.wf-cu-fundal .auth-card,
body.wf-cu-fundal .operator-login-card {
  box-shadow: var(--wf-ridicare-3);
}

/* Cine a cerut mișcare puțină n-are parte de treceri line. */
@media (prefers-reduced-motion: reduce) {
  .wf-fundal-poza, .wf-fundal-voal { transition: none }
}

/* La tipărire nu se pune poza pe hârtie. */
@media print { .wf-fundal { display: none } }