/* La licence (licence.js) : l'écran « Licence », la pastille de la barre du
   haut, le choix de l'étape 1 de l'installation. Le langage de la console :
   cartes blanches, valeurs dans des champs nommés, un seul aplat plein. */

a.x-jev.x-lic{text-decoration:none}
a.x-jev.x-lic:hover{filter:brightness(.97)}
.x-lic-pied{color:var(--or-fonce);text-decoration:none}
.x-lic-pied:hover{text-decoration:underline}

.lic-actions{display:flex;align-items:center;gap:8px;padding:12px 20px 4px;flex-wrap:wrap}
.lic-carte .lic-actions{border-top:1px solid var(--filet2);margin-top:4px}

.lic-activer{padding-bottom:18px}
.lic-voies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--filet2)}
.lic-voie{padding:14px 0 0;min-width:0}
.lic-voie+.lic-voie{border-left:1px solid var(--filet2)}
.lic-voie h3{font-size:12.5px;font-weight:600;color:var(--doux);padding:0 20px 10px}
.lic-voie .t-paire{padding:7px 20px;border-top:1px solid var(--filet2)}
.lic-voie .x-champ-l{flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:6px 20px}
.lic-voie .x-champ-l>span{width:auto}
.lic-voie .x-champ-l input{flex:none;height:36px}
.lic-voie .lic-actions{padding-top:10px}

.lic-cle{font-size:12.5px;color:var(--doux);margin-right:auto;font-variant-numeric:tabular-nums}
.lic-cle.ok{color:var(--a4)}
.lic-cle.faux{color:var(--or-fonce)}

.lic-liste{display:flex;flex-direction:column;margin:6px 20px 0;border:1px solid var(--filet);border-radius:10px;overflow:hidden}
.lic-opt{display:flex;align-items:center;gap:12px;padding:9px 14px;cursor:pointer;font-size:13px}
.lic-opt+.lic-opt{border-top:1px solid var(--filet2)}
.lic-opt input{margin:0;accent-color:var(--a4)}
.lic-opt.on{background:var(--vert-pale)}
.lic-opt.off{cursor:default;color:var(--pale)}
.lic-opt-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.lic-opt-t b{font-weight:500}
/* le détail d'une licence (offre, fin, postes) se lit en entier : il passe à la ligne */
.lic-opt-t span{font-size:12px;color:var(--doux)}
.lic-opt em{margin-left:auto;font-style:normal;font-size:12px;color:var(--or-fonce);white-space:nowrap;flex:none}
.lic-opt em.ok{color:var(--a4)}

.lic-msg{font-size:13px;padding:10px 16px;border-radius:10px;background:var(--carte);border:1px solid var(--filet)}
.lic-msg.ok{color:var(--a4);background:var(--vert-pale);border-color:var(--vert-filet)}
.lic-msg.erreur{color:var(--or-fonce);background:var(--or-pale);border-color:var(--or-filet)}

@media (max-width:1100px){
  .lic-voies{grid-template-columns:minmax(0,1fr)}
  .lic-voie+.lic-voie{border-left:0;border-top:1px solid var(--filet2);margin-top:10px}
}

/* Installation, étape 1 : les licences de l'adresse confirmée. */
.in-lic{display:flex;flex-direction:column;gap:7px;font-size:13px}
.in-lic>span{color:var(--doux);font-weight:500}
.in-champs .in-opt.in-off{cursor:default;color:var(--pale)}
.in-lic .in-prop-t .in-lic-d{font-size:12px;color:var(--doux);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}