/* EnfinLire CAA 0.9.292 — unique interface mobile paysage, Tableau.
   Rendu PC intact. Pictos, paramètres généraux et édition individuelle
   réutilisent les contrôles CAA existants. Anciennes surcharges 0.9.202–0.9.215
   « Modifier en grand » supprimées, sans toucher au moteur du tableau. */
.el-mobile-toolbar,.el-mobile-close,.el-mobile-category-nav,.el-mobile-number-range,.el-mobile-zoom-value,.el-mobile-image-settings,.el-mobile-picto-head-actions {display:none}

@media screen {
html.el-mobile-table, html.el-mobile-table body {
  width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;
  margin:0!important;padding:0!important;overscroll-behavior:none!important;background:#fffefa!important
}
html.el-mobile-table .app-header,html.el-mobile-table #tableSection>.panel-heading,
html.el-mobile-table #tableSettingsTop,html.el-mobile-table #boardDownloadActions,
html.el-mobile-table .board-preview-launch {display:none!important}
html.el-mobile-table #statusMessage {
  position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:61!important;
  margin:0!important;padding:2px 8px!important;max-height:26px!important;overflow:auto!important;
  font-size:10px!important;background:#fffaf0!important
}
html.el-mobile-table main.app {
  width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;
  margin:0!important;padding:49px 0 0!important;box-sizing:border-box!important;overflow:hidden!important
}
html.el-mobile-table .workspace,html.el-mobile-table #tableSection,html.el-mobile-table #tableWorkbench {
  display:block!important;position:relative!important;width:100%!important;height:100%!important;
  min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;overflow:hidden!important;box-sizing:border-box!important
}
/* Le tableau reprend 100 % de la largeur quand les paramètres sont fermés. */
html.el-mobile-table #tableSection .table-canvas-area {
  position:absolute!important;inset:0 auto 0 0!important;display:block!important;
  width:100%!important;height:calc(100% - 24px)!important;max-height:none!important;
  margin:0!important;padding:9px!important;box-sizing:border-box!important;
  overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pan-y!important;scrollbar-gutter:stable!important;
  border:0!important;border-radius:0!important;background:#fffefa!important
}
html.el-mobile-table.el-mobile-settings-open #tableSection .table-canvas-area {
  width:40%!important;border-right:1px solid #ede3ca!important;padding:8px!important
}
html.el-mobile-table #tableSection #boardShell {
  display:block!important;flex:none!important;width:840px!important;min-width:840px!important;
  max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;
  transform:none!important;transform-origin:top left!important;
  zoom:var(--el-mobile-scale,1)!important;overflow:visible!important;box-shadow:none!important
}
html.el-mobile-table #tableSection #boardShell[data-orientation="portrait"] {
  width:594px!important;min-width:594px!important
}
html.el-mobile-table .picto-instance-edit {
  opacity:1!important;width:38px!important;height:38px!important;min-width:38px!important;
  min-height:38px!important;border-width:2px!important;z-index:30!important;
  box-shadow:0 2px 8px rgba(21,32,51,.20)!important
}
/* Panneaux latéraux : mêmes dimensions pour pictos et paramètres. */
html.el-mobile-table #tableSection #tableSettingsRail,
html.el-mobile-table #tableSection #tableParametersPanel {
  display:none!important;position:fixed!important;inset:49px 0 0 auto!important;
  width:60%!important;height:calc(100% - 49px)!important;min-height:0!important;max-height:none!important;
  padding:8px 10px 24px!important;margin:0!important;border:0!important;
  border-radius:0!important;box-sizing:border-box!important;background:#fffdfa!important;
  z-index:80!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  box-shadow:-2px 0 9px rgba(21,32,51,.06)!important
}
html.el-mobile-table #tableSection #tableSettingsRail.el-mobile-open,
html.el-mobile-table #tableSection #tableParametersPanel.el-mobile-open {
  display:flex!important;flex-direction:column!important;gap:7px!important
}
html.el-mobile-table #tableSection #tableSettingsRail .table-sidebar-head,
html.el-mobile-table #tableSection #tableParametersPanel .table-parameters-header {
  display:flex!important;flex:0 0 auto!important;position:sticky!important;top:-8px!important;
  align-items:center!important;justify-content:space-between!important;padding:3px 0!important;
  background:#fffdfa!important;z-index:3!important;min-height:32px!important
}
html.el-mobile-table #tableSection #tableSettingsRail .table-sidebar-head strong,
html.el-mobile-table #tableSection #tableParametersPanel .table-parameters-header strong {font-size:14px!important}
html.el-mobile-table #tableSection #tableSidebarContent {
  display:block!important;overflow:visible!important;height:auto!important;max-height:none!important;
  min-height:0!important;flex:0 0 auto!important
}
/* Recherche mobile : avec le clavier Android en paysage, supprimer les
   en-têtes et filtres redondants. Ce sont les champs CAA d’origine ;
   l’affichage complet revient dès que la recherche perd le focus. */
