Preview di test. Carica esclusivamente `core.css` + `servizi.css` (senza `main.css`). Verificare che tutti i componenti si rendano correttamente e che non vi siano stili mancanti o override inattesi.

## A. Core — Atoms

### Button

### Chip

Default
Categoria: Categoria
Tag: Tag

### Tipografia

Titolo H1 — rtds-text-xl font-bold

Testo body — Lorem ipsum dolor sit amet consectetur adipisicing elit.

Testo secondario — rtds-text-sm content-02

Link di esempio — rtds-link

## B. Core — Molecules

### Card

### Titolo notizia — test core.css

30 MAG 2025

Breve testo della notizia. Verifica che card sia stilizzata da core.css.

Notizie

### Seconda card — verifica grid

30 MAG 2025

Se entrambe sono allineate il grid funziona.

Comunicati

### Input field

Campo di testo

### Accordion

###

Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.

###

Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.

###

Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.

## C. 07-widgets — Componenti

Usano classi core (@tab, @input-field, @select-field, @button). Verifica la dipendenza tra i due bundle.

### Widget Box

## Dato semplice

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Ufficio: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

Email: info@example.com

Telefono: 0123456789

## Dato semplice con lista

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

### Widget Nav (usa @tab--borderless da core)

### Widget Chip Filters

- ALESSANDRA NARDINI
- Data atto inizio: 23/05/2024
- Oggetto: Atto
- Tipologia atto: Lorem ipsum dolor sit amet
- Numero atto - da numero: 12

### Widget Composite Field

Legend fieldset
Label campo 1
Descrizione campo 1
Label campo 2
Descrizione campo 2

### Widget Field Row

Struttura di vertice
Ricerca struttura di riferimento

### Widget Search (usa @input-field, @select-field, @button da core — test di integrazione più pesante)

##

Data atto
Data inizio atto
Anno inizio ricerca - formato gg/mm/aaaa
Data fine atto
Anno fine ricerca - formato gg/mm/aaaa
Numero atto
Numero atto - inizio
Da numero
Numero atto - fine
A numero
Oggetto
Ricerca esatta del testo inserito
Assessore
Seleziona nome dell'assessore
Tipologia Atto
Ricerca tipologia atto
Struttura di vertice
Ricerca struttura di riferimento
Procedimento
Ricerca tipologia procedimento
Field demo 1
Ricerca struttura di riferimento
Field demo 2
Ricerca tipologia procedimento
Field demo 3
Ricerca struttura di riferimento
Field demo 4
Ricerca tipologia procedimento

## D. 08-servizi — Card Smart

Estende @card da core. Verifica il pattern triple fallback CSS (--_card-smart-bg, --_card-smart-border, --_card-smart-shadow).

### Standard — complete, accordion, agenda, notifiche

###
Etichetta check <Codice istanza>
<Nome soggetto>

Stato Stato
<CONTESTO>
<COMUNE>
<CODICE PROCEDIMENTO PRINCIPALE>

Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.

- Autore
- 28.12.2025 alle 15:00
- 28.12.2025 alle 15:00
- 28.12.2025 alle 15:00

###

Stato Stato
<CONTESTO> <COMUNE> <CODICE PROCEDIMENTO PRINCIPALE>

Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.

- Autore
- 28.12.2025 alle 15:00
- 28.12.2025 alle 15:00

### <Tipologia scadenza> <Oggetto scadenza>

23.07.2024

- Suap
- <Amministrazione>

Stato: Pagato

Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.

- Nome soggetto
- Numero istanza

Vai ai pagamenti

###
Istanza approvata

Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et. Neque blandit pellentesque nunc sed amet. Nisl, semper sed aliquam amet proin purus augue et.

- 10.01.2025
- Avanzamento istanza

Visualizza dettagli

### Standard — shortcut, scadenza

###
Crea una nuova istanza

### <OGGETTO>

- <Tipologia>

25/30 2025

### Trascinabile (default / selected) (verifica --_card-smart-bg e --_card-smart-border sullo stato selected)

###
Codice oggetto con titolo medio/lungo a discrezione dell'autore
Creato il 28.01.25 | Autore: Mario Rossi

Mostra anteprima

###
Codice oggetto con titolo medio/lungo a discrezione dell'autore
Creato il 28.01.25 | Autore: Mario Rossi

