.toolbar-icon-views-viewviews-podcasts-page-1::before{
	mask-image: url(icons/podcast.svg) !important;
	-webkit-mask-image: url(icons/podcast.svg) !important;
}
.toolbar-icon-views-viewviews-episodes-page-1::before, .toolbar-icon-views-viewviews-sa-episodes-page-1::before{
	mask-image: url(icons/episode.svg) !important;
	-webkit-mask-image: url(icons/episode.svg) !important;
}
.toolbar-icon-views-viewviews-utilisateurs-page-1::before{
	mask-image: url(icons/users.svg) !important;
	-webkit-mask-image: url(icons/users.svg) !important;
}
.toolbar-icon-views-viewviews-commentaires-page-1::before{
	mask-image: url(icons/commentaire.svg) !important;
	-webkit-mask-image: url(icons/commentaire.svg) !important;
}
.toolbar-icon-scolcast-emissions-upload::before{
	mask-image: url(icons/upload.svg) !important;
	-webkit-mask-image: url(icons/upload.svg) !important;
}


table#field-mots-cles-values > thead {
  display: none !important;
}

/*
 * Formulaires de compte (création et édition d'un abonné / sous-abonné) —
 * demande Denis 08/2026 : tous les champs à la même largeur, et les trois
 * listes de droits assez larges pour lire les noms de podcasts en entier.
 *
 * Claro ne pose aucun `width` sur .form-element : la largeur vient de
 * l'attribut HTML `size` (60 pour le nom d'utilisateur, 25 pour le mot de
 * passe) et de `.password-confirm { max-inline-size: 25rem }`, d'où des
 * champs de largeurs inégales et un débordement horizontal.
 */
.user-form .form-element--type-text,
.user-form .form-element--type-email,
.user-form .form-element--type-tel,
.user-form .form-element--type-url,
.user-form .form-element--type-password,
.user-form .form-element--type-textarea,
.user-form .form-element--type-select,
.user-form .form-element--type-select-multiple,
.user-form .password-confirm {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	max-inline-size: 100%;
}

/*
 * Les trois listes de droits passent par le module Chosen (placeholder
 * « - Choisir - »). Son CSS d'integration Gin (chosen/css/chosen.gin.css)
 * ET celui de Gin (gin/dist/css/components/chosen.css) imposent tous deux
 * `.form-element.chosen-container-multi { width: auto !important }`
 * avec un `min-width: 160px` sur la liste interne : d'ou des boites etroites
 * qui tronquent les noms de podcasts. On reprend la main avec une
 * specificite superieure (3 classes + !important). La HAUTEUR n'est pas
 * touchee : elle vient de .form-element et reste donc identique a celle des
 * autres champs (demande Denis 08/2026).
 */
.user-form .form-element.chosen-container-multi,
.user-form .form-element.chosen-container-single {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

/* Le menu deroulant et la ligne de saisie suivent le conteneur, sinon les
   titres de podcasts restent tronques a l'ouverture. */
.user-form .chosen-container .chosen-drop,
.user-form .chosen-container .chosen-choices,
.user-form .chosen-container .chosen-single {
	width: 100% !important;
	box-sizing: border-box;
}