/* Final responsive contract. Loaded after the shared system/adaptive layers. */
html,
body,
main,
#app,
#content {
  min-width: 0;
  max-width: 100%;
}

body:not(.loggedOut) main,
body.sidebarCollapsed:not(.loggedOut) main {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow-x: hidden !important;
}

body:not(.loggedOut) > main > #content,
#app > .leitstandFlow,
#app > .stats,
#app > .viewToolbar,
#app > .orders,
#content,
.orders {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

#content > *,
.accountingWorkspace,
.accountingMain,
.accountingDetailPanel,
.accountingForm,
.cashbookWorkspace,
.cashbookSplit,
.statsWorkspace,
.statsAreaContent {
  min-width: 0 !important;
  max-width: 100% !important;
}

.accountingToolbar {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
}

.accountingToolbar .accountingWorkspaceSwitch {
  grid-column: 1 / -1;
}

.accountingWorkspaceSwitch {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.accountingWorkspaceSwitch button,
.accountingToolbar label,
.accountingToolbar input,
.accountingToolbar select {
  min-width: 0 !important;
  width: 100% !important;
}

.accountingListMain,
.accountingFormHead > div,
.accountingHero > div,
.statsWorkspaceHead > div {
  min-width: 0;
}

.accountingListMain strong,
.accountingListMain small,
.accountingHero h2,
.accountingHero p,
.statsWorkspaceHead h2,
.statsWorkspaceHead p {
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .accountingWorkspaceSwitch {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .accountingMain,
  .cashbookSplit {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body:not(.loggedOut) main,
  body.sidebarCollapsed:not(.loggedOut) main {
    padding: 10px !important;
  }

  .accountingToolbar,
  .accountingWorkspaceSwitch {
    grid-template-columns: 1fr 1fr !important;
  }

  .accountingHero,
  .accountingFormHead,
  .accountingMailHead,
  .accountingOpenItemsHead,
  .statsWorkspaceHead,
  .statsInventoryHead {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .accountingKpis,
  .cashbookKpis,
  .accountingTaxKpis,
  .accountingComplianceGrid {
    grid-template-columns: 1fr 1fr !important;
  }

  .accountingHeroActions,
  .accountingFormActions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
  }

  .accountingHeroActions button,
  .accountingHeroActions .buttonLink,
  .accountingFormActions button,
  .accountingFormActions .buttonLink {
    width: 100% !important;
  }
}

@media (max-width: 430px) {
  .accountingToolbar,
  .accountingWorkspaceSwitch,
  .accountingKpis,
  .cashbookKpis,
  .accountingTaxKpis,
  .accountingComplianceGrid {
    grid-template-columns: 1fr !important;
  }
}