/**
 * Fichier  : assets/css/mobile-recette.css
 * Auteur   : KREMER Régis
 * Version  : 2.6.87
 * Date     : 2026-07-20
 * Description : Correctifs cumulatifs de recette mobile/tablette — cibles tactiles, thèmes et finitions accessibles.
 *
 * Changelog :
 *   v2.6.87 (2026-07-20) — MOBILE FULL FIELD RECETTE11 : derniers correctifs transversaux après recette cumulative.
 */

/* Les surcharges sont volontairement limitées aux appareils tactiles. */
@media (max-width: 1199.98px) {
  .header-btn {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    flex: 0 0 44px;
  }

  html[data-ms-pointer="coarse"] .btn,
  html[data-ms-pointer="coarse"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  html[data-ms-pointer="coarse"] select,
  html[data-ms-pointer="coarse"] textarea {
    min-height: 44px !important;
  }

  html[data-ms-pointer="coarse"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  html[data-ms-pointer="coarse"] select,
  html[data-ms-pointer="coarse"] textarea {
    font-size: 16px !important;
  }

  html[data-ms-pointer="coarse"] .sidebar-logo,
  html[data-ms-pointer="coarse"] #sidebarToggle.logo-icon {
    min-height: 44px !important;
  }

  html[data-ms-pointer="coarse"] #sidebarToggle.logo-icon {
    width: 44px !important;
    height: 44px !important;
  }

  .help-chip {
    min-height: 44px;
    padding-block: 10px;
  }

  #pgLocations .loc-vbtn,
  #pgLocations .btn-sm,
  html[data-crud-mobile-page] .btn-sm,
  .crud-mobile-manager-card .category-tag-remove {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .plans-head-back {
    display: inline-flex !important;
    height: 44px !important;
    min-height: 44px !important;
    align-items: center !important;
    padding-block: 8px !important;
  }
}

@media (max-width: 640px) {
  .top-header {
    padding-left: calc(8px + var(--safe-left)) !important;
    padding-right: calc(8px + var(--safe-right)) !important;
  }

  .header-left {
    min-width: 0;
    gap: 4px !important;
  }

  .header-right {
    gap: 0 !important;
  }

  .header-title {
    min-width: 0;
    max-width: calc(100vw - 252px) !important;
  }
}

/* REPORTS MOBILE CARDS9 utilisait des variables de thème non chargées par le shell.
   Ces alias explicites empêchent les surfaces blanches dans le thème sombre. */
@media (max-width: 1199.98px) {
  [data-theme="dark"] .reports-mobile-shell {
    border-color: var(--border) !important;
    background: color-mix(in srgb, var(--bg-card) 94%, transparent) !important;
  }

  [data-theme="dark"] .reports-mobile-selector,
  [data-theme="dark"] .reports-mobile-filter-chip,
  [data-theme="dark"] .reports-mobile-report-option,
  [data-theme="dark"] .reports-mobile-action-option {
    border-color: var(--border) !important;
    background: var(--bg-elevated) !important;
    color: var(--text-primary) !important;
  }

  [data-theme="dark"] .reports-mobile-selector__icon {
    border-color: color-mix(in srgb, var(--blue) 36%, var(--border)) !important;
    background: var(--blue-pale) !important;
    color: var(--blue) !important;
  }

  [data-theme="dark"] .reports-mobile-chart,
  [data-theme="dark"] .reports-mobile-empty {
    border-color: var(--border) !important;
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
  }

  [data-theme="dark"] .reports-mobile-chart canvas {
    background: transparent !important;
  }

  [data-theme="dark"] .reports-mobile-report-option.is-current {
    border-color: var(--blue) !important;
    background: var(--blue-pale) !important;
  }
}

/* État réseau global non bloquant, annoncé par le script de recette. */
html[data-ms-network="offline"] .top-header {
  box-shadow: inset 0 -3px 0 var(--orange);
}
