/* Synchronisation du brouillard unique NOURIVOIRE depuis GEBAT_BC_BSC_BE */
#caisse .caisse-sync-toolbar{
  display:grid;
  grid-template-columns:minmax(190px,230px) minmax(170px,210px) 1fr;
  gap:14px;
  align-items:end;
  width:100%;
}
#caisse .caisse-sync-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
#caisse .caisse-sync-field label{
  margin:0;
  font-weight:700;
  line-height:1.2;
}
#caisse .caisse-sync-field input,
#caisse .caisse-sync-field select{
  width:100%;
  min-width:0;
  height:40px;
  padding:7px 10px;
  border:1px solid #b8c8d5;
  border-radius:9px;
  background:#fff;
  color:#111;
  font:inherit;
}
#caisse .caisse-sync-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
}
#caisse .caisse-sync-actions .btn{
  min-height:40px;
  white-space:nowrap;
}
#caisse .caisse-sync-source{
  margin-top:12px;
  padding:10px 12px;
  border-left:4px solid #26778a;
  border-radius:8px;
  background:#eef8fb;
  color:#143f48;
  font-weight:600;
}
#caisse .caisse-sync-source.is-error{
  border-left-color:#b91c1c;
  background:#fff1f1;
  color:#7f1d1d;
}
#caisse .caisse-sync-source.is-success{
  border-left-color:#15803d;
  background:#eefbf2;
  color:#14532d;
}
#caisse .table-wrap{
  max-width:100%;
  overflow:auto;
}
#caisse .table-caisse{
  width:100%;
  min-width:880px;
  table-layout:fixed;
}
#caisse .table-caisse th:nth-child(1),
#caisse .table-caisse td:nth-child(1){width:120px;}
#caisse .table-caisse th:nth-child(2),
#caisse .table-caisse td:nth-child(2){width:190px;}
#caisse .table-caisse th:nth-child(3),
#caisse .table-caisse td:nth-child(3){width:auto;}
#caisse .table-caisse th:nth-child(4),
#caisse .table-caisse td:nth-child(4){width:150px;}
@media (max-width:1200px){
  #caisse .caisse-sync-toolbar{grid-template-columns:repeat(2,minmax(180px,1fr));}
  #caisse .caisse-sync-actions{grid-column:1 / -1;justify-content:flex-start;}
}
@media (max-width:720px){
  #caisse .caisse-sync-toolbar{grid-template-columns:1fr;}
  #caisse .caisse-sync-actions{grid-column:auto;display:grid;grid-template-columns:1fr;}
  #caisse .caisse-sync-actions .btn{width:100%;}
}