* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}


.bg-header-fucsia{
    background-color: fuchsia
}

.sfondo-verde{
    background-color: green;
}

.sfondo-grigio{
    background-color: grey
}

.sfondo-rosso{
    background-color: red;
}

.sfondo-blu{
    background-color: blue
}

.testo-bianco{
    color: white
}


/* Container della barra sotto-header */
.page-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #f1f5f9; /* Sfondo neutro, leggermente staccato dal body */
    border-bottom: 1px solid #e2e8f0;
    box-sizing: border-box;
}

.toolbar-left,
.toolbar-right {
    display: flex;
    align-items: center;
    gap: 10px; /* Spazio uniforme tra i pulsanti */
}

/* Stile base dei pulsanti della barra */
.btn-tool {
    padding: 6px 14px;
    font-size: 0.88rem;
    font-weight: 500;
    color: #334155;
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.btn-tool:hover {
    background-color: #f8fafc;
    border-color: #94a3b8;
}

.btn-tool:active {
    background-color: #e2e8f0;
}

/* Variante opzionale per evidenziare l'azione principale */
.btn-tool-primary {
    background-color: #0f172a;
    color: #ffffff;
    border-color: #0f172a;
}

.btn-tool-primary:hover {
    background-color: #1e293b;
    border-color: #1e293b;
}