/* ===========================================================================
   modern.css - Layer moderno sovrapposto a main.css + default_*.css
   ===========================================================================
   Modifiche estetiche minime che ammodernano l'aspetto senza toccare HTML/ASP.
   Caricato come ULTIMO foglio di stile per avere precedenza.
   =========================================================================== */

/* Riquadri della home con bordi arrotondati e ombra leggera */
.areahp {
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: box-shadow .2s ease;
}
.areahp:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* Hover sulle righe di tabelle elenco */
table.item_list tr:hover {
    background: #f5f5f5;
}

/* Pulsanti: solo il colore, dimensione come default */
input[type=submit],
input[type=button] {
    background: #2a7a2a;
    color: white;
    border: 1px solid #2a7a2a;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
}
input[type=submit]:hover,
input[type=button]:hover {
    background: #1f5f1f;
    border-color: #1f5f1f;
}

/* Link con hover morbido */
a {
    transition: opacity .15s ease;
}
a:hover {
    opacity: 0.75;
}

/* Input testo / password: solo bordo arrotondato e focus verde */
input[type=text],
input[type=password],
input[type=email],
textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus {
    outline: none;
    border-color: #2a7a2a;
}