/* Dossier tabs use the available content width, with at most three readable
   cards per row. No containment is added around floating relation pickers. */
.task-dossier-modal :is(.task-tab-panel,.process-tab-panel,.client-tab-panel,.estate-tab-panel) .record-gallery{
  --dossier-card-min-width:220px;
  --dossier-card-gap:var(--record-card-gap,12px);
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,max(var(--dossier-card-min-width),calc((100% - var(--dossier-card-gap) * 2) / 3))),1fr));
  gap:var(--dossier-card-gap);
  width:100%;min-width:0;max-width:100%;justify-content:stretch;
}
.task-dossier-modal :is(.task-tab-panel,.process-tab-panel,.client-tab-panel,.estate-tab-panel) .record-gallery>.record-card{
  width:100%;min-width:0;max-width:none;box-sizing:border-box;
}
/* Every tab keeps one icon box; individual source SVG paths are unchanged. */
.task-dossier-modal :is(.task-dossier-tab,.dossier-overflow-choice)>.icon{
  display:block;flex:0 0 15px;width:15px;height:15px;margin:0;
}
@media(max-width:580px){
  .task-dossier-modal :is(.task-tab-panel,.process-tab-panel,.client-tab-panel,.estate-tab-panel) .record-gallery{
    grid-template-columns:minmax(0,1fr);
  }
}