Mostra anteprima

### Selezione — radio sm, selected, checkbox sm

Nome procedimento
Nome procedimento
Nome procedimento

### Selezione large — radio, checkbox, selected

Nome procedimento
Nome procedimento
Nome procedimento

### Selezione procedimento — tutte le varianti

Nome procedimento

Nome procedimento
Nome procedimento
Nome procedimento

## E. 08-servizi — Altri componenti

### Accordion Smart

###

Da pagare Da pagare Stato Stato
Content

###

Da pagare Da pagare Stato Stato
Content

###

Da pagare Da pagare Stato Stato
Content

###

Da pagare Da pagare Stato Stato
Content

### Struttura Gerarchica (integra accordion-smart + card-smart + trascinamento-oggetti)

- ###

  - ###

    - Nome procedimento

    - Nome procedimento

    - Nome procedimento

  - Clicca il pulsante qui sotto per aprire il catalogo oppure trascina qui un oggetto.

- ###

  - ###

    Seleziona procedimento
    - Nome procedimento
    - Nome procedimento
    - Nome procedimento

  - Clicca il pulsante qui sotto per aprire il catalogo oppure trascina qui un oggetto.

- ###

  - ###

    - Nome procedimento

    - Nome procedimento

    - Nome procedimento

  - Clicca il pulsante qui sotto per aprire il catalogo oppure trascina qui un oggetto.

- ###

  - ###

    Seleziona procedimento
    - Nome procedimento
    - Nome procedimento
    - Nome procedimento

  - Clicca il pulsante qui sotto per aprire il catalogo oppure trascina qui un oggetto.

### Trascinamento Oggetti

Default (vuoto)

Clicca il pulsante qui sotto per aprire il catalogo oppure trascina qui un oggetto.

Con contenuto trascinato

Clicca il pulsante qui sotto per aprire il catalogo oppure trascina qui un oggetto.

### File — tutti gli stati

documento-caricamento.pdf

Caricamento file in corso: documento-caricamento.pdf - 1.2MB

documento-errore.pdf

Errore caricamento file: documento-errore.pdf - 0.8MB File troppo grande. Dimensione massima: 10MB

documento-ok.pdf

Caricamento file completato: documento-ok.pdf - 2.4MB

documento-scarica.pdf

3.1MB

### Upload — vuoto e con file caricati (usa @icon e @button da core)

Vuoto

Clicca il pulsante qui sotto per caricare i documenti dal tuo dispositivo.

Formati PDF, DOCX, JPG, PNG - Max: 10 MB per file

Carica documento

Con file caricati

Clicca il pulsante qui sotto per caricare i documenti dal tuo dispositivo.

Formati PDF, DOCX, JPG, PNG - Max: 10 MB per file

Carica file

- documento-caricamento.pdf

  Caricamento file in corso: documento-caricamento.pdf - 1MB di 2.1MB

- documento-errore.docx

  Errore caricamento file: documento-errore.docx - 15MB File troppo grande. Dimensione massima: 10MB

- documento-completato.jpg

  Caricamento file completato: documento-completato.jpg - 850KB

- documento-scaricabile.pdf

  1.8MB

## F. 08-servizi — Page Header Base Smart

### Default (con back link)

# Titolo pagina con link

Categoria: categoria

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

STATO

- Autore
- 28.12.2025 alle 15:00
- 28.12.2025 alle 15:00
- 28.12.2025 alle 15:00

Link text

Ci sono 2 notifiche per questa istanza.

Link text
Link text

### Complete (breadcrumb + CTA + actions)

# Titolo pagina con link

Categoria: categoria

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

STATO

- Autore
- 28.12.2025 alle 15:00
- 28.12.2025 alle 15:00
- 28.12.2025 alle 15:00

Link text

Ci sono 2 notifiche per questa istanza.

Link text
Link text

### Nuova Istanza

Procedimento principale: Codice Procedimento principale

- <CONTESTO>
- <AMMINISTRAZIONE>
- 28.12.2025 alle 15:00

Soggetti coinvolti: 3

### No Notifiche

# Titolo pagina

Categoria: categoria

Procedimento principale: Codice Procedimento principale

STATO

- Autore
- 28.12.2025 alle 15:00
- 28.12.2025 alle 15:00
- 28.12.2025 alle 15:00

Link text