/* Listes et formulaires : contenir les éléments larges sur tablette et mobile. */
.mobile-table-hint[hidden]{display:none!important}
@media screen and (max-width:1200px){
  .main,#content,#content>.panel,.panel-head,.panel-body,#entityTable,
  .toolbar,.toolbar-left,.toolbar-right,.view-toolbar,.column-tools-bar,
  .column-tools-actions,.entity-selection-actions,.entity-pagination{
    min-width:0;max-width:100%;
  }
  #content>*,#content .panel-body>*{min-width:0;max-width:100%}
  .topbar{height:auto;min-height:92px;gap:12px;flex-wrap:wrap}
  .topbar>div,.top-actions{min-width:0;max-width:100%}
  .top-actions{flex-wrap:wrap}
  .top-actions .global-search{min-width:0;max-width:100%}
  .global-search input{min-width:0;max-width:100%}
  .panel-head,.toolbar,.toolbar-left,.toolbar-right,.column-tools-bar,
  .column-tools-actions,.entity-selection-actions,.actions{flex-wrap:wrap}
  .panel-head>div,.panel-head>.actions{min-width:0;max-width:100%}
  .toolbar-left{flex:1 1 460px;min-width:0}
  .toolbar-right{flex:1 1 auto;justify-content:flex-end;min-width:0}
  .toolbar-left .field-search,.toolbar-left .filter-select{
    flex:1 1 200px;min-width:0;max-width:100%;width:auto;
  }
  .view-toolbar>*{min-width:0;max-width:100%}
  .view-toolbar label>select{max-width:100%}
  #content :is(.server-form,.settings-fields,.agent-enrollment-grid,
    .network-check-form,.report-form){min-width:0;max-width:100%}
  .column-tools-bar{width:100%;gap:8px;position:static}
  .column-tools-bar>span[role="status"]{flex:1 1 100%;min-width:0}
  .column-tools-actions{width:100%;gap:8px}
  .entity-selection-actions{min-width:0;max-width:100%}
  .selection-context{flex:1 1 100%;max-width:100%}
  .table-wrap,.phonebook-table-wrap,.knowledge-table-wrap,.calendar-scroll{
    display:block;min-width:0;max-width:100%;width:100%;overflow-x:auto;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
  }
  .table-wrap:focus-visible,.phonebook-table-wrap:focus-visible{
    outline:2px solid var(--blue);outline-offset:2px;
  }
  .table-wrap table{max-width:none}
  .mobile-table-hint{display:block;font-size:12px;color:var(--muted);margin:8px 0}
  dialog,dialog[open]{max-width:calc(100vw - 24px)}
  dialog form,dialog .panel-body,dialog .form-grid,dialog .record-fields,
  dialog .record-panel-grid,dialog .record-catalogue-grid,
  dialog .form-field,dialog .server-form,dialog .settings-fields{
    min-width:0;max-width:100%;
  }
  dialog .form-field>input:not([type=checkbox]):not([type=radio]),
  dialog .form-field>select,dialog .form-field>textarea,
  dialog .server-form input:not([type=checkbox]):not([type=radio]),
  dialog .server-form select,dialog .server-form textarea{
    min-width:0;max-width:100%;width:100%;
  }
}
@media screen and (min-width:761px) and (max-width:1000px){
  .main{min-width:0;width:calc(100% - 255px)}
  .toolbar-left,.toolbar-right{flex-basis:100%}
  .toolbar-right{justify-content:flex-start}
  .panel-head{gap:10px}
  .view-toolbar label{flex:1 1 190px}
  .view-toolbar label>select{min-width:0;width:100%}
  #content .server-form.user-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  dialog .form-grid,dialog .record-panel-grid,dialog .record-catalogue-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media screen and (max-width:760px){
  .topbar,.top-actions,#content,.panel,.panel-body,.panel-head,
  .toolbar,.toolbar-left,.toolbar-right,.view-toolbar,.column-tools-bar,
  .column-tools-actions,.entity-selection-actions,#entityTable{
    min-width:0;max-width:100%;
  }
  .toolbar-left,.toolbar-right{width:100%;flex-basis:100%}
  .toolbar-left .field-search,.toolbar-left .filter-select{flex-basis:100%;width:100%}
  .toolbar-right{justify-content:stretch}
  .toolbar-right>.btn{flex:1 1 100%;min-width:0}
  #content .server-form.user-form{grid-template-columns:minmax(0,1fr)}
  .column-tools-actions>.btn,.entity-selection-actions>.btn{
    flex:1 1 135px;min-width:0;white-space:normal;
  }
  dialog .form-grid,dialog .record-panel-grid,dialog .record-catalogue-grid{
    grid-template-columns:minmax(0,1fr);
  }
}