/*
 * SR 19-10-2026 - Boutons d'action (proposition validée le 19/10/2026, inc_js/boutons_actions.js) :
 * - une couleur par type de bouton (bordure + carré de l'icône), la même partout ; icônes communes (disquette, corbeille, €...) ;
 * - même largeur pour tous les boutons d'une colonne d'actions (texte long sur 2 lignes) ;
 * - colonne d'actions à droite pour les pages qui avaient des bandeaux en haut (Planning, Plan d'action, Plan de maintenance,
 *   Edition / Export, Analyses), repliable comme les autres (html.actions_reduites) ;
 * - menu du haut : avion en papier pour le centre de mail.
 */

/* ------------------------------------------------------------------ couleurs */
.btn_action_text.ba_couleur { border-color: var(--ba) !important; }
.btn_action_text.ba_couleur > i { background-color: var(--ba) !important; color: #fff !important; }
.btn_action_text.ba_couleur:hover { background-color: color-mix(in srgb, var(--ba) 22%, transparent) !important; }
.btn_action_text.ba_couleur.btn_mode_affichage.actif,
.btn_action_text.ba_couleur.btn_mode_affichage.actif:hover { background-color: color-mix(in srgb, var(--ba) 30%, white) !important; }
.btn_action_text.ba_couleur.btn_mode_affichage.actif, .btn_action_text.ba_couleur.btn_mode_affichage.actif > span { color: var(--color-bleu, #011a30) !important; font-weight: bold; }

/* ------------------------------------------------------------------ icônes composées (disquette + croix, document + €...) */
.btn_action_text > i.ba_combo { gap: 2px; font-style: normal; }
.btn_action_text > i.ba_combo > span:first-child { font-size: 17px; }
.btn_action_text > i.ba_combo > .ba_x { font-size: 11px; align-self: flex-end; margin-bottom: 7px; }
.btn_action_text > i.ba_combo > .ba_euro { font-size: 15px; font-weight: 900; margin-bottom: 5px; }
.btn_action_text.small > i.ba_combo > span:first-child { font-size: 12px; }
.btn_action_text.small > i.ba_combo > .ba_x { font-size: 8px; margin-bottom: 5px; }
.btn_action_text.small > i.ba_combo > .ba_euro { font-size: 11px; margin-bottom: 4px; }

/* ------------------------------------------------------------------ même largeur dans les colonnes d'actions */
:is(.formActions, .formActionsSplit, .cadreEnregistrementFixe, .feq_cadre_enregistrement) .btn_action_text { width: 100%; min-width: 0; box-sizing: border-box; }
:is(.formActions, .formActionsSplit, .cadreEnregistrementFixe, .feq_cadre_enregistrement) .liste_boutons > div { width: 100%; }

/* ------------------------------------------------------------------ colonne d'actions des pages à bandeaux */
.formActions.actions_page_droite { position: fixed; right: 20px; top: 125px; width: 240px; z-index: 450; background: var(--bgAppliClient); text-align: left; }
.formActions.actions_page_droite fieldset { display: block; width: auto; margin: 0 0 8px; padding: 4px 8px 8px; }
.formActions.actions_page_droite .liste_boutons { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 5px; margin: 0; }
.formActions.actions_page_droite .btn_action_text { margin: 0; }
.formActions.actions_page_droite fieldset legend { font-size: 16px; }
.formActions.actions_page_droite :is(.boutons_mode_affichage, .boutons_emission_documents) { flex-direction: column; flex-wrap: nowrap; gap: 5px; }
.formActions.actions_page_droite .btn_action_text.btn_action_text { white-space: normal; min-width: 0; }
.formActions.actions_page_droite fieldset.ana_actions { display: block; margin: 0 0 8px; }
.formActions.actions_page_droite fieldset { border: 1px solid #011a30; border-radius: 10px; }
/* bascules actives : échantillons de légende lisibles sur le fond clair */
.btn_action_text.ba_couleur.btn_affichage_planning.actif .echantillon_contour { border-color: var(--color-bleu, #011a30); }
.btn_action_text.ba_couleur.btn_affichage_planning.actif .echantillon_plein { background: var(--color-bleu, #011a30); border-color: var(--color-bleu, #011a30); }
.contenuPage:has(.actions_page_droite) { padding-right: 280px; }
html.actions_reduites .formActions.actions_page_droite { width: 54px; }
html.actions_reduites .contenuPage:has(.actions_page_droite) { padding-right: 90px; }
/* Edition / Export : colonne masquée avec le journal (affichage Graphiques) */
.contenuPage:has(#jrn_zone_journal[style*="none"]) { padding-right: 20px; }

/* ------------------------------------------------------------------ menu du haut : centre de mail = avion en papier */
.rondPictoNotification .picto, .rondPictoNotification.hasNotif .picto { background: none !important; display: flex; align-items: center; justify-content: center; line-height: normal; position: relative; }
.rondPictoNotification .picto::before { content: "\f1d8"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 27px; color: #fff; }