/* UI-11 — finition responsive transversale. Pas de règle métier. */
html{overflow-x:hidden}.app-module-host{overflow-x:hidden}.app-module-host img,.app-module-host canvas,.app-module-host svg{max-width:100%}
.app-module-host button,.app-module-host input,.app-module-host select,.app-module-host textarea{font:inherit}
.app-module-host button:focus-visible,.app-module-host input:focus-visible,.app-module-host select:focus-visible,.app-module-host textarea:focus-visible{outline:2px solid var(--fa-accent);outline-offset:2px}
/* Le rail est la navigation primaire : la barre d'onglets V2 historique reste
   dans le DOM pour compatibilité mais n'est plus exposée visuellement. */
#v2-tabs{display:none!important}
#v2-restaurant-switch{margin:12px 20px 0}
@media(max-width:1024px){.app-module-host .module-content{min-width:0}.app-module-host table{max-width:100%}}
@media(max-width:760px){
  .topbar .brand{gap:8px}.topbar .brand-left{min-width:0}.topbar .user-box{gap:6px}.topbar #userNameDisplay{display:none}
  .app-module-host .module-header{padding:0}.app-module-host .module-content{padding:0}
  #v2-restaurant-switch{margin:10px 14px 0;overflow-x:auto;display:flex;flex-wrap:nowrap}
  .v2-primary-btn,.add-btn,.btn-secondary{min-height:var(--fa-tap)}
  .v2-ref-head,.v2-stock-head{align-items:flex-start!important;flex-direction:column}
  .v2-ref-actions,.v2-stock-head>div:last-child{width:100%}.v2-ref-actions .v2-primary-btn,.v2-stock-head>div:last-child .v2-primary-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}