/* Eterano v1.16.3 — Follow-up actions + invoicing settings polish */

/* Wide desktop: reminder rules and invoice settings are peer cards. */
@media (min-width:1180px){
  #settingsInvoicingPanel.active{
    width:min(100%,1280px)!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:18px;
    row-gap:17px;
    align-items:stretch;
  }
  #settingsInvoicingPanel>.settings-tab-intro{grid-column:1/-1!important;}
  #settingsInvoicingPanel>#invoiceReminderSettingsForm1160{
    grid-column:1!important;grid-row:2!important;max-width:none!important;margin:0!important;height:100%;
  }
  #settingsInvoicingPanel>#invoiceSettingsForm{
    grid-column:2!important;grid-row:2!important;max-width:none!important;margin:0!important;height:100%;
  }
  #settingsInvoicingPanel>#invoiceReminderSettingsForm1160,
  #settingsInvoicingPanel>#invoiceSettingsForm{display:flex;flex-direction:column;}
  #settingsInvoicingPanel>#invoiceReminderSettingsForm1160>button[type="submit"],
  #settingsInvoicingPanel>#invoiceSettingsForm>button[type="submit"]{margin-top:auto;align-self:flex-start;}
}

@media (max-width:1179px){
  #settingsInvoicingPanel.active{grid-template-columns:minmax(0,1fr)!important;}
  #settingsInvoicingPanel>.settings-tab-intro,
  #settingsInvoicingPanel>#invoiceReminderSettingsForm1160,
  #settingsInvoicingPanel>#invoiceSettingsForm{grid-column:1!important;max-width:none!important;width:100%!important;}
  #settingsInvoicingPanel>#invoiceReminderSettingsForm1160{grid-row:auto!important;margin-top:0!important;}
  #settingsInvoicingPanel>#invoiceSettingsForm{grid-row:auto!important;}
}

.reminder-history-list1160 small{line-height:1.35;}