/* ═══════════════════════════════════════════════════════════════════════════
SOLUZIONI PAGHE — theme "paghe"
Entry point del theme Vaadin. Contiene SOLO @import e questo indice: nessuna
regola CSS. Se stai per scrivere una regola qui, va in uno dei file sotto.
Wiring: @Theme("paghe") su org.smick.payroll.AppShell.
── I FONT NON STANNO QUI ─────────────────────────────────────────────────
Sono in src/main/frontend/index.html, insieme a Material Icons.
Due strade sono state provate e NON funzionano, non riprovarle:
- themes/paghe/document.css non viene iniettato in Vaadin 25.2 (verificato
a runtime: nessun link, nessun @import raggiungeva la pagina, il testo
renderizzava col fallback serif);
- un @import di font dentro un file @import-ato da qui viene inlineato da
Vite a meta' foglio, dove un @import e' invalido e viene scartato.
── Shadow DOM: NON usare una cartella components/ qui ────────────────────
In Vaadin 25.2 themes//components/ è dietro la feature flag
sperimentale 'themeComponentStyles': senza la flag Flow logga
"Theme 'paghe' contains component styles, but the 'themeComponentStyles'
feature flag is not set, so component styles will not be applied"
e il file viene ignorato senza errori.
Per iniettare CSS in uno shadow root usa il meccanismo stabile:
src/main/frontend/styles/components/.css
+ @CssImport(value="./styles/components/.css", themeFor="")
Oggi c'è un solo caso: vaadin-login-form-wrapper, dichiarato su LoginView.
Prima di scriverne uno nuovo, chiediti se serve davvero lo shadow DOM: se il
componente espone la part che ti interessa, `::part(nome)` da livello
documento funziona e vive qui.
── ORDINE = ORDINE DI PROPRIETÀ ─────────────────────────────────────────
L'ordine degli @import è la cascata. Un file può sovrascrivere quelli sopra
di sé, mai quelli sotto. Serve a rendere sempre rispondibile la domanda
"dove va questa regola":
01-tokens i valori. Nessun selettore tranne :root.
02-vendor ponti verso Bootstrap e Lumo. Solo variabili di quei due
prefissi. ATTENZIONE: non scrivere qui una sequenza
asterisco-barra, chiude il commento e il parser CSS si
mangia la regola successiva (e' gia' successo: ha azzerato
l'intero blocco :root dei token).
03-base elementi nudi, reset, utility monoscopo.
04-primitives componenti riusabili (card, chip, button, dialog…).
05-layout chrome dell'app (app-layout, navbar, sidebar).
06-views stili di una singola view. Ultimi perché possono aver
bisogno di battere una primitive.
99-legacy quarantena datata di codice morto, cancellata a breve.
Bootstrap 5.3.8 è il layer di utility e arriva PRIMA di tutto questo, via
@StyleSheet su AppShell: qualunque regola qui lo batte a parità di
specificità. Non serve !important per vincere su Bootstrap.
═══════════════════════════════════════════════════════════════════════════ */
/* ── 01-tokens ──────────────────────────────────────────────────────────── */
@import url('./01-tokens/_palette.css');
@import url('./01-tokens/_scale.css');
@import url('./01-tokens/_breakpoints.css'); /* solo documentazione */
/* ── 02-vendor ──────────────────────────────────────────────────────────── */
@import url('./02-vendor/_lumo-bridge.css');
@import url('./02-vendor/_bootstrap-bridge.css');
/* ── 03-base ────────────────────────────────────────────────────────────── */
@import url('./03-base/_reset.css');
@import url('./03-base/_icons.css');
@import url('./03-base/_base.css');
@import url('./03-base/_utilities.css');
@import url('./03-base/_a11y.css');
/* ── 04-primitives ──────────────────────────────────────────────────────── */
@import url('./04-primitives/_dialog.css');
@import url('./04-primitives/_table.css');
/* ── 05-layout ──────────────────────────────────────────────────────────── */
@import url('./05-layout/_app-layout.css');
@import url('./05-layout/_navbar-user.css');
@import url('./05-layout/_sidebar.css');
/* ── 06-views ───────────────────────────────────────────────────────────── */
@import url('./06-views/companies.css');
@import url('./06-views/settings-dashboard.css');
@import url('./06-views/worker-dashboard.css');
@import url('./06-views/employee-shell.css');
@import url('./06-views/doc-row.css');
@import url('./06-views/documenti-datore.css');
/* documenti/ — la ex sezione "sticky strip" da 984 righe, che in realtà era
tutta la feature documenti. L'ordine qui replica quello originale. */
@import url('./06-views/documenti/_header-strip.css');
@import url('./06-views/documenti/_filter-chips.css');
@import url('./06-views/documenti/_icon-buttons.css');
@import url('./06-views/documenti/_search-row.css');
@import url('./06-views/documenti/_employee-list.css');
@import url('./06-views/documenti/_employee-card-actions.css');
@import url('./06-views/documenti/_bulk-actions-inline.css');
@import url('./06-views/documenti/_history-panel.css');
@import url('./06-views/documenti/_file-rows.css');
@import url('./06-views/documenti/_tile-hub.css');
@import url('./06-views/documenti/_months-tab-bar.css');
@import url('./06-views/documenti/_section-headers.css');
@import url('./06-views/documenti/_tile-grid.css');
@import url('./06-views/profilo-dipendente.css');
@import url('./06-views/area-download.css');
@import url('./06-views/tfr-pivot.css');
/* libro-unico → uniemens: la ex sezione "LIBRO UNICO / PRESENZE" da 808 righe,
che erano cinque feature slegate. */
@import url('./06-views/libro-unico.css');
@import url('./06-views/certificazione-unica.css');
@import url('./06-views/presenze-calendario.css');
@import url('./06-views/castelletti.css');
@import url('./06-views/voci-table.css');
@import url('./06-views/uniemens.css');
@import url('./06-views/libreria-uniemens.css');
@import url('./06-views/uniemens-comunicazione.css');
@import url('./06-views/pdf-picker.css');
/* Landing pubblica (ex index.css, era un @CssImport separato su index.java). */
@import url('./06-views/public-landing.css');
/* La quarantena 99-legacy/ e' stata cancellata: il codice morto non esiste
piu' nel theme. Se serve recuperare qualcosa, sta nella storia di git.
Per rilevare nuovo codice morto usa:
powershell -File .claude/skills/paghe-css/scripts/inventory.ps1 */