/*
 * UELN a lettura facilitata (come nel vecchio gestionale).
 *
 * Il codice e' composto da 15 caratteri: 6 di prefisso (paese + database),
 * 5 di progressivo (il "numero IT") e 4 di anno di nascita.
 * Il progressivo va in ROSSO, tutto il resto in NERO pieno: mai grigio,
 * mai tono su tono, anche dentro campi readonly/disabled o testi .text-muted.
 */

.ueln-code {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    opacity: 1 !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.ueln-code-progressive {
    color: #d40000 !important;
    -webkit-text-fill-color: #d40000 !important;
    font-weight: 700;
}

/*
 * Box in sola lettura che sostituisce l'input UELN: deve sembrare un
 * `form-control` ma poter contenere markup colorato (gli <input> non
 * possono colorare parte del testo).
 */
.ueln-display-box {
    display: block;
    background-color: #fafafa;
    min-height: calc(1.5em + 0.75rem + 2px);
    line-height: 1.5;
}

/*
 * Nei box stretti il codice va a capo invece di finire sotto una barra di
 * scorrimento: meglio due righe che caratteri nascosti.
 */
.ueln-display-box .ueln-code {
    white-space: normal;
    word-break: break-all;
}