/* Adaptation commune, sans retirer de colonnes ni d’actions métier. */
.crozet-table-scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.crozet-table-scroll:focus-visible{outline:3px solid #4795cf;outline-offset:2px}
@media screen and (max-width:800px){
  main,.main,.page,#app,#content,.panel,.card,.grid>*,.grid2>*,.split>*,.form-columns>*,.settings-grid>*,.point-form-grid>*{min-width:0;max-width:100%;box-sizing:border-box}
  main,.main,.page{padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}
  img,video,canvas{max-width:100%;height:auto}iframe{max-width:100%}
  h1,h2,h3,p,a,strong,small,dt,dd{overflow-wrap:anywhere}
  input,select,textarea{max-width:100%;box-sizing:border-box;font-size:16px!important;min-width:0}
  input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select{min-height:44px}
  button,.button,.btn{min-height:44px;max-width:100%;white-space:normal}
  fieldset{min-width:0;max-width:100%;box-sizing:border-box}
  .crozet-help-enabled>header,.crozet-help-enabled .app-header{padding:16px!important}
  body>header .brand,.app-header .app-brand{min-width:0;max-width:calc(100% - 84px);flex-shrink:1;gap:10px!important;white-space:normal}
  body>header .brand>span,.app-header .app-brand>span{min-width:0}
  body>header .logo,body>header .commune-logo,.app-header .commune-logo-pair,.app-header .commune-logo-pair img{width:70px!important;height:48px!important}
  body>header .brand,body>header .brand>span>strong,.app-header .app-brand strong{font-size:19px!important}
  body>header nav,body>header .header-right,body>header .header-account,body>header .top-actions,.app-header-actions{min-width:0;width:100%;gap:8px!important;flex-wrap:wrap;display:flex}
  body>header .header-right,body>header nav,body>header .top-actions,.app-header-actions{flex-basis:100%;width:100%}
  body>header .user-chip,.app-header .user-profile{max-width:100%;height:auto;min-height:48px;white-space:normal}
  body>header .user-chip strong,.app-header .user-profile strong{overflow-wrap:anywhere}
  body>header button,body>header .button,body>header .btn,.app-header-actions>button,.app-header-actions>.platform-return{padding:10px 12px!important;font-size:15px!important;white-space:normal}
  .heading,.toolbar,.top,.page-header,.page-heading,.meeting-hero,.calendar-navigation,.actions,.filters,.inline{max-width:100%;flex-wrap:wrap}
  .meeting-hero{gap:16px;padding:18px}
  .table-wrap,.table-scroll,.calendar-scroll,.agenda-scroll,.agenda-wrap{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
  .crozet-table-scroll:before{content:'↔ Faites glisser le tableau pour voir toutes les colonnes';display:block;font-size:12px;padding:8px;max-width:280px}
  dialog{box-sizing:border-box;max-width:calc(100vw - 20px)!important;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);margin:auto;padding:16px;overflow:auto}
  dialog form,.point-dialog,.point-form-grid{min-width:0;max-width:100%}
}
@media screen and (max-width:550px){
  .grid,.grid2,.form-columns,.point-form-grid,.settings-grid,.filters,.filter-advanced,.owner-grid,.metrics,.dashboard-counts,.session-grid,.color-settings{grid-template-columns:minmax(0,1fr)!important}
  .panel,.card{padding:16px}.activity-entry{grid-template-columns:minmax(0,1fr)!important}.activity-entry>*{grid-column:1!important}
  .filters label,.compact-filters label,.inline label,.toolbar input{min-width:0;max-width:100%;flex-basis:100%}
  .point-dialog .grid2{grid-template-columns:minmax(0,1fr)!important}
  .point{grid-template-columns:minmax(0,1fr)}
  .calendar-tabs{gap:6px}.calendar-tabs .button{padding:10px 12px;font-size:16px}
  .tile,.home-tile{min-width:0;padding:16px;gap:12px}.tile h2,.home-tile-title{font-size:21px}
  .point-facts{grid-template-columns:minmax(0,1fr)}.point-facts dd{margin:0 0 8px}
  .planner-header,.planner-row{grid-template-columns:200px 1fr}.planner{min-width:calc(200px + var(--days)*64px)}.planner-label{width:auto}
}
@media print{.crozet-table-scroll{overflow:visible;max-width:none}.crozet-table-scroll:before{display:none}}
/* Les libellés destinés aux lecteurs d’écran restent dans la zone du tableau. */
.table-scroll,.table-wrap,.crozet-table-scroll{position:relative}
@media screen and (max-width:800px){dialog[open]:has(>.crozet-help-launcher) .dialog-head{padding-top:36px}}