@media (max-width: 768px) {
  button:not([hidden]) {
    min-width: 44px !important;
    min-height: 44px !important;
  }
  .staff-shell button:not([hidden]) {
    min-height: 44px !important;
  }
  .icon-button,
  .slot-button {
    min-width: 44px !important;
  }

  input:not([type="checkbox"]):not([type="radio"]),
  select,
  textarea {
    min-height: 44px !important;
  }
}
@media (max-width: 640px) {
  .staff-shell .doctor-dashboard {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    width: 100%;
  }
  .staff-shell .doctor-dashboard > * {
    min-width: 0;
    max-width: 100%;
  }
  .staff-shell .doctor-dashboard-header,
  .staff-shell .doctor-appointments-panel,
  .staff-shell .doctor-settings-panel,
  .staff-shell .doctor-dashboard-tabs {
    width: 100%;
    box-sizing: border-box;
  }
  .staff-shell .doctor-appointments-wrap {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
  }
  .staff-shell .doctor-appointments-table {
    min-width: 720px;
  }
}