@media (max-width: 768px) {
  html, body, #root {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body {
    -webkit-tap-highlight-color: transparent;
  }

  .zest-main {
    width: 100% !important;
    min-width: 0 !important;
  }

  .zest-content {
    padding: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .zest-topbar {
    padding: 10px 12px !important;
    gap: 8px !important;
  }

  .zest-topbar-title {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .MuiPaper-root,
  .MuiCard-root {
    max-width: 100% !important;
    overflow-x: auto !important;
  }

  .MuiTableContainer-root {
    max-width: 100% !important;
    overflow-x: auto !important;
  }

  table {
    min-width: 650px;
  }

  .MuiButton-root {
    min-height: 42px !important;
    border-radius: 10px !important;
  }

  .MuiTextField-root,
  .MuiFormControl-root {
    width: 100% !important;
  }

  .MuiDialog-paper {
    margin: 10px !important;
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
  }

  #warmi-support-floating {
    right: 12px !important;
    bottom: 12px !important;
  }
}