/* /Components/Pages/PrevisionOpSaisie.razor.rz.scp.css */
/*
    Mise en forme propre a l'ecran de saisie en grilles.

    Les cellules numeriques heritent du remplissage de Bootstrap : 15 px a gauche et 15 px a
    droite. Dans une colonne etroite — et il y en a jusqu'a une douzaine par tableau — ces
    30 px consomment toute la largeur utile et le chiffre saisi se retrouve rogne : il est
    bien present dans le champ, mais invisible a l'ecran.
*/

td input[type="number"][b-0k4kdl5ftx] {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    min-width: 4.5rem;

    /* Les fleches de reglage n'ont aucun usage sur une saisie au clavier et prennent
       le tiers de la largeur du champ. */
    -moz-appearance: textfield;
    appearance: textfield;
}

td input[type="number"][b-0k4kdl5ftx]::-webkit-outer-spin-button,
td input[type="number"][b-0k4kdl5ftx]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* La cellule active se distingue nettement : sur une grille dense, savoir ou l'on se
   trouve evite de saisir dans la mauvaise ligne. */
td input[type="number"]:focus[b-0k4kdl5ftx] {
    background-color: #fff8e1;
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.2);
}