/* ==========================================================================
   FORMATTAZIONE LEGGERA — stile della pulsantiera e dell'editor

   Gemello di assets/js/rich-text.js: sta in un file suo perché lo carica
   anche report_doc.php (la nota dell'email al cliente), che è una pagina
   fuori dalla dashboard e non può tirarsi dietro custom-theme.css senza
   ritrovarsi addosso mezzo tema.

   `white-space: pre-wrap` non è cosmetico: tiene gli a capo già presenti nel
   testo (digitarne di nuovi non si può, l'Enter è bloccato) e i doppi spazi,
   così il testo che riparte per Vision è identico a quello di prima.
   ========================================================================== */

.rich-editor {
    min-height: 4.2rem;
    max-height: 12rem;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-word;
    height: auto;
}

.rich-editor:focus {
    outline: 0;
}

/* il placeholder della textarea che l'editor ha preso il posto: `:empty` non
   basta, il browser lascia dentro un <br> appena si svuota il campo a mano —
   la classe la mette il JS guardando il testo vero. */
.rich-editor.rich-empty:before {
    content: attr(data-placeholder);
    color: #adb5bd;
    pointer-events: none;
}

/* Non scoped all'editor di proposito: lo stesso giallo deve uscire dove quel
   testo si LEGGE — il riquadro azzurro della nota di approvazione nella modale
   del rapportino, per dire. Se no il tecnico evidenzia una cosa e il manager la
   vede di un altro colore (Bootstrap gli mette il suo giallo di default). */
mark {
    background: #ffe680;
    color: inherit;
    padding: 0 .1em;
    border-radius: 2px;
}

.rich-toolbar {
    margin-bottom: .25rem;
}

.rich-toolbar .rich-btn {
    border: 1px solid #dfe6e4;
    color: #4a5a5f;
    line-height: 1;
    padding: .25rem .5rem;
}

.rich-toolbar .rich-btn i {
    font-size: 1rem;
    vertical-align: middle;
}

.rich-toolbar .rich-btn.active {
    background: #43B3A3;
    border-color: #43B3A3;
    color: #fff;
}