html.el-mobile-table.el-mobile-picto-searching #tableSection #tableSettingsRail .table-sidebar-head,
html.el-mobile-table.el-mobile-picto-searching #tableLibraryMount .library-panel-heading,
html.el-mobile-table.el-mobile-picto-searching #tableLibraryMount .library-search-block .filters > label:not(.search-field),
html.el-mobile-table.el-mobile-picto-searching #tableLibraryMount .library-results-panel .multi-select-toggle {display:none!important}
html.el-mobile-table.el-mobile-picto-searching #tableSection #tableSettingsRail.el-mobile-open {padding-top:4px!important}
html.el-mobile-table.el-mobile-picto-searching #tableLibraryMount .library-search-block {
  margin:0 0 4px!important;padding:3px!important;border:0!important;border-radius:0!important;background:transparent!important
}
html.el-mobile-table.el-mobile-picto-searching #tableLibraryMount .library-search-block .filters {padding:0!important;gap:0!important}
html.el-mobile-table.el-mobile-picto-searching #tableLibraryMount .library-search-block .search-field {gap:2px!important;margin:0!important}
html.el-mobile-table.el-mobile-picto-searching #tableLibraryMount .library-results-panel {padding:4px!important;margin:4px 0!important}

/* Les véritables onglets CAA sont déjà présents dans la DOM : aucune seconde navigation.
   Le dock PC, vertical, devient une barre horizontale en haut du panneau mobile. */
