/* Ganafort 10.0.25: separación y adaptación de barras de acciones. */
.page-title{
  gap:14px;
  flex-wrap:wrap;
  align-items:flex-start;
}
.page-title h1{min-width:0;overflow-wrap:anywhere}
.page-title-tools{
  max-width:100%;
  flex-wrap:wrap;
  justify-content:flex-end;
}

/* Los informes tenían un margen negativo que ocupaba el espacio de Ayuda. */
.report-actions{
  margin:0 0 19px!important;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  clear:both;
}

.print-actions,.form-actions,.account-actions,.permission-actions,
.invoice-actions,.sale-toolbar,.assistant-controls,.dialog-actions{
  flex-wrap:wrap;
}
.actions{flex-wrap:wrap;align-items:center}
.actions form{max-width:100%}
.toolbar,.toolbar form{min-width:0;flex-wrap:wrap}
.section-head>*{min-width:0}
.btn,.pill{max-width:100%;white-space:normal;text-align:center}

@media(max-width:900px){
  .page-title-tools{margin-left:auto}
  .report-actions{justify-content:flex-start}
}

@media(max-width:620px){
  .page-title{flex-direction:column;align-items:stretch}
  .page-title-tools{width:100%;margin-left:0;justify-content:flex-start}
  .page-title-tools>button{flex:1 1 130px}
  .report-actions,.print-actions,.account-actions,.permission-actions,
  .invoice-actions,.form-actions{width:100%;align-items:stretch}
  .report-actions .btn,.print-actions .btn,.account-actions .btn,
  .permission-actions .btn,.form-actions .btn{flex:1 1 100%;width:100%}
  .section-head{align-items:stretch}
  .section-head>.btn,.section-head>div+.btn{width:100%}
}

@media print{
  .report-actions{display:none!important}
}