html.el-mobile-table #tableSection #tableParametersPanel.el-mobile-open.is-collapsed {
  height:calc(100% - 49px)!important;max-height:none!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;overflow-y:auto!important;
}
html.el-mobile-table #tableSection #tableParametersPanel.el-mobile-open #tableParametersContent {
  display:flex!important;flex-direction:column!important;gap:6px!important;
  overflow:visible!important;width:100%!important;height:auto!important;min-height:0!important;
  max-height:none!important;flex:0 0 auto!important;padding:0!important;box-sizing:border-box!important
}
html.el-mobile-table #tableSection #tableParametersPanel.el-mobile-open #tableParametersContent>.el-parameter-tabbar {
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;order:-1!important;
  position:sticky!important;top:39px!important;z-index:5!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  overflow-x:auto!important;overflow-y:hidden!important;align-self:stretch!important;
  padding:4px!important;gap:5px!important;border-radius:9px!important;-webkit-overflow-scrolling:touch!important
}
html.el-mobile-table #tableSection #tableParametersContent>.el-parameter-tabbar>.el-parameter-tab,
html.el-mobile-table #tableSection #tableParametersContent>.el-parameter-tabbar>.el-save-direct-button {
  flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important
}
html.el-mobile-table #tableSection #tableParametersContent>.el-parameter-dock-body {
  display:block!important;position:static!important;grid-column:auto!important;grid-row:auto!important;
  width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;
  max-height:none!important;overflow:visible!important;padding:0!important
}
html.el-mobile-table #tableSection #tableParametersContent .el-parameter-tab-panel:not([hidden]) {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;
  gap:6px!important;min-width:0!important;max-width:100%!important;padding:0 3px!important
}
html.el-mobile-table #tableSection #tableParametersContent .el-parameter-tab-panel[hidden] {display:none!important}
html.el-mobile-table #tableSection #tableParametersContent .table-settings-section {
  display:grid!important;gap:6px!important;padding:5px!important;
  min-width:0!important;max-width:100%!important;border:0!important;box-sizing:border-box!important
}
html.el-mobile-table #tableSection #tableSidebarClosedButton,
html.el-mobile-table #tableSection #tableParametersOpen,
html.el-mobile-table #tableSection #tableSidebarToggle,
html.el-mobile-table #tableSection #tableParametersCollapse {display:none!important}
html.el-mobile-table .el-mobile-close {
  display:inline-flex!important;align-items:center;justify-content:center;width:36px;min-width:36px;min-height:34px;
  padding:3px!important;border:1px solid #e9dbc2;border-radius:9px;background:#fff;color:#26374c;font-weight:800
}
html.el-mobile-table #tableSection .table-settings-inline-row {grid-template-columns:repeat(2,minmax(0,1fr))!important}
/* Barre des rubriques : une seule rangée, compacte, utilisable sans survol. */
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .el-mobile-category-nav {
  display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:4px!important;
  overflow-x:auto!important;scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important;
  background:#fffdfa!important;padding:3px 0 7px!important;
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .el-mobile-category-tab {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:38px!important;min-width:38px!important;height:34px!important;min-height:34px!important;
  flex:0 0 38px!important;padding:3px!important;box-sizing:border-box!important;
  border:1px solid #e6e0d4!important;border-radius:9px!important;background:#fff!important;
  color:#21344e!important;font-size:17px!important;font-weight:700!important;line-height:1!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .el-mobile-category-tab[aria-pressed="true"] {
  border-color:#d5a817!important;background:#fff0bf!important;color:#17243a!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .el-mobile-category-tab:focus-visible {outline:2px solid #a78100!important;outline-offset:1px!important}
/* Barre supérieure — commandes toujours accessibles dans les 49 pixels. */
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .el-mobile-toolbar {
  display:flex!important;align-items:center;gap:5px;position:fixed;inset:0 0 auto;height:49px;
  padding:4px max(6px,env(safe-area-inset-right)) 4px max(6px,env(safe-area-inset-left));
  box-sizing:border-box;background:#fff9ec;border-bottom:1px solid #e9dec7;z-index:90;
  overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .el-mobile-toolbar>button,html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .el-mobile-zoom button {
  flex:0 0 auto;min-height:39px;min-width:40px;padding:5px 9px;border:1px solid #e1d3af;
  border-radius:9px;background:#fff;color:#18324f;font-family:inherit;font-size:12px;font-weight:800;
  line-height:1.1;white-space:nowrap
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .el-mobile-toolbar>button[aria-expanded="true"] {background:#fff0bf;border-color:#d5a817}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .el-mobile-toolbar button[hidden] {display:none!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .el-mobile-zoom {display:flex;align-items:center;gap:2px;flex:0 0 auto;padding:0 2px;border-left:1px solid #eadcb3}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .el-mobile-zoom button:first-child,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .el-mobile-zoom button:last-child {font-size:19px;min-width:33px;padding:0}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .el-mobile-zoom button:nth-child(2) {min-width:51px;padding:0 4px}

/* Éditeur individuel : pas de mode secondaire « Modifier en grand ». */
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-modal:not([hidden]) {
  align-items:stretch!important;justify-content:stretch!important;inset:0!important;padding:0!important;
  overflow:hidden!important;background:#fffdfa!important;z-index:100500!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-card {
  width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;
  margin:0!important;padding:7px!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;overflow:hidden!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important;
  grid-template-rows:minmax(0,1fr)!important;gap:8px!important;background:#fffdfa!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-preview-column {
  grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:flex-start!important;
  min-width:0!important;min-height:0!important;overflow:hidden!important;
  padding:4px 4px 0 0!important;gap:4px!important;border-right:1px solid #eee3d1!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-preview-column>div:first-child {
  flex:0 0 auto!important;width:100%!important;padding:0!important;font-size:10px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-preview-column>div:first-child .eyebrow,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-preview-column>.helper-note,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-interaction-help {display:none!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-interaction-panel {
  flex:0 0 auto!important;width:100%!important;min-height:0!important;
  padding:2px 4px!important;gap:2px!important;border-radius:7px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-interaction-panel>strong {display:none!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-interaction-buttons {display:flex!important;gap:3px!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-interaction-choice {flex:1 1 auto!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-interaction-choice span {
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:27px!important;padding:2px 4px!important;font-size:10px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-preview {
  flex:0 1 auto!important;align-self:center!important;
  width:min(100%,calc(100dvh - 96px))!important;
  max-width:100%!important;max-height:calc(100dvh - 96px)!important;
  aspect-ratio:1!important;height:auto!important;margin:0!important;padding:4px!important;
  box-sizing:border-box!important;border-radius:10px!important;overflow:hidden!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-preview .picto-annotation,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-preview .picto-annotation-layer {
  touch-action:none!important;overscroll-behavior:none!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-controls {
  grid-column:2!important;grid-row:1!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  min-width:0!important;min-height:0!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
  touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;padding:0 5px 0 0!important;gap:6px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-head {
  flex:0 0 auto!important;order:-2!important;position:sticky!important;top:0!important;z-index:10!important;
  grid-column:auto!important;padding:1px 0 3px!important;border-bottom:1px solid #ebdfc7!important;
  margin:0!important;background:#fffdfa!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-head h3 {font-size:13px!important;line-height:1.05!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-head p {display:none!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-close {
  width:34px!important;height:34px!important;min-height:34px!important;min-width:34px!important;
  border:1px solid #ddd4c4!important;border-radius:8px!important;background:#fff!important;
  font-size:22px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-controls>.el-mobile-category-nav {
  order:-1!important;position:sticky!important;top:39px!important;z-index:9!important;
  padding:3px 0 6px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-controls>.picto-appearance-group,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-controls>.el-mobile-image-settings {
  display:none!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-controls>.picto-appearance-group.el-mobile-category-visible {
  display:grid!important;width:100%!important;max-width:100%!important;
  padding:7px!important;margin:0!important;gap:6px!important;min-width:0!important;
  border:1px solid #ebe3d5!important;border-radius:10px!important;box-sizing:border-box!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-controls>.el-mobile-image-settings.el-mobile-category-visible {
  display:block!important;padding:6px!important;border:1px solid #ebe3d5!important;
  border-radius:10px!important;box-sizing:border-box!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-group>strong {font-size:12px!important;min-height:0!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-grid {gap:6px!important;min-width:0!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-grid label,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-group>label {min-width:0!important;gap:3px!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-grid label>span,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-group>label>span {font-size:11px!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-crop-panel {padding:4px!important;gap:4px!important;box-shadow:none!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-crop-heading span {display:none!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-crop-heading strong {font-size:12px!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-crop-size-row {gap:5px!important;grid-template-columns:auto minmax(0,1fr) auto!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-crop-actions {gap:5px!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-crop-actions button {
  min-height:31px!important;padding:3px 6px!important;font-size:10px!important
}
/* La barre « Réinitialiser / Annuler / Appliquer » reste dans le DOM pour
   les événements du moteur, mais n'est plus affichée en mode mobile. */
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-appearance-actions {display:none!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .el-mobile-picto-head-actions {
  display:flex!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .el-mobile-picto-head-actions button {
  width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;
  display:grid!important;place-items:center!important;padding:2px!important;
  border:1px solid #d9d6c9!important;border-radius:9px!important;
  background:#fff!important;color:#23344e!important;font-size:20px!important;font-weight:800!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .el-mobile-picto-head-actions .el-mobile-picto-confirm {
  background:#ffcd22!important;border-color:#dba500!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-controls button:not(.el-mobile-category-tab),
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-controls select,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-controls input[type="text"] {
  max-width:100%!important;min-height:32px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-sign-button {min-height:34px!important;min-width:34px!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-annotation-fields {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-annotation-fields label {min-width:0!important;max-width:100%!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-fixed-palette {gap:5px!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-fixed-swatches {gap:5px!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-fixed-swatch {min-height:29px!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-fixed-palette-modes button {min-height:29px!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) input[type="color"]:not([hidden]) {height:32px!important;min-height:32px!important}
/* Curseurs natifs de la version mobile, raccordés aux vrais champs source. */
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-modal .el-mobile-number-source {
  position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;
  opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-modal .el-mobile-number-range {
  display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;align-items:center!important;gap:6px!important;
  width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-modal .el-mobile-number-range input[type="range"] {
  width:100%!important;min-width:0!important;height:30px!important;min-height:30px!important;
  padding:0!important;accent-color:#d4a717!important;touch-action:pan-x!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-modal .el-mobile-number-value,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-modal .el-mobile-zoom-value {
  display:inline-block!important;min-width:0!important;width:44px!important;
  font-size:11px!important;font-weight:800!important;text-align:right!important;white-space:nowrap!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-modal .picto-number-control:has(.el-mobile-number-range) {
  grid-template-columns:1fr!important;width:100%!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-modal .picto-number-control:has(.el-mobile-number-range)>span:last-child {display:none!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) .picto-appearance-modal .picto-crop-percent>span:last-child {display:none!important}

/* 0.9.292 — Même palette et même liste de signes que sur PC.
   Règles limitées à l'éditeur du tableau mobile ; ne modifient pas le moteur ni le PC. */
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationPalette .picto-sign-desktop-only {
  display:inline-grid!important;
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationPalette {
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(33px,1fr))!important;
  grid-auto-rows:34px!important;gap:5px!important;min-width:0!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationPalette .picto-sign-button {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:0!important;width:100%!important;height:34px!important;min-height:34px!important;
  padding:2px!important;font-size:17px!important;box-sizing:border-box!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationPalette .picto-sign-button svg {
  width:23px!important;height:23px!important;max-width:100%!important;max-height:100%!important
}
/* Tous les contrôles de couleurs sont ceux du code existant : pastilles rondes
   identiques à l'éditeur PC, teinte libre et modes Pastel/Vif, sans doublons. */
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-fixed-palette {
  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
  align-items:center!important;justify-content:flex-start!important;gap:6px!important;
  min-width:0!important;margin:1px 0!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-fixed-palette-head {
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex:0 0 auto!important;order:2!important;min-height:23px!important;margin:0!important;padding:0!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-fixed-palette-head>span {display:none!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-fixed-palette-modes {
  display:flex!important;align-items:center!important;gap:3px!important;width:auto!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-fixed-palette-modes button {
  min-height:25px!important;padding:3px 6px!important;font-size:10px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-fixed-swatches {
  display:flex!important;order:1!important;align-items:center!important;justify-content:flex-start!important;
  flex:0 1 auto!important;flex-wrap:wrap!important;gap:4px!important;min-width:0!important;
  grid-template-columns:none!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-fixed-swatches > .picto-fixed-swatch,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-fixed-swatches > .el-no-color-swatch,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-fixed-swatches > .el-mobile-palette-picker {
  flex:0 0 22px!important;width:22px!important;height:22px!important;
  min-width:22px!important;min-height:22px!important;max-width:22px!important;
  border-radius:50%!important;box-sizing:border-box!important;margin:0!important;padding:0!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-fixed-swatch {
  border:1px solid #c0cad6!important;box-shadow:inset 0 0 0 1px #fff!important;
  aspect-ratio:1!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-fixed-swatch.is-selected {
  outline:2px solid #192842!important;outline-offset:1px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .el-no-color-swatch {
  display:grid!important;place-items:center!important;border:1px solid #a9b6c9!important;
  background:#fff!important;color:#bb3540!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .el-no-color-swatch svg {
  width:80%!important;height:80%!important;display:block!important;pointer-events:none!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .el-mobile-palette-picker {
  display:grid!important;grid-template-columns:1fr!important;align-items:center!important;
  justify-content:center!important;overflow:visible!important;border:1px solid #a9b6c9!important;
  background:#fff!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .el-mobile-palette-picker>span {display:none!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .el-mobile-palette-picker>input[type=color] {
  display:block!important;position:static!important;opacity:1!important;pointer-events:auto!important;
  width:21px!important;height:21px!important;max-width:21px!important;
  min-width:21px!important;min-height:21px!important;padding:2px!important;
  border:0!important;border-radius:50%!important;cursor:pointer!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .el-mobile-palette-picker input[type=color]::-webkit-color-swatch {border-radius:50%!important}
/* Signes mobile : grille de placement réutilisée depuis le code PC, sans second moteur. */
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationPositionPicker {
  display:grid!important;gap:5px!important;padding:5px 0!important;margin:0!important;
  min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
  border-top:1px solid #eee3d2!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationPositionPicker strong {
  display:block!important;color:#526078!important;font-size:11px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationPositionGrid {
  display:grid!important;grid-template-columns:repeat(3,27px)!important;
  grid-template-rows:repeat(3,27px)!important;gap:4px!important;
  width:max-content!important;max-width:100%!important;padding:5px!important;
  margin:0 auto!important;border:1px solid #d7dfeb!important;
  border-radius:8px!important;background:#f8f9fb!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationPositionGrid button {
  display:grid!important;place-items:center!important;appearance:none!important;
  width:27px!important;height:27px!important;min-height:27px!important;
  min-width:27px!important;margin:0!important;padding:0!important;
  border:1px solid #aebbc9!important;border-radius:6px!important;background:#fff!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationPositionGrid button::after {
  content:"";width:7px;height:7px;border-radius:2px;background:#b8c3d2
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationPositionGrid button[aria-pressed="true"] {
  background:#fff3c4!important;border:2px solid #d9a000!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationPositionGrid button[aria-pressed="true"]::after {background:#b67c00!important}
/* Tous les paramètres sélectionnés restent à l'intérieur des 60 % ;
   les pastilles de couleur s'enroulent au lieu de dépasser en horizontal. */
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationSelectedPanel {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:5px!important;min-width:0!important;width:100%!important;max-width:100%!important;
  overflow:visible!important;box-sizing:border-box!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationSelectedPanel[hidden] {display:none!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationSelectedPanel .picto-annotation-fields {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;min-width:0!important;max-width:100%!important;gap:7px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationSelectedPanel .picto-annotation-fields>label:not([hidden]),
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationSelectedPanel .picto-annotation-fields>div:not([hidden]) {
  min-width:0!important;max-width:100%!important;box-sizing:border-box!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationStyleRow,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationQuickColors,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationFillQuickColors {
  grid-column:1/-1!important;min-width:0!important;max-width:100%!important;
  width:100%!important;box-sizing:border-box!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationStyleRow {
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationStyleSelector {
  display:flex!important;flex-wrap:wrap!important;gap:5px!important;min-width:0!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationStyleSelector button {
  display:grid!important;place-items:center!important;min-width:32px!important;
  width:32px!important;height:32px!important;padding:2px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationQuickColors,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationFillQuickColors:not([hidden]) {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationQuickColors .picto-annotation-tone,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationFillQuickColors .picto-annotation-tone {
  display:flex!important;gap:5px!important;flex-wrap:wrap!important;min-width:0!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationQuickColors .picto-annotation-color-swatches,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationFillQuickColors .picto-annotation-color-swatches {
  display:flex!important;flex-wrap:wrap!important;gap:5px!important;
  min-width:0!important;max-width:100%!important;width:100%!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationFillQuickColors[hidden] {display:none!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationFillRow {
  grid-column:1/-1!important;grid-template-columns:minmax(0,1fr) auto 34px!important;
  gap:5px!important;min-width:0!important;max-width:100%!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-annotation-duplicate-handle,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-annotation-delete-handle,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-annotation-rotate {display:none!important}
/* « Barré » est un libellé : sa case occupe deux emplacements plutôt que de réduire le mot. */
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal #pictoAnnotationPalette [data-annotation-type="barred"] {
  grid-column:span 2!important;width:100%!important;min-width:0!important;
  padding:0 4px!important;font-size:12px!important;line-height:1!important;
  white-space:nowrap!important
}
/* La palette des signes inclut toutes les nuances PC, avec les mêmes pastilles. */
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .el-sign-added-desktop {display:inline-flex!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-annotation-color-swatches {
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:wrap!important;gap:5px!important;min-width:0!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-annotation-color-swatches button {
  display:inline-grid!important;place-items:center!important;
  flex:0 0 22px!important;width:22px!important;height:22px!important;
  min-width:22px!important;min-height:22px!important;max-width:22px!important;
  border-radius:50%!important;border:1px solid rgba(35,46,66,.30)!important;
  box-shadow:inset 0 0 0 1px #fff!important;padding:0!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-annotation-color-swatches button[aria-pressed=true] {
  outline:2px solid #192842!important;outline-offset:1px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-annotation-color-swatches .el-no-color-swatch svg {
  width:82%!important;height:82%!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-annotation-custom-color {
  position:relative!important;display:grid!important;place-items:center!important;
  flex:0 0 22px!important;width:22px!important;height:22px!important;
  min-width:22px!important;min-height:22px!important;border:1px solid #cad3e1!important;
  border-radius:50%!important;background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red)!important;
  overflow:hidden!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-annotation-custom-color input[type=color] {
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;padding:0!important;opacity:0!important
}
/* Épaisseur regroupée dans Cadre ; couleur de bordure juste après le fond dans Couleurs. */
/* Le seul conteneur qui défile est la colonne droite. Le pied reste fixe.
   Un défilement tactile sur les surfaces non interactives ne déplace jamais le picto. */
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-appearance-controls {
  box-sizing:border-box!important;min-height:0!important;max-height:100%!important;
  height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior-y:contain!important;touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;scrollbar-width:auto!important;
  scrollbar-color:#8b97a7 #f8f3e8!important;padding-bottom:18px!important;
  scroll-padding-bottom:16px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-appearance-controls::-webkit-scrollbar {width:8px!important}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-appearance-controls::-webkit-scrollbar-thumb {
  background:#8b97a7!important;border-radius:8px!important
}
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-appearance-controls>.picto-appearance-group,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-fixed-palette,
html:is(.el-mobile-table,.el-mobile-phrase,.el-mobile-week) #pictoAppearanceModal .picto-fixed-swatches {touch-action:pan-y!important}
/* Texte visible et lisible dans les cases en mode téléphone. */
html.el-mobile-table #board .slot.name-small {--slot-name-font:9px}
html.el-mobile-table #board .slot.name-medium {--slot-name-font:12px}
html.el-mobile-table #board .slot.name-large {--slot-name-font:17px}
html.el-mobile-table #board .slot.words-visible {--el-mobile-word-height:20%}
html.el-mobile-table #board .slot.words-visible .slot-name-input {
  height:100%!important;min-height:0!important;max-height:100%!important;
  min-width:0!important;width:100%!important;box-sizing:border-box!important;
  padding:2px 5px!important;line-height:1.05!important;
  font-size:var(--el-mobile-name-font,var(--slot-name-font))!important
}
html.el-mobile-table #board .slot.words-visible > .slot-name-detached {height:var(--el-mobile-word-height)!important}
html.el-mobile-table #board .slot.words-visible:not(.name-detached) > .slot-band {height:var(--el-mobile-word-height)!important}
html.el-mobile-table #board .slot.words-visible.name-top .slot-image {top:var(--el-mobile-word-height)!important}
html.el-mobile-table #board .slot.words-visible.name-bottom .slot-image {bottom:var(--el-mobile-word-height)!important}
html.el-mobile-table #board .slot.words-visible .slot-image {overflow:hidden!important;min-height:0!important;min-width:0!important}
html.el-mobile-table #board .slot.words-visible .slot-image img {
  max-width:min(100%,calc(var(--slot-image-scale) * var(--cell-size,96px)))!important;
  max-height:min(100%,calc(var(--slot-image-scale) * var(--cell-size,96px)))!important
}
}

/* 0.9.303 — Commandes de case homogènes pour les deux grilles mobiles.
   Sélection explicite au toucher : plus de suppression visible en permanence.
   Aucun impact sur l'éditeur individuel ou les écrans PC. */
html.el-mobile-table #board .slot.filled,
html.el-mobile-week #weekGrid .week-picto-slot {touch-action:none!important;cursor:grab!important}
html.el-mobile-table #board .slot.is-dragging,
html.el-mobile-week #weekGrid .week-picto-slot.is-dragging {cursor:grabbing!important;opacity:.65!important}
html.el-mobile-table #board .slot .slot-actions,
html.el-mobile-week #weekGrid .week-picto-slot .slot-actions {
  opacity:0!important;pointer-events:none!important;
  display:flex!important;flex-direction:column!important;gap:5px!important;
  position:absolute!important;top:5px!important;right:5px!important;z-index:40!important;
}
html.el-mobile-table #board .slot.el-mobile-slot-selected .slot-actions,
html.el-mobile-week #weekGrid .week-picto-slot.el-mobile-slot-selected .slot-actions {
  opacity:1!important;pointer-events:auto!important;
}
html.el-mobile-week #weekGrid .week-picto-slot .slot-actions .slot-action,
html.el-mobile-table #board .slot .slot-actions .slot-action {
  width:28px!important;height:28px!important;min-height:28px!important;
  padding:0!important;border-radius:50%!important;
  background:rgba(255,255,255,.97)!important;
  border:1px solid rgba(31,42,68,.2)!important;
  box-shadow:0 2px 8px rgba(31,42,68,.12)!important;
}
html.el-mobile-week #weekGrid .week-picto-slot .slot-actions svg,
html.el-mobile-table #board .slot .slot-actions svg {width:15px!important;height:15px!important}
html.el-mobile-table #board .slot.el-mobile-slot-selected,
html.el-mobile-week #weekGrid .week-picto-slot.el-mobile-slot-selected {outline:2px solid #e7ad00!important;outline-offset:-2px!